/* OUTRUN · páginas editoriais. Dono: Codex C. */
.pagina .topo{background:var(--preto);border-bottom:1px solid var(--linha)}
.pular{position:fixed;top:1rem;left:var(--lado);z-index:100;padding:.7rem 1rem;background:var(--off);color:var(--preto);transform:translateY(-180%)}
.pular:focus{transform:none}
.pagina main{padding-top:calc(var(--topo-h) + env(safe-area-inset-top,0px))}
.pagina main:focus{outline:none}
.pagina-abertura{padding-block:clamp(56px,8vw,110px)}
.pagina-abertura .miolo{display:grid;gap:1.5rem}
.pagina-abertura h1{max-width:15ch}
.pagina-intro{max-width:58ch;font-size:clamp(1.1rem,2vw,1.35rem);color:var(--tinta-2)}
.pagina-aviso{max-width:66ch;border-left:3px solid var(--laranja);padding:.8rem 1rem;background:var(--cartao);font-size:.95rem}
.pagina-evento{line-height:1.8}
.pagina-acoes{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.pagina-corpo{display:grid;gap:clamp(2rem,5vw,5rem)}
.pagina-indice{min-width:0}
.pagina-indice p{margin-bottom:1rem}
.pagina-indice ol{padding-left:1.4rem;display:grid;gap:.55rem}
.pagina-indice a{text-underline-offset:.22em}
.pagina-artigo{max-width:72ch;min-width:0}
.pagina-artigo section{padding-block:2rem;border-top:1px solid var(--linha-clara);scroll-margin-top:calc(var(--topo-h) + 1.5rem)}
.pagina-artigo section:first-child{padding-top:0;border-top:0}
.pagina-artigo h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin-bottom:1.2rem}
.pagina-artigo p+p,.pagina-artigo ul+p{margin-top:1rem}
.pagina-artigo ul{margin-top:1rem;padding-left:1.25rem}
.pagina-artigo li+li{margin-top:.5rem}
.pagina-artigo a{text-underline-offset:.22em}
.pagina-artigo .rotulo{display:block;margin-bottom:.7rem}
.pagina-nota{font-size:.95rem;color:var(--tinta-clara-2)}
.pagina-contato{display:grid;gap:1rem;max-width:68ch}
.pagina-contato h2{max-width:15ch}
.pagina-contato p{overflow-wrap:anywhere}
.pagina-contato .btn{justify-self:start}
.pagina-contato .pagina-nota{color:inherit}
.pagina-grade{display:grid;gap:1.5rem}
.pagina-grade>*{min-width:0}
.pagina-metrica{border-top:1px solid var(--linha-clara);padding-top:1.3rem}
.pagina-metrica strong{display:block;font-family:var(--f-display);font-size:clamp(3.4rem,7vw,5.5rem);font-weight:400;line-height:1}
.pagina-metrica p{margin-top:.8rem;max-width:30ch}
.pagina-projecoes{display:grid;gap:1.5rem}
.pagina-projecoes .pagina-metrica{border-color:var(--linha)}
.pagina-projecoes .pagina-metrica strong{color:var(--laranja)}
.pagina-projecoes .pagina-metrica p{color:var(--tinta-2)}
.pagina-canais{list-style:none;display:grid;gap:0}
.pagina-canais li{display:grid;gap:.8rem;padding-block:1.5rem;border-top:1px solid var(--linha-clara)}
.pagina-canais h3{font-size:clamp(2rem,4vw,2.7rem)}
.pagina-canais p{max-width:58ch}
.pagina-tabela{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.95rem}
.pagina-tabela caption{text-align:left;margin-bottom:1rem;color:var(--tinta-clara-2)}
.pagina-tabela th,.pagina-tabela td{padding:1rem .5rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha-clara);overflow-wrap:anywhere;hyphens:auto}
.pagina-tabela thead th{font-family:var(--f-rotulo);font-size:1rem;text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--linha-clara)}
.pagina-tabela th:first-child{width:28%}
.pagina-tabela tbody th{font-weight:500}
.pagina-tabela strong{display:block}
.pagina-tabela small{display:block;font-size:.85rem}
.pagina-permutas{display:grid;gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--linha-clara)}
.pagina-permutas p{max-width:62ch}
.pagina .secao-cab h2{max-width:19ch}
.pagina .sup-magma .pagina-intro{color:var(--off)}
@media(min-width:800px){
  .pagina-corpo{grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);align-items:start}
  .pagina-grade{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
  .pagina-projecoes{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}
  .pagina-canais li{grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:2rem}
}
@media(max-width:480px){
  .pagina-tabela{font-size:.8rem}
  .pagina-tabela th,.pagina-tabela td{padding:.85rem .3rem}
  .pagina-tabela thead th{font-size:.9rem;letter-spacing:0}
  .pagina-tabela small{font-size:.75rem}
  .pagina-acoes .btn{width:100%}
}
@media print{
  .pagina .topo,.pagina .rodape,.pagina .cta-fixo,.pular,.pagina-acoes{display:none}
  .pagina main{padding-top:0}
  .pagina-abertura,.pagina .secao{padding-block:2rem}
  .pagina-corpo{display:block}
  .pagina-indice{margin-bottom:2rem}
  .pagina-artigo{max-width:none}
  .pagina-artigo section{break-inside:avoid}
}