/* Clube do Livro — base compartilhada pelas páginas.
   Layout: ficha de biblioteca em fundo escuro. Papel verde-noite, tinta clara, carimbo lilás, marca-texto ocre.
   Uma só aparência, escura, em qualquer aparelho. */
:root{
  color-scheme:dark;
  --paper:#0F1914; --band:#15221B; --card:#1A2921;
  --ink:#E6EDE4; --ink-soft:#A5B5A9; --rule:#31453A;
  --green:#8AD4B0; --on-green:#0F1914;
  --stamp:#ABA4FF; --marker:#6A5810; --alert:#FF9C93; --scrim:rgba(0,0,0,.65);
  --moldura:#060A08; --capa-texto:#F3F6EE;
  --display:"Caprasimo","Cooper Black",Georgia,serif;
  --body:"Literata",Georgia,"Times New Roman",serif;
  --mono:"Courier Prime","Courier New",Courier,monospace;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
img{max-width:100%}
a{color:inherit;text-decoration-color:var(--stamp);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--stamp)}
:focus-visible{outline:3px solid var(--stamp);outline-offset:3px;border-radius:2px}
mark{background:linear-gradient(transparent 58%,var(--marker) 58%,var(--marker) 92%,transparent 92%);color:inherit;padding-inline:.08em}

.wrap{max-width:1120px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.secao{padding-block:clamp(56px,8vw,104px)}
.faixa{background:var(--band)}
.rotulo{font-family:var(--mono);font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}
h1,h2{font-family:var(--display);font-weight:400;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(2.7rem,7.4vw,5.4rem);line-height:.98}
h2{font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.05}
h3{font-family:var(--body);font-size:1.2rem;font-weight:700;line-height:1.25}
.intro{display:grid;gap:14px;max-width:44rem;margin-bottom:clamp(32px,5vw,56px)}
.intro p{color:var(--ink-soft);max-width:38rem}

.btn{display:inline-block;font-family:var(--mono);font-size:.92rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;background:var(--green);color:var(--on-green);border:2px solid var(--green);border-radius:3px;padding:.85em 1.25em;cursor:pointer;line-height:1.2}
.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn-linha{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-linha:hover{background:var(--ink);color:var(--paper)}
.btn[disabled]{opacity:.6;cursor:progress}

.topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;padding-block:22px}
.marca{display:inline-flex;align-items:center;gap:.5em;font-family:var(--display);font-size:1.45rem;text-decoration:none;line-height:1;color:var(--ink)}
.marca svg{width:2.5em;height:auto;flex:none}
.marca i{font-style:normal;color:var(--stamp)}
.topo nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;font-family:var(--mono);font-size:.86rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.topo nav a{text-decoration:none;padding-block:4px}
.topo nav a:hover{text-decoration:underline}

.carimbo{display:inline-block;font-family:var(--mono);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--stamp);border:2px solid var(--stamp);border-radius:3px;padding:.1em .45em;white-space:nowrap}
@keyframes carimbar{from{opacity:0;scale:1.5}to{opacity:1;scale:1}}
.ficha-topo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-family:var(--mono);font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px solid var(--ink);padding-bottom:10px}

.rodape{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;padding-block:28px;border-top:1px solid var(--rule);font-size:.9rem;color:var(--ink-soft)}
.rodape .marca{font-size:1.15rem}
.rodape .dominio{font-family:var(--mono);font-weight:700;letter-spacing:.12em}
.rodape .miudos{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 22px;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em}
.rodape .miudos a,.rodape .miudos button{background:none;border:0;padding:2px 0;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-decoration:none;opacity:.8}
.rodape .miudos a:hover,.rodape .miudos button:hover{text-decoration:underline;opacity:1}

@media (max-width:560px){
  .topo nav{gap:4px 16px;font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}