/* =====================================================================
   As páginas para ler, por cima do m1l.css: a Leitura (/regras, /ajuda, /privacidade e o corpo de /noticias/:slug), a equipe e as
   páginas de aviso (a 404 do site e o perfil fora do ar). Cor só por token. Os adesivos da equipe são impressos (--branco e --tinta),
   iguais nas duas edições.
   ===================================================================== */

/* ===== a Leitura: papel, uma coluna de leitura, o título picotado como a borda do cupom ===== */
.leitura{background:var(--papel);color:var(--sobre-papel)}
/* sozinha na página (a equipe, uma notícia curta), o papel vai até o rodapé */
main>.leitura:last-child{min-height:clamp(560px,72vh,1000px)}
.leitura-in{position:relative;z-index:2;max-width:70ch;margin:0 auto}
.leitura h1{margin:0 0 clamp(22px,3vw,34px)}
.leitura h1::after{content:"";display:block;width:min(100%,240px);margin-top:clamp(14px,1.6vw,20px);border-top:4px dashed var(--contorno)}
.texto{font-size:17px;line-height:1.6}
.leitura .texto>p:first-child{font-size:19px;line-height:1.5;font-weight:500}
.texto h2{font-weight:800;font-stretch:80%;font-size:clamp(22px,2.2vw,28px);line-height:1.05;text-transform:uppercase;letter-spacing:.01em;
  margin:2.1em 0 .6em;text-wrap:balance}
.texto h3{font-weight:800;font-stretch:85%;font-size:19px;line-height:1.2;margin:1.6em 0 .5em}
.texto p{margin:0 0 1em}
.texto ul{margin:0 0 1.1em;padding-left:1.3em;display:flex;flex-direction:column;gap:.45em}
.texto li::marker{color:var(--pacote-esc)}
.texto a{font-weight:700}
.texto strong{font-weight:800}

/* ===== /equipe: os GMs como adesivos colados no papel ===== */
.eq-in .texto{margin-bottom:clamp(20px,3vw,30px)}
.eq-lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px 18px}
.eq-membro:nth-child(3n+1){--g:-1.5deg}
.eq-membro:nth-child(3n+2){--g:1deg}
.eq-membro:nth-child(3n){--g:-.5deg}
.eq-membro a{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:10px 16px 10px 12px;background:var(--branco);color:var(--tinta);
  border:3px solid var(--tinta);border-radius:14px;text-decoration:none;rotate:var(--g,0deg);box-shadow:0 0 0 4px var(--branco),0 0 0 6px var(--tinta),0 10px 14px -8px var(--sombra-forte);
  transition:rotate .2s var(--chegada),background-color .15s}
.eq-membro a:hover{background:var(--realce);rotate:0deg}
.eq-membro a:focus-visible{outline:4px solid var(--contorno);outline-offset:8px}
.eq-membro .patente{--s:1.6px}
.eq-membro b{font-weight:800;font-size:19px;line-height:1.1;overflow-wrap:anywhere}
.eq-papel{font-weight:800;font-stretch:85%;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;border:2px dashed currentColor;border-radius:6px;padding:2px 7px;line-height:1.2}

/* ===== as páginas de aviso: o tazo de costas e o recado num cartão de papel, no meio do pacote ===== */
.aviso-pagina{--sol-x:26%;--sol-y:50%;min-height:clamp(460px,66vh,740px);display:grid;align-content:center;padding:clamp(40px,6vw,80px) var(--calha)}
.aviso-pagina-in{position:relative;z-index:2;width:100%;max-width:920px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;
  gap:clamp(24px,4.5vw,64px)}
.aviso-pagina .tazo{--w:clamp(160px,19vw,230px);--b:5px;rotate:-9deg}
.aviso-texto{background:var(--papel);color:var(--sobre-papel);border:4px solid var(--tinta);border-radius:22px;padding:clamp(22px,3vw,34px);box-shadow:0 8px 0 var(--tinta)}
.aviso-texto h1{margin:0 0 14px}
.aviso-texto p{margin:0 0 20px;max-width:52ch;font-size:17px;line-height:1.5}
.aviso-texto .aviso-acoes{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.aviso-pedido{font-weight:800;overflow-wrap:anywhere}

/* ===== telas estreitas ===== */
@media (max-width:760px){
  .aviso-pagina-in{grid-template-columns:1fr;justify-items:center}
  .aviso-pagina .tazo{--w:150px}
}
@media (max-width:600px){
  .texto{font-size:16px}
  .leitura .texto>p:first-child{font-size:17px}
  .eq-membro a{rotate:0deg}
}

/* ===== movimento reduzido ===== */
@media (prefers-reduced-motion:reduce){
  .eq-membro a{transition:none}
}