/* ============================================================
   Redação e Dialogia — acervo (hub + página de tema)
   Enfileire só onde é usado, para não pesar as outras páginas:

   add_action('wp_enqueue_scripts', function(){
     if (is_singular('tema') || is_post_type_archive('tema') || is_tax(['eixo','banca'])) {
       wp_enqueue_style('rd-acervo', get_stylesheet_directory_uri().'/rd-acervo.css', [], '1.0.0');
     }
   });

   Fontes: Asap (SIL OFL) + Bricolage Grotesque (SIL OFL).
   NÃO use Baskerville BT nem o Baskerville da Apple — nenhum dos dois tem
   licença de webfont. Bricolage Grotesque é a display do sistema.
   ============================================================ */

:root{
  --rd-preto:#0D0C0B;
  --rd-laranja:#F99F34;
  --rd-rosa:#EF519D;
  --rd-azul:#75CDD8;
  --rd-papel:#FBFAF8;
  --rd-papel-2:#F2F0EC;
  --rd-tinta:#141312;
  --rd-tinta-2:#5A554E;
  --rd-linha:#E4E0D9;
  /* Não é serifada: o nome do token ficou por compatibilidade com o
     CSS existente. A display do site é a Bricolage Grotesque. */
  --rd-serif:"Bricolage Grotesque",sans-serif;

  --rd-sans:Asap,"Segoe UI",system-ui,sans-serif;
  --rd-max:1180px;
}

.rd-acervo,.rd-tema{
  max-width:var(--rd-max); margin:0 auto; padding:48px 24px 96px;
  font-family:var(--rd-sans); color:var(--rd-tinta); font-size:17px; line-height:1.62;
}
.rd-tema{max-width:820px}

.rd-acervo h1,.rd-tema h1,.rd-acervo h2,.rd-tema h2,.rd-card h2,.rd-card h3{
  font-family:var(--rd-serif); font-weight:700; letter-spacing:-.015em; text-wrap:balance;
}
.rd-tema h1{font-size:clamp(2rem,4.6vw,3.1rem); line-height:1.08; margin:0 0 20px}
.rd-tema h2{font-size:1.45rem; margin:0 0 14px}
.rd-acervo h1{font-size:clamp(2rem,4.4vw,2.9rem); line-height:1.1; margin:0 0 14px}

.rd-olho{
  font-family:var(--rd-sans); font-size:.72rem; font-weight:700; letter-spacing:.22em;
  text-transform:uppercase; color:var(--rd-rosa); display:inline-flex; align-items:center;
  gap:11px; margin:0 0 16px;
}
.rd-olho::before{content:""; width:26px; height:2px; background:currentColor}

.rd-total{font-family:var(--rd-sans); font-size:1rem; font-weight:600; color:var(--rd-tinta-2); vertical-align:middle}
.rd-sub{color:var(--rd-tinta-2); max-width:62ch; margin:0 0 34px}

/* ---------- migalhas ---------- */
.rd-migalhas{font-size:.84rem; color:var(--rd-tinta-2); margin-bottom:26px; display:flex; flex-wrap:wrap; gap:8px}
.rd-migalhas a{color:inherit; text-decoration:none; border-bottom:1px solid var(--rd-linha)}
.rd-migalhas a:hover{color:#C4306F; border-bottom-color:currentColor}

/* ---------- assinatura ---------- */
.rd-assinatura{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; font-size:.88rem; color:var(--rd-tinta-2); margin-bottom:20px}
.rd-autor{font-weight:700; color:var(--rd-tinta)}
.rd-cred{padding-left:14px; border-left:2px solid var(--rd-rosa)}

.rd-etiquetas{display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0 0 30px}
.rd-etiquetas li{font-size:.78rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  background:var(--rd-papel-2); border:1px solid var(--rd-linha); border-radius:5px; padding:6px 12px}
.rd-etiquetas a{text-decoration:none; color:inherit}

.rd-capa{margin:0 0 36px}
.rd-capa img{width:100%; height:auto; border-radius:10px; display:block}

/* ---------- resumo: o bloco citável ---------- */
.rd-resumo{background:var(--rd-papel-2); border-left:4px solid var(--rd-azul); border-radius:0 10px 10px 0; padding:24px 26px; margin:0 0 30px}
.rd-resumo h2{font-size:.74rem; font-family:var(--rd-sans); font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--rd-tinta-2); margin-bottom:10px}
.rd-resumo p{margin:0; font-size:1.09rem; line-height:1.6}

/* ---------- botões ---------- */
.rd-btn{display:inline-flex; align-items:center; gap:9px; font-family:var(--rd-sans); font-weight:700;
  font-size:1rem; padding:15px 30px; border-radius:4px; text-decoration:none; border:2px solid transparent;
  transition:transform .15s ease, background-color .15s ease}
.rd-btn:focus-visible{outline:3px solid var(--rd-azul); outline-offset:3px}
.rd-btn-primario{background:var(--rd-laranja); color:var(--rd-preto)}
.rd-btn-primario:hover{background:#FFB253; transform:translateY(-2px)}

.rd-baixar{display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin:0 0 36px}
.rd-micro{font-size:.84rem; color:var(--rd-tinta-2)}

.rd-conteudo{margin-bottom:36px}
.rd-conteudo :is(h2,h3){margin-top:32px}

/* ---------- repertórios e erros ---------- */
.rd-repertorios,.rd-erros{margin:0 0 36px}
.rd-repertorios ul,.rd-erros ol{margin:0; padding-left:0; list-style:none; counter-reset:e}
.rd-repertorios li{position:relative; padding-left:26px; margin-bottom:12px}
.rd-repertorios li::before{content:""; position:absolute; left:0; top:.62em; width:13px; height:2px; background:var(--rd-laranja)}
.rd-erros li{position:relative; padding-left:38px; margin-bottom:14px; counter-increment:e}
.rd-erros li::before{content:counter(e); position:absolute; left:0; top:.1em; width:24px; height:24px;
  border-radius:50%; background:var(--rd-rosa); color:#fff; font-family:var(--rd-sans); font-size:.8rem;
  font-weight:700; display:grid; place-items:center}

/* ---------- cta ---------- */
.rd-cta{background:var(--rd-preto); color:#fff; border-radius:12px; padding:34px 32px; margin:0 0 56px}
.rd-cta h2{color:#fff; margin-bottom:10px}
.rd-cta p{color:#B9B3AB; max-width:52ch; margin:0 0 22px}

/* As ferramentas do hub (busca, filtros, pastilhas, contagem) foram para
   o rd-sistema.css: o blog usa os mesmos componentes e esta folha não
   carrega lá. Uma definição só, para as duas páginas não divergirem. */

/* ---------- grade ---------- */
.rd-grade{display:grid; grid-template-columns:repeat(auto-fill,minmax(258px,1fr)); gap:20px}
.rd-card{border:1px solid var(--rd-linha); border-radius:10px; overflow:hidden; background:#fff;
  transition:transform .18s ease, box-shadow .18s ease}
.rd-card[hidden]{display:none!important}
.rd-card:hover{transform:translateY(-3px); box-shadow:0 14px 34px rgba(20,19,18,.12)}
.rd-card > a{text-decoration:none; color:inherit; display:block; height:100%}
.rd-card figure{margin:0; background:var(--rd-papel-2)}
/* height:auto é obrigatório: os atributos width/height da imagem vencem o aspect-ratio sem ele */
.rd-card img{width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; display:block}
.rd-card .rd-card-txt{padding:16px 18px 20px}
.rd-cat{font-size:.68rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--rd-tinta-2)}
.rd-card :is(h2,h3){font-size:1.02rem; line-height:1.3; margin:8px 0 0}

.rd-relacionados{border-top:1px solid var(--rd-linha); padding-top:44px}
.rd-relacionados h2{margin-bottom:24px}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}


/* A display do acervo é a mesma do sistema — com o eixo óptico ligado, para
   que os títulos de card e de tema não engordem no corpo grande. */
.rd-card h3, .rd-tema-topo h1, .rd-acervo-topo h1, .rd-h1, .rd-h2, .rd-h3{
  font-optical-sizing:auto; letter-spacing:-.028em;
}