/* ===========================================================
   site.css — telas internas (listas, detalhes, perfis) que
   consomem o CMS. Reaproveita as variáveis e a linguagem
   visual de styles.css (não altera o arquivo original).
   =========================================================== */

.breadcrumb{font-family:var(--sans);font-size:11px;color:#a9a49a;text-transform:uppercase;letter-spacing:.04em;margin:18px 0 6px}
.breadcrumb a{color:var(--gold)}
.breadcrumb a:hover{color:var(--gold-bright)}

.page-header{padding:8px 0 4px}
.page-header h1{font-size:32px;font-weight:400;color:var(--ivory);margin:4px 0 6px;line-height:1.15}
.page-header p{color:#c9c4bb;font-size:14px;max-width:640px;margin:0}

.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
.category-filter a{
  border:1px solid var(--line);padding:6px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.03em;
  color:#d9d4cb;font-family:var(--sans)
}
.category-filter a:hover{color:var(--gold);border-color:var(--gold)}
.category-filter a.active{background:var(--gold);color:#12202f;border-color:var(--gold)}

/* grid genérico de cards de post (reflexões / editoriais / conversas) */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px}
.post-card{border:1px solid var(--line);background:#03172a;display:flex;flex-direction:column}
.post-card img{width:100%;height:150px;object-fit:cover}
.post-card .post-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.post-card h3{font-size:18px;font-weight:400;line-height:1.2;margin:8px 0}
.post-card p{font-size:12px;line-height:1.45;color:#d9d4cb;margin:0 0 12px;flex:1}
.post-card .readmore{margin-top:auto}
.empty-state{border:1px dashed var(--line);padding:34px;text-align:center;color:#a9a49a;font-size:13px;margin-bottom:30px}

/* artigo / conteúdo único */
.article-cover{width:100%;max-height:380px;object-fit:cover;border:1px solid var(--line);margin-bottom:20px}
.article-header{max-width:760px;margin:0 auto 18px}
.article-header h1{font-size:34px;font-weight:400;line-height:1.15;margin:10px 0 14px}
.article-body{max-width:760px;margin:0 auto 40px;font-size:16px;line-height:1.75;color:#e7e2d7}
.article-body p{margin:0 0 18px}
.article-body h2{color:var(--gold);font-size:22px;font-weight:400;margin:30px 0 12px}
.article-body h3{color:var(--gold-bright);font-size:18px;font-weight:400;margin:24px 0 10px}
.article-body blockquote{border-left:3px solid var(--gold);margin:22px 0;padding:4px 0 4px 18px;color:#cfc9bd;font-style:italic}
.article-body ul,.article-body ol{margin:0 0 18px;padding-left:22px}
.article-body a{color:var(--gold);text-decoration:underline}
.article-body img{max-width:100%;margin:14px 0;border:1px solid var(--line)}
.article-meta-row{display:flex;align-items:center;gap:14px;margin:16px 0 4px;flex-wrap:wrap}

/* pensadores */
.pensador-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}
.pensador-card{border:1px solid var(--line);background:#03172a;text-align:center;padding:20px 14px}
.pensador-card img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 auto 12px;border:1px solid var(--gold)}
.pensador-card .thinker-name{font-size:16px;margin-bottom:2px}
.pensador-card .thinker-role{font-size:11px;color:var(--gold);margin-bottom:8px}
.pensador-card .tags{justify-content:center}

.pensador-hero{display:grid;grid-template-columns:180px 1fr;gap:26px;align-items:start;margin:20px 0 34px}
.pensador-hero img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:1px solid var(--gold)}
.pensador-hero h1{font-size:30px;font-weight:400;margin:0 0 4px}
.pensador-hero .role{color:var(--gold);font-size:13px;margin-bottom:12px}
.pensador-hero .bio{font-size:14px;line-height:1.7;color:#d9d4cb;max-width:640px}
.pensador-hero .tags{margin-top:14px}

/* biblioteca */
.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px}
.library-card{border:1px solid var(--line);background:#03172a;padding:16px}
.library-card img{width:100%;height:110px;object-fit:cover;margin-bottom:12px}
.library-card h3{font-size:16px;font-weight:400;margin:0 0 8px}
.library-card p{font-size:12px;color:#d9d4cb;line-height:1.5;margin:0 0 12px}
.library-card .meta{display:block;margin-bottom:10px}

/* conversas */
.conversa-embed{position:relative;width:100%;padding-top:56.25%;border:1px solid var(--line);margin-bottom:20px;background:#03172a}
.conversa-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* respostas de editorial ("uma pergunta, diferentes olhares") */
.answers-list{max-width:760px;margin:20px auto 40px;display:flex;flex-direction:column;gap:16px}
.answer-card{border:1px solid var(--line);background:#03172a;padding:18px 20px}
.answer-card .who{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.answer-card .who img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid var(--gold)}
.answer-card .who .name{font-size:13px;color:var(--gold)}
.answer-card .text{font-size:14px;line-height:1.65;color:#e7e2d7}
.answer-card .text p{margin:0 0 12px}

/* newsletter feedback */
.form-msg{font-family:var(--sans);font-size:12px;margin-top:8px}
.form-msg.ok{color:#8fd6a6}
.form-msg.error{color:#e29b9b}

@media (max-width: 820px){
  .post-grid{grid-template-columns:1fr 1fr}
  .pensador-grid{grid-template-columns:1fr 1fr}
  .library-grid{grid-template-columns:1fr 1fr}
  .pensador-hero{grid-template-columns:1fr;text-align:center}
  .pensador-hero img{margin:0 auto}
  .pensador-hero .tags{justify-content:center}
}
@media (max-width:560px){
  .post-grid,.pensador-grid,.library-grid{grid-template-columns:1fr}
  .page-header h1{font-size:26px}
  .article-header h1{font-size:26px}
}