/* ─────────────────────────────────────────────────────────────
   A BIBLIOTECA — estilo compartilhado da área de membros.
   Mesma identidade da leitura em PDF: se a cliente abrir os dois
   lado a lado, tem de ser evidente que saíram da mesma mesa.
   ───────────────────────────────────────────────────────────── */

:root{
  --cream:#F5EFE4; --paper:#FBF7EE; --ever:#1E3A2F; --amber:#C97B3D;
  --gold:#B08D4C; --ink:#26221C; --walnut:#4A3728; --mute:#8A7A66;
  --go:#5FB016; --red:#B33A2D;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--cream);color:var(--walnut);
  font:18px/1.76 "Lora",Georgia,serif;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:700px;margin:0 auto;padding:0 22px}

/* ── barra ── */
.bar{
  background:var(--ever);color:var(--cream);
  padding:12px 22px;font:600 10.5px/1.5 "Inter",sans-serif;
  letter-spacing:.16em;text-transform:uppercase;
  display:flex;justify-content:space-between;align-items:center;gap:12px;
}
.bar a{color:var(--gold);text-decoration:none}
.bar b{color:var(--gold);font-weight:600}

/* ── tipografia ── */
h1{font:500 clamp(29px,5.4vw,42px)/1.16 "Cormorant Garamond",serif;color:var(--ever);margin:0 0 16px}
h2{font:600 clamp(23px,3.8vw,30px)/1.24 "Cormorant Garamond",serif;color:var(--ever);margin:44px 0 14px}
h3{font:600 17px/1.35 "Inter",sans-serif;color:var(--ever);margin:30px 0 10px}
p{margin:0 0 20px}
strong{color:var(--ink);font-weight:600}
em{font-style:italic}
a{color:var(--amber)}
.eyebrow{
  font:600 10.5px/1 "Inter",sans-serif;letter-spacing:.2em;text-transform:uppercase;
  color:var(--amber);margin-bottom:14px
}
.dek{
  font:italic 400 clamp(17px,2.5vw,20px)/1.6 "Cormorant Garamond",serif;
  color:var(--walnut);margin:0 0 10px
}
hr{border:0;border-top:1px solid rgba(176,141,76,.35);margin:40px 0}

/* ── destaques ── */
.pull{
  margin:32px 0;padding:22px 24px;background:var(--paper);
  border-left:3px solid var(--amber);border-radius:0 10px 10px 0;
  font:italic 500 clamp(19px,2.9vw,23px)/1.45 "Cormorant Garamond",serif;color:var(--ever)
}
.note{
  margin:28px 0;padding:20px 22px;background:#fff;
  border:1px solid rgba(176,141,76,.45);border-radius:10px;font-size:17px;line-height:1.7
}
.note .lbl{
  font:700 10px/1 "Inter",sans-serif;letter-spacing:.16em;text-transform:uppercase;
  color:var(--amber);display:block;margin-bottom:9px
}
.note p:last-child{margin-bottom:0}
.note.dark{background:var(--ever);border-color:var(--gold);color:rgba(245,239,228,.9)}
.note.dark .lbl{color:var(--gold)}

/* ── listas ── */
ul.clean,ol.clean{padding-left:0;list-style:none;margin:24px 0}
ul.clean li{position:relative;padding:0 0 16px 32px}
ul.clean li::before{
  content:"";position:absolute;left:2px;top:11px;width:8px;height:8px;
  border-radius:50%;background:var(--amber)
}
ol.clean{counter-reset:n}
ol.clean li{position:relative;padding:0 0 18px 38px;counter-increment:n}
ol.clean li::before{
  content:counter(n);position:absolute;left:0;top:1px;width:24px;height:24px;
  border-radius:50%;background:var(--amber);color:#fff;text-align:center;
  font:700 12px/24px "Inter",sans-serif
}
.nots{list-style:none;padding:0;margin:24px 0}
.nots li{position:relative;padding:0 0 15px 32px}
.nots li::before{content:"✕";position:absolute;left:0;top:1px;color:var(--red);font:700 16px/1.6 "Inter",sans-serif}

/* ── cartões da biblioteca ── */
.shelf{display:grid;gap:16px;margin:28px 0}
@media(min-width:620px){.shelf{grid-template-columns:1fr 1fr}}
.card{
  display:block;background:#fff;border:1px solid rgba(176,141,76,.45);
  border-radius:14px;padding:24px 22px;text-decoration:none;color:inherit;
  transition:transform .12s,border-color .12s
}
.card:hover{transform:translateY(-2px);border-color:var(--gold)}
.card .kind{
  font:600 10px/1 "Inter",sans-serif;letter-spacing:.17em;text-transform:uppercase;
  color:var(--amber);margin-bottom:10px
}
.card h3{font:500 clamp(21px,3vw,25px)/1.25 "Cormorant Garamond",serif;color:var(--ever);margin:0 0 8px}
.card p{font-size:15.5px;line-height:1.62;color:var(--mute);margin:0}
.card.feature{
  grid-column:1/-1;background:var(--ever);border-color:var(--gold);color:var(--cream)
}
.card.feature h3{color:var(--cream)}
.card.feature p{color:rgba(245,239,228,.82)}
.card.feature .kind{color:var(--gold)}
.card.locked{opacity:.62}
.card.locked .kind{color:var(--mute)}

/* ── botões ── */
.btn{
  display:inline-block;background:var(--go);color:#fff;text-decoration:none;
  padding:16px 32px;border-radius:11px;font:700 16.5px/1 "Inter",sans-serif;
  box-shadow:0 3px 0 rgba(0,0,0,.16)
}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.16)}
.btn.quiet{background:transparent;color:var(--ever);border:1px solid var(--gold);box-shadow:none}

/* ── rodapé ── */
footer{
  margin-top:56px;background:var(--ever);color:rgba(245,239,228,.7);
  padding:34px 22px 40px;text-align:center;font:400 13px/1.75 "Inter",sans-serif
}
footer .mark{
  font:italic 400 19px/1.5 "Cormorant Garamond",serif;color:var(--gold);margin-bottom:14px
}
footer a{color:var(--gold)}

/* ── assinatura ── */
.sig{font:400 21px/1.5 "Homemade Apple",cursive;color:var(--ever);margin:28px 0 0}

/* ── progresso de leitura ── */
.reading-time{
  font:500 13px/1 "Inter",sans-serif;color:var(--mute);
  padding-bottom:20px;border-bottom:1px solid rgba(176,141,76,.3);margin-bottom:30px
}