/* Clara Filosofia 10.7.9.145 — o site novo (o desenho C2 do protótipo aprovado).
   O visual da proposta do ChatGPT: branco, tinta, vermelho editorial e o verde-azulado como segunda cor.
   Leitura em uma coluna de 45rem; nas páginas de leitura, uma lateral de navegação a partir de 64rem.
   Escuro mais calmo: uma cor de destaque (verde-azulado), o laranja só para comprar, botões principais claros.
   As fontes são do próprio servidor (Inter e Literata, licença OFL, só o alfabeto latino). */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url("fonts/inter-latin.woff2") format("woff2")}
@font-face{font-family:"Literata";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/literata-latin.woff2") format("woff2")}
@font-face{font-family:"Literata";font-style:italic;font-weight:400 700;font-display:swap;src:url("fonts/literata-italic-latin.woff2") format("woff2")}
:root{
  --bg:#FFFFFF;          /* papel: branco */
  --surface:#F5F6F5;     /* cinza quase sem cor, para faixas e caixas */
  --teal-soft:#EDF5F3;   /* fundo das perguntas que guiam */
  --ink:#1C1C1A;         /* tinta */
  --ink-2:#3B3D39;       /* texto corrido */
  --muted:#5D615B;       /* apoio: 6,3:1 no branco */
  --line:#E3E4E0;        /* divisórias (decorativas) */
  --field:#7A7E78;       /* borda de campos e botões de contorno: 4,1:1 */
  --red:#A92D1D;         /* rótulos e números: 6,8:1 */
  --brand:#FF482D;       /* laranja da marca: só formas */
  --buy:#C8381F;         /* "Ver oferta": branco 5,2:1 */
  --buy-h:#A52F1A;
  --on-buy:#FFFFFF;
  --teal:#166A61;        /* segunda cor: links, perguntas, ações de estudo: 6,4:1 */
  --teal-h:#0E4F48;
  --on-teal:#FFFFFF;
  --pri:#166A61;         /* botão principal */
  --pri-h:#0E4F48;
  --on-pri:#FFFFFF;
  --band:#166A61;        /* faixas de destaque */
  --on-band:#FFFFFF;
  --band-line:transparent;
  --focus:#144E9C;       /* anel de foco: 8:1 */
  --orb:#F9DDD3;         /* círculo atrás da Clara */
  --ring2:.4;
  --shadow:0 18px 40px rgba(20,20,18,.14);
  --sans:"Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --serif:"Literata", Georgia, "Times New Roman", serif;
  --read:var(--serif);
  --wide:66rem;
  --measure:45rem;
  --side:17.5rem;
  --logo-bg:transparent;--logo-pad:0;
  --clara-bg:#EDF5F3;
  --ok:#1E7B3A;--erro:#B3261E;--medio:#B45309;--on-ico:#FFFFFF;
  --gut-l:max(16px, env(safe-area-inset-left, 0px));
  --gut-r:max(16px, env(safe-area-inset-right, 0px));
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--bg:#141615;--surface:#1C1F1D;--teal-soft:#1C1F1D;--ink:#ECEEE9;--ink-2:#CDD0C9;--muted:#A2A69E;--line:#2C302D;--field:#80857E;--red:#D9B1A4;--brand:#FF6A4D;--buy:#FF7A59;--buy-h:#FF967A;--on-buy:#141615;--teal:#79C7BB;--teal-h:#9ED8CF;--on-teal:#141615;--pri:#ECEEE9;--pri-h:#FFFFFF;--on-pri:#141615;--band:#1D2422;--on-band:#ECEEE9;--band-line:#2E3A37;--focus:#8DB7FF;--orb:#EFE4DC;--ring2:0;--shadow:0 18px 40px rgba(0,0,0,.5);--logo-bg:#FBF6F0;--logo-pad:.25rem .5rem;--clara-bg:#1B2725;--ok:#5FCB85;--erro:#FF8A80;--medio:#F7A44A;--on-ico:#141615;color-scheme:dark}
}
:root[data-theme="dark"]{--bg:#141615;--surface:#1C1F1D;--teal-soft:#1C1F1D;--ink:#ECEEE9;--ink-2:#CDD0C9;--muted:#A2A69E;--line:#2C302D;--field:#80857E;--red:#D9B1A4;--brand:#FF6A4D;--buy:#FF7A59;--buy-h:#FF967A;--on-buy:#141615;--teal:#79C7BB;--teal-h:#9ED8CF;--on-teal:#141615;--pri:#ECEEE9;--pri-h:#FFFFFF;--on-pri:#141615;--band:#1D2422;--on-band:#ECEEE9;--band-line:#2E3A37;--focus:#8DB7FF;--orb:#EFE4DC;--ring2:0;--shadow:0 18px 40px rgba(0,0,0,.5);--logo-bg:#FBF6F0;--logo-pad:.25rem .5rem;--clara-bg:#1B2725;--ok:#5FCB85;--erro:#FF8A80;--medio:#F7A44A;--on-ico:#141615;color-scheme:dark}
/* contraste alto */
:root.hc{--clara-bg:#FFFFFF;--ok:#14532D;--erro:#8A1C14;--medio:#7C3A00;--surface:#FFFFFF;--teal-soft:#FFFFFF;--ink:#000000;--ink-2:#000000;--muted:#1F1F1F;--line:#000000;--field:#000000;--red:#8A2412;--teal:#0B4A43;--teal-h:#06302B;--pri:#0B4A43;--pri-h:#06302B;--band:#0B4A43;--buy:#9E2B17;--buy-h:#7A200F}
@media (prefers-color-scheme: dark){
  :root.hc:not([data-theme="light"]){--bg:#000000;--surface:#000000;--teal-soft:#000000;--ink:#FFFFFF;--ink-2:#FFFFFF;--muted:#EEEEEE;--line:#FFFFFF;--field:#FFFFFF;--red:#FFB4A6;--teal:#8FE3D6;--teal-h:#B5EFE6;--on-teal:#000000;--pri:#FFFFFF;--pri-h:#FFFFFF;--on-pri:#000000;--band:#000000;--on-band:#FFFFFF;--band-line:#FFFFFF;--buy:#FFB199;--buy-h:#FFD0C2;--on-buy:#000000;--clara-bg:#000000;--ok:#7EE2A0;--erro:#FFA39B;--medio:#FFC27A}
}
:root.hc[data-theme="dark"]{--bg:#000000;--surface:#000000;--teal-soft:#000000;--ink:#FFFFFF;--ink-2:#FFFFFF;--muted:#EEEEEE;--line:#FFFFFF;--field:#FFFFFF;--red:#FFB4A6;--teal:#8FE3D6;--teal-h:#B5EFE6;--on-teal:#000000;--pri:#FFFFFF;--pri-h:#FFFFFF;--on-pri:#000000;--band:#000000;--on-band:#FFFFFF;--band-line:#FFFFFF;--buy:#FFB199;--buy-h:#FFD0C2;--on-buy:#000000;--clara-bg:#000000;--ok:#7EE2A0;--erro:#FFA39B;--medio:#FFC27A}
:root.sans{--read:var(--sans)}
:root[data-tam="g"]{font-size:118.75%}
:root[data-tam="m"]{font-size:137.5%}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:6.5rem;scroll-padding-bottom:5.5rem;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6;font-synthesis:none}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--teal)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.on-band :focus-visible{outline-color:var(--on-band)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:var(--gut-l);top:-200px;z-index:80;background:var(--ink);color:var(--bg);padding:.75rem 1rem;border-radius:.625rem;font-weight:700;text-decoration:none}
.skip:focus{top:calc(.75rem + env(safe-area-inset-top,0px));color:var(--bg)}
:root.ul a{text-decoration:underline!important}
:root.rm *,:root.rm *::before,:root.rm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root.leitura .nl{display:none!important}
/* o que muda conforme quem está vendo (no site, o servidor decide; aqui, o seletor "Ver como") */
:root:not([data-perfil="assinante"]) [data-so="assinante"],
:root:not([data-perfil="visitante"]) [data-so="visitante"],
:root[data-perfil="visitante"] [data-so="conta"],
:root:not([data-perfil="cadastrado"]) [data-so="cadastrado"]{display:none!important}

/* cabeçalho */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}
.hdr-in{max-width:calc(var(--wide) + 2rem);margin:0 auto;padding-left:var(--gut-l);padding-right:var(--gut-r);min-height:4.5rem;display:flex;align-items:center;gap:1rem}
.logo{flex:0 0 auto;display:flex;align-items:center;min-height:2.75rem;padding:0 .25rem;margin-left:-.25rem;border-radius:.625rem}
.logo img{display:block;height:2.25rem;width:auto;max-width:none;border-radius:.5rem;background:var(--logo-bg);padding:var(--logo-pad)}
.nav{margin-left:auto}
.nav>ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.125rem}
.nav a,.nav .nav-btn{display:flex;align-items:center;gap:.25rem;min-height:2.75rem;padding:0 .625rem;border-radius:.625rem;font-weight:650;font-size:.9375rem;text-decoration:none;border:0;background:transparent}
.nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:3px;text-underline-offset:.75rem}
.nav .nav-btn[aria-expanded="true"]{background:var(--surface)}
.nav .nav-btn svg{transition:transform .15s}
.nav .nav-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.hdr-acts{display:flex;align-items:center;gap:.375rem;flex:0 0 auto}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-width:2.75rem;min-height:2.75rem;padding:0 .5rem;border-radius:999px;border:1px solid var(--line);background:var(--bg);text-decoration:none;font-weight:800}
.icon-btn.aa{color:var(--teal);font-size:1rem;background:var(--teal-soft);border-color:var(--teal-soft)}
.icon-btn[aria-expanded="true"]{border-color:var(--ink)}
.menu-btn{display:none}
.painel{border-top:1px solid var(--line);background:var(--bg)}
.painel-in{max-width:calc(var(--wide) + 2rem);margin:0 auto;padding-left:var(--gut-l);padding-right:var(--gut-r);padding-block:1.25rem 1.5rem}
.aa-grid{display:flex;flex-wrap:wrap;gap:1.25rem 2.5rem;align-items:flex-start}
.aa-grid fieldset{border:0;margin:0;padding:0;min-width:0}
.aa-grid legend{font-weight:700;padding:0;margin-bottom:.5rem}
.opts{display:flex;flex-wrap:wrap;gap:.5rem}
.opt{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .875rem;border:1px solid var(--field);border-radius:999px;cursor:pointer;font-size:.9375rem;background:var(--bg)}
.opt input{width:1.125rem;height:1.125rem;margin:0;accent-color:var(--teal);flex:0 0 auto}
.aa-fim{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;align-self:flex-end}
.busca-form{display:flex;flex-wrap:wrap;gap:.5rem;max-width:44rem}
.campo{flex:1 1 15rem;min-width:0;min-height:3.25rem;border:1px solid var(--field);border-radius:999px;background:var(--bg);padding:0 1.125rem;font-size:1.0625rem}
.campo::placeholder{color:var(--muted);opacity:1}
/* mega menu: o mesmo mapa do rodapé, logo depois do botão Mais na ordem do teclado */
.mega-painel{position:absolute;left:0;right:0;top:100%;z-index:55;max-height:calc(100vh - 6rem);overflow:auto;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
.mega{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 2rem}
.mega-tit{margin:0 0 .25rem;font-size:.8125rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mega ul{list-style:none;margin:0;padding:0}
.mega a{display:flex;align-items:center;min-height:2.5rem;font-weight:600;text-decoration:none}
.mega a:hover{text-decoration:underline}
.mega-pe{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}
.mob-prim{list-style:none;margin:0 0 1.25rem;padding:0;display:grid}
.mob-prim a{display:flex;align-items:center;min-height:3rem;padding:0 .25rem;font-weight:700;font-size:1.0625rem;text-decoration:none;border-bottom:1px solid var(--line)}

/* botões e links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:0 1.125rem;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:.9375rem;line-height:1.2;text-decoration:none;text-align:center}
.btn-lg{min-height:3.25rem;padding:0 1.5rem;font-size:1rem}
.btn-sm{min-height:2.5rem;padding:0 .875rem;font-size:.875rem}
.btn-buy{background:var(--buy);color:var(--on-buy)}
.btn-buy:hover{background:var(--buy-h);color:var(--on-buy)}
.btn-teal,.btn-pri{background:var(--pri);color:var(--on-pri)}
.btn-teal:hover,.btn-pri:hover{background:var(--pri-h);color:var(--on-pri)}
.btn-line{background:var(--bg);color:var(--ink);border-color:var(--field)}
.btn-line:hover{border-color:var(--ink);color:var(--ink)}
.btn-line[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn-saiba{background:var(--bg);color:var(--teal);border-color:var(--teal)}
.btn-saiba:hover{color:var(--teal-h);border-color:var(--teal-h)}
.btn:disabled{opacity:.55;cursor:not-allowed}
.tlink{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:.25em;display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem}
.tlink:hover{color:var(--teal-h)}
.alvo{display:inline-flex;align-items:center;min-height:2.75rem}
.refs .h3 a{display:inline-flex;align-items:center;min-height:2.75rem}
.explorando a{display:inline-flex;align-items:center;min-height:2.75rem}
@media (forced-colors:active){.btn,.icon-btn,.opt,.campo,.layer,.chip,.clara-fab,.tile-todos{border:2px solid ButtonText!important}:focus-visible{outline-color:Highlight}}

/* estrutura */
.wrap{max-width:calc(var(--wide) + 2rem);margin:0 auto;padding-left:var(--gut-l);padding-right:var(--gut-r)}
.col{max-width:calc(var(--measure) + 2rem);margin:0 auto;padding-left:var(--gut-l);padding-right:var(--gut-r)}
.sec{padding-block:3.5rem 0}
.sec+.sec{border-top:1px solid var(--line);margin-top:3.5rem}
.eyebrow{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;color:var(--red);font-size:.8125rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}
.eyebrow::before{content:"";width:1.25rem;height:2px;background:var(--brand);flex:0 0 auto}
.eyebrow.plain::before{display:none}
.display{margin:0 0 1.25rem;font-weight:780;font-size:clamp(2.5rem,1.9rem + 2.6vw,3.75rem);line-height:1.08;letter-spacing:-.035em}
.display .t2{color:var(--teal);display:block}
.h1{margin:0 0 1rem;font-weight:780;font-size:clamp(2.125rem,1.6rem + 2.2vw,3.25rem);line-height:1.1;letter-spacing:-.035em}
.h2{margin:0 0 1rem;font-weight:780;font-size:clamp(1.625rem,1.35rem + 1vw,2rem);line-height:1.15;letter-spacing:-.03em}
.h3{margin:0 0 .375rem;font-weight:750;font-size:1.1875rem;line-height:1.3;letter-spacing:-.01em}
.lead{font-size:1.125rem;line-height:1.7;color:var(--ink-2);max-width:36em;margin:0 0 1.5rem}
.texto{font-family:var(--read);font-size:1.125rem;line-height:1.78;color:var(--ink-2)}
.texto p{margin:0 0 1rem}
.texto h3{font-family:var(--sans);font-size:1.125rem;font-weight:750;color:var(--ink);margin:1.75rem 0 .5rem;letter-spacing:-.01em}
.meta{font-size:.875rem;color:var(--muted)}
.meta strong{color:var(--ink);font-weight:700}
.tempo{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:700;color:var(--muted);margin-left:.5rem;letter-spacing:0;text-transform:none}
.cab-sec{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem}
.status{margin:.5rem 0 0;font-size:.9375rem;font-weight:650;min-height:1.5rem}

/* cartões que são um link só */
.card{position:relative}
.stretch{text-decoration:none}
.stretch::after{content:"";position:absolute;inset:0;border-radius:inherit}
.card:hover .stretch{text-decoration:underline;color:inherit}
.card:focus-within{outline:3px solid var(--focus);outline-offset:4px;border-radius:.75rem}
.card .stretch:focus-visible{outline:none}
.card .sobre{position:relative;z-index:1}

/* início */
.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2.5rem 3.5rem;align-items:center;padding-block:4.5rem 4rem;border-bottom:1px solid var(--line)}
.hero .lead{margin-bottom:2.25rem}
.hero-art{position:relative;width:100%;aspect-ratio:1/1}
.hero-art .orb{position:absolute;inset:8%;border-radius:50%;background:var(--orb)}
.hero-art .ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--brand);opacity:.55;transform:rotate(-12deg) scaleX(.92)}
.hero-art .ring.r2{inset:4% 2% 6% 6%;transform:rotate(18deg) scaleY(.9);border-color:var(--teal);opacity:var(--ring2)}
.hero-art img{position:absolute;left:50%;top:52%;width:58%;height:auto;transform:translate(-50%,-50%);image-rendering:auto}
.hero-lado{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:2.25rem;width:min(17rem,100%)}
.lema{margin:0;text-align:center;color:var(--teal);font-weight:800;font-size:.8125rem;letter-spacing:.1em;line-height:1.25;text-transform:uppercase}
.busca-hero label{display:block;font-weight:750;margin-bottom:.75rem;font-size:1.0625rem}
.caixa-clara{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.5rem;padding:1rem 1.25rem;border-radius:1rem;background:var(--clara-bg);border:1px solid var(--line);max-width:44rem}
.caixa-clara .av{width:2.75rem;height:2.75rem}
.caixa-clara p{margin:0;flex:1 1 14rem;font-weight:650;line-height:1.45}
.caixa-clara p span{display:block;font-weight:400;font-size:.9375rem;color:var(--ink-2)}
.tente{margin:1.5rem 0 0;font-size:.9375rem;color:var(--muted)}
.tente a{color:var(--teal);font-weight:700;display:inline-flex;align-items:center;min-height:1.75rem}
.tente .sep{margin:0 .5rem}
.dica{margin:.75rem 0 0;font-size:.9375rem;color:var(--muted)}
.dica a{color:var(--teal);font-weight:700}
.sugest{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.chip{display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;padding:0 .875rem;border-radius:999px;border:1px solid var(--field);font-size:.875rem;font-weight:700;text-decoration:none;color:var(--teal);background:var(--bg)}
.chip:hover{border-color:var(--teal)}
button.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chip .n{font-weight:600;color:var(--muted)}
button.chip[aria-pressed="true"] .n{color:var(--bg)}
.como{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;margin-top:2rem;padding:1.125rem 1.25rem;border-radius:1rem;background:var(--surface)}
.como ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;counter-reset:c}
.como li{counter-increment:c;display:flex;align-items:baseline;gap:.5rem;font-size:.9375rem}
.como li::before{content:counter(c);font-weight:800;color:var(--red)}
.voltar{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between;margin-top:2rem;padding:1.125rem 1.25rem;border-radius:1rem;border:1px solid var(--field)}
.feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.5rem 2rem;align-items:center}
.feat img{border-radius:1rem;aspect-ratio:16/9;object-fit:cover;width:100%}
.lista-perg{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lista-perg li{display:flex;align-items:center;gap:1rem;padding:1.125rem 0;border-bottom:1px solid var(--line)}
.lista-perg .n{font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;width:2rem;flex:0 0 auto}
.lista-perg .seta{margin-left:auto;color:var(--teal);flex:0 0 auto}
/* regra das grades: 6 peças (ou 12) para fechar as linhas em 3, 2 e 1 coluna; a última é "Ver todos" quando há mais */
.grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem;list-style:none;margin:0;padding:0}
.vcard{border-radius:1rem;display:flex;flex-direction:column}
.vcard .img{position:relative}
.vcard img{border-radius:.875rem;aspect-ratio:16/9;object-fit:cover;width:100%}
.sem-img{border-radius:.875rem;aspect-ratio:16/9;width:100%;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;gap:.25rem}
.sem-img .eyebrow{margin:0}
.sem-img .q{margin:0;font-weight:780;font-size:1.25rem;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
.dur{position:absolute;right:.625rem;bottom:.625rem;background:#1C1C1A;color:#FFFFFF;font-size:.75rem;font-weight:700;padding:.125rem .5rem;border-radius:.375rem}
.marca-card{position:absolute;left:.625rem;top:.625rem;background:#1C1C1A;color:#FFFFFF;font-size:.75rem;font-weight:700;padding:.125rem .5rem;border-radius:.375rem}
.vcard .meta{margin:.875rem 0 .25rem}
.vcard .perg{margin:.375rem 0 0;color:var(--teal);font-weight:650;font-size:.9375rem}
.tile-todos{display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-height:12rem;height:100%;padding:1.5rem;border-radius:1rem;background:var(--teal-soft);border:1px solid var(--line);text-decoration:none}
.tile-todos .grande{font-weight:780;font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
.tile-todos .seta{color:var(--teal);font-weight:700;display:inline-flex;align-items:center;gap:.375rem}
.tile-todos:hover .grande{text-decoration:underline}
.faixa{background:var(--band);color:var(--on-band);border-block:1px solid var(--band-line)}
.faixa .eyebrow{color:var(--on-band)}
.faixa .eyebrow::before{background:var(--on-band)}
.faixa a.btn{background:var(--bg);color:var(--ink);border-color:var(--field)}
.faixa-in{display:flex;flex-wrap:wrap;gap:1.25rem 2.5rem;align-items:center;justify-content:space-between;padding-block:2.5rem}
/* livros em grade: capa, pergunta, Ver oferta e Saiba mais */
.lgrade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:1.25rem;list-style:none;margin:0;padding:0}
.lgrade>li{min-width:0}
.bcard{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;height:100%}
.bcard .b-topo{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1rem;align-items:start}
.bcard img,.capa-tipo{width:5rem;height:7.5rem;object-fit:cover;border-radius:.25rem}
.bcard .h3{font-size:1.0625rem;margin:0}
.bcard .perg{margin:.375rem 0 0;font-size:.9375rem;color:var(--teal);font-weight:650}
.bcard .acoes{margin-top:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(7.5rem,100%),1fr));gap:.5rem}
.bcard .acoes .btn{width:100%;padding:0 .5rem}
.capa-tipo{display:flex;flex-direction:column;justify-content:flex-end;padding:.5rem;background:#1C1C1A;color:#FBF4EC;font-weight:800;font-size:.75rem;line-height:1.15;letter-spacing:-.01em}
.capa-tipo small{display:block;font-weight:600;font-size:.625rem;margin-top:.25rem;color:#E9DED2}
.lgrade .tile-todos{min-height:9.5rem}
.explorando{list-style:none;margin:0;padding:0;display:grid;gap:.875rem}
.explorando li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;align-items:center}
.barra{grid-column:1/-1;height:.5rem;border-radius:999px;background:var(--surface);overflow:hidden;border:1px solid var(--line)}
.barra span{display:block;height:100%;background:var(--teal);border-radius:999px}
.exemplo{display:inline-block;font-size:.75rem;font-weight:700;color:var(--muted);border:1px solid var(--field);border-radius:999px;padding:0 .5rem;margin-left:.5rem;vertical-align:middle;letter-spacing:0;text-transform:none}

/* páginas de leitura: duas colunas a partir de 64rem; o vídeo tem a largura do texto */
.pagina{max-width:calc(var(--wide) + 2rem);margin:0 auto;padding-left:var(--gut-l);padding-right:var(--gut-r);display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"topo" "lado" "corpo"}
.pagina>.topo-pg{grid-area:topo;min-width:0}
.pagina>.lateral{grid-area:lado;min-width:0}
.pagina>.corpo{grid-area:corpo;min-width:0}
@media (min-width:64rem){
  .pagina{grid-template-columns:minmax(0,var(--measure)) var(--side);grid-template-areas:"topo lado" "corpo lado";column-gap:3.5rem;justify-content:center}
  .lateral-in{position:sticky;top:6rem;max-height:calc(100vh - 11.5rem);overflow:auto;padding:1.5rem .25rem 1rem .125rem;scrollbar-width:thin}
}
@media (max-width:63.99rem){.pagina{max-width:calc(var(--measure) + 2rem)}}
.lado-bloco+.lado-bloco{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.lado-tit{margin:0 0 .5rem;font-size:.8125rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.toc ol{list-style:none;margin:0;padding:0}
.toc li{border-bottom:1px solid var(--line)}
.toc a{display:flex;align-items:center;gap:.625rem;min-height:2.75rem;text-decoration:none;font-weight:650;font-size:.9375rem;line-height:1.3;padding-block:.25rem}
.toc .n{color:var(--red);font-weight:800;font-variant-numeric:tabular-nums;font-size:.8125rem;width:1.5rem;flex:0 0 auto}
.toc .ok{margin-left:auto;color:var(--teal);font-size:.75rem;font-weight:700;flex:0 0 auto}
.progresso{display:grid;gap:.375rem;margin:0 0 .75rem;font-size:.875rem;color:var(--muted)}
.partilhar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.partilhar .btn{min-height:2.5rem}
@media (max-width:63.99rem){
  .lateral{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
  .toc ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));column-gap:2rem}
}

.bread{padding-block:1.5rem 0}
.bread ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 .375rem;font-size:.875rem;color:var(--muted)}
.bread li{display:flex;align-items:center;min-height:2.75rem}
.bread a{display:inline-flex;align-items:center;min-height:2.75rem;padding-inline:.25rem}
.topo{padding-block:1.5rem 0}
.byline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem}
.quem{display:flex;align-items:center;gap:.75rem}
.quem img{width:2.75rem;height:2.75rem;border-radius:50%;object-fit:cover;object-position:top}
.acoes{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.conceitos-topo{margin-top:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.conceitos-topo .rot{font-size:.875rem;font-weight:700;color:var(--ink);margin-right:.25rem}
.conceitos-topo ul{list-style:none;margin:0;padding:0;display:contents}
/* marcador: na lateral no computador; barra fixa no pé da tela no celular */
.marc-bts{display:grid;gap:.375rem}
.marc-bt{display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.75rem;padding:0 .75rem;border:1px solid var(--field);border-radius:.75rem;background:var(--bg);color:var(--ink);font-weight:650;font-size:.875rem;text-align:left}
.marc-bt svg{flex:0 0 auto}
.marc-bt:hover{border-color:var(--ink)}
.marc-bt[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.marc-st{margin:.5rem 0 0;font-size:.8125rem;font-weight:600;color:var(--ink-2);min-height:0}
.marc-st:empty{display:none}
@media (max-width:63.99rem){
  .marcador{position:fixed;left:0;right:0;bottom:0;z-index:44;margin:0!important;padding:.375rem max(8px,env(safe-area-inset-right,0px)) calc(.375rem + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;background:var(--bg);border-top:1px solid var(--line)!important;box-shadow:0 -8px 24px rgba(0,0,0,.1)}
  .marcador .lado-tit{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .marc-bts{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}
  .marc-bt{flex-direction:column;justify-content:center;gap:.125rem;min-height:3.25rem;padding:.25rem;font-size:.8125rem;line-height:1.15;text-align:center;border-color:transparent}
  .marc-st{position:absolute;left:8px;right:8px;bottom:calc(100% + 8px);margin:0;padding:.625rem .875rem;border-radius:.75rem;background:var(--ink);color:var(--bg);font-size:.875rem;box-shadow:var(--shadow)}
  html.com-barra{scroll-padding-bottom:calc(var(--barra-h,4.5rem) + 5rem)}
  .com-barra .clara-fab{bottom:calc(var(--barra-h,4.5rem) + 12px)}
  .com-barra .rodape{padding-bottom:10rem}
}
/* links no topo: conceitos, temas */
.links-topo{margin-top:1.25rem;font-size:.9375rem;line-height:1.75;color:var(--ink-2)}
.links-topo .rot{font-weight:700;color:var(--ink);margin-right:.375rem}
.links-topo ul{display:inline;list-style:none;margin:0;padding:0}
.links-topo li{display:inline}
.links-topo li+li::before{content:"·";margin:0 .5rem;color:var(--muted)}
.links-topo a{color:var(--teal);font-weight:650;display:inline-block;min-height:1.5rem}
.player{position:relative;margin-top:1.5rem;border-radius:1rem;overflow:hidden;background:#111111;aspect-ratio:16/9}
.player-btn{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#111111}
/* 10.7.9.147 — o vídeo do YouTube ocupa o quadro inteiro, do tamanho da miniatura */
.player-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.player-btn img{width:100%;height:100%;object-fit:cover}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4.5rem;height:4.5rem;border-radius:50%;background:#1C1C1A;border:2px solid #FFFFFF;display:grid;place-items:center;color:#FFFFFF}
.player-tag{position:absolute;left:1rem;bottom:1rem;background:#1C1C1A;color:#FFFFFF;font-size:.875rem;font-weight:700;padding:.375rem .75rem;border-radius:.5rem}
.player-on{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;text-align:center;background:#1C1C1A;color:#F3F3EF}
.nota-player{margin:.625rem 0 0;font-size:.875rem;color:var(--muted)}
.pergunta{margin-top:2.5rem;padding:1.5rem 1.5rem 1.625rem;border-radius:1rem;background:var(--teal-soft);border-left:4px solid var(--teal)}
.pergunta .eyebrow{color:var(--teal)}
.pergunta .eyebrow::before{background:var(--teal)}
.pergunta p.q{margin:0;font-weight:780;font-size:clamp(1.5rem,1.2rem + 1.3vw,2rem);line-height:1.25;letter-spacing:-.025em;color:var(--ink)}
.layers{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem}
.layer{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:3.5rem;padding:.375rem 1.125rem;border-radius:1rem;border:1px solid var(--field);background:var(--bg);text-align:left;line-height:1.25}
.layer strong{font-size:1rem}
.layer span{font-size:.8125rem;color:var(--muted)}
.layer[aria-pressed="true"]{background:var(--pri);border-color:var(--pri);color:var(--on-pri)}
.layer[aria-pressed="true"] span{color:var(--on-pri)}
.term{border:0;background:transparent;padding:0;font:inherit;color:var(--teal);font-weight:650;text-decoration:underline dotted 2px;text-underline-offset:.22em;cursor:pointer}
.term:hover{color:var(--teal-h)}
.def{margin:0 0 1rem;padding:.875rem 1rem;border-radius:.75rem;background:var(--surface);font-family:var(--sans);font-size:.9375rem;line-height:1.6;color:var(--ink)}
.central{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.5rem 1.25rem;margin-top:1.5rem;padding:1rem 1.25rem;border-left:4px solid var(--teal);background:var(--teal-soft);border-radius:0 .75rem .75rem 0}
.central strong{color:var(--teal)}
.trechos-10{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem}
.trechos-10 button,.trechos-10 a{width:100%;display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:.75rem;align-items:center;min-height:3.25rem;padding:.5rem 1rem;border-radius:.875rem;border:1px solid var(--field);background:var(--bg);text-align:left;text-decoration:none}
.trechos-10 .t{font-weight:800;color:var(--red);font-variant-numeric:tabular-nums}
.ideias{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ideias li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.25rem .75rem;padding:1.125rem 0;border-bottom:1px solid var(--line)}
.ideias .n{font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;font-size:.875rem;padding-top:.2rem}
.ideias p{margin:0}
.ideias .tit{font-weight:750;font-size:1.0625rem;line-height:1.4;margin-bottom:.25rem}
.ideias .desc{font-family:var(--read);font-size:1.0625rem;line-height:1.7;color:var(--ink-2)}
.selo{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 .625rem;margin-left:.5rem;border-radius:999px;background:var(--pri);color:var(--on-pri);font-size:.75rem;font-weight:700;vertical-align:middle}
/* perguntas para pensar: discretas, com crédito */
.pare{margin-top:2rem;padding:1.375rem 1.5rem;border-radius:1rem;border:1px solid var(--field)}
.pare fieldset,.quiz-q fieldset{border:0;margin:0;padding:0;min-width:0}
.pare legend{font-weight:780;font-size:1.25rem;line-height:1.35;padding:0;margin-bottom:.75rem}
.pare .tag,.quiz-q .tag{display:block;font-size:.8125rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:.375rem}
.result{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.625rem}
.result li{display:grid;grid-template-columns:7rem minmax(0,1fr) 3rem;gap:.75rem;align-items:center;font-size:.9375rem}
.result .barra{grid-column:auto}
.credito{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .75rem;margin:.75rem 0 0;font-size:.875rem;color:var(--ink-2)}
.credito:empty{display:none}
.credito .mais1{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 .5rem;border-radius:999px;border:1px solid var(--teal);color:var(--teal);font-weight:800;font-size:.8125rem}
.credito a{color:var(--teal);font-weight:700}
.termos{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:.75rem}
.termos div{border:1px solid var(--line);border-radius:.875rem;padding:1rem 1.125rem}
.termos dt{font-weight:750;font-size:1.0625rem}
.termos dd{margin:.25rem 0 0;color:var(--ink-2);font-size:.9375rem;line-height:1.55}
.prova{margin-top:3.5rem;padding:1.75rem 1.5rem 1.75rem;border-radius:1.25rem;background:var(--surface)}
.prova .h2{margin-bottom:.5rem}
.quiz-q{margin-top:1.25rem;padding:1.25rem 1.25rem 1.125rem;border-radius:1rem;background:var(--bg);border:1px solid var(--line)}
.quiz-q legend{font-weight:750;padding:0;margin-bottom:.75rem;line-height:1.45}
.quiz-q .opts{flex-direction:column;align-items:stretch}
.quiz-q .opt{border-radius:.875rem;min-height:3rem;padding:.5rem .875rem;line-height:1.4}
.retorno{margin:.75rem 0 0;font-weight:650;display:flex;align-items:flex-start;gap:.5rem}
.ico{flex:0 0 auto;display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;color:var(--on-ico);margin-top:.05rem}
.ico.ok{background:var(--ok)}.ico.erro{background:var(--erro)}.ico.medio{background:var(--medio)}
.verde{color:var(--ok);font-weight:700}
.retorno:empty{display:none}
.caps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.caps li{border-bottom:1px solid var(--line)}
.caps button{width:100%;display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.75rem;align-items:center;min-height:3rem;padding:.5rem .25rem;border:0;background:transparent;text-align:left}
.caps button[aria-current="true"]{background:var(--teal-soft)}
.caps .n{font-weight:800;color:var(--red);font-size:.8125rem;font-variant-numeric:tabular-nums}
.caps .t{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.875rem}
.caps .agora{font-size:.75rem;font-weight:800;color:var(--teal);margin-left:.5rem}
.refs{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.refs>li{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1.125rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.refs img{width:4.5rem;height:6.75rem;object-fit:cover;border-radius:.25rem}
.refs .tipo{margin:0 0 .125rem;color:var(--teal);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.refs .acoes{margin-top:.75rem}
.aviso{font-size:.875rem;color:var(--muted);margin:0 0 1.25rem;max-width:40em}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.anuncio{margin-top:3.5rem;padding-block:1.25rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}
.anuncio img{width:6rem;border-radius:.5rem;flex:0 0 auto}
.anuncio .rot{margin:0 0 .25rem;font-size:.8125rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
/* trechos marcantes: falas unidas, com o contexto à vista */
.trechos{list-style:none;margin:0;padding:0;display:grid;gap:1.75rem}
.trechos li{padding-left:1.25rem;border-left:4px solid var(--red)}
.trechos .ctx{margin:.125rem 0 .625rem;font-size:.9375rem;color:var(--muted);line-height:1.55}
.trechos blockquote{margin:0}
.trechos blockquote p{margin:0 0 .5rem;font-family:var(--read);font-size:1.3125rem;line-height:1.5;font-weight:600;color:var(--ink)}
.trechos .pe{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}
.trechos .pe .meta{margin:0}
.prox{border-radius:1.25rem;padding:1.5rem 1.625rem;background:var(--band);color:var(--on-band);border:1px solid var(--band-line)}
.prox a{color:var(--on-band)}
.prox .meta{color:var(--on-band)}
.prox .eyebrow{color:var(--on-band)}
.prox .eyebrow::before{background:var(--on-band)}
.depois{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:1.25rem}
.depois li{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:1.125rem;align-items:start;border-radius:.875rem}
.depois img{border-radius:.75rem;aspect-ratio:16/9;object-fit:cover;width:100%}
.porque{margin:.5rem 0 0;font-size:.9375rem;color:var(--ink-2)}
.porque strong{color:var(--teal)}
.quiz-c{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:1rem;border:1px solid var(--field)}
.ficha{margin:0;border-top:1px solid var(--line)}
.ficha div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.ficha dt{color:var(--muted);font-size:.9375rem}
.ficha dd{margin:0;font-weight:650}
.citar{margin-top:1.25rem;padding:1.125rem 1.25rem;border-radius:1rem;background:var(--surface);display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-start;justify-content:space-between}
.citar p{margin:0;font-size:.9375rem;line-height:1.6}
details.mais{border-bottom:1px solid var(--line)}
details.mais summary{min-height:3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:700;color:var(--teal);cursor:pointer;list-style:none}
details.mais summary::-webkit-details-marker{display:none}
details.mais summary::after{content:"+";font-size:1.25rem;color:var(--ink)}
details.mais[open] summary::after{content:"−"}
.livro-topo{display:grid;grid-template-columns:minmax(0,1fr) 11rem;gap:1.5rem 2rem;align-items:start;padding-block:1.5rem 0}
.capa{width:100%;padding:.75rem;border-radius:1rem;background:var(--surface)}
.capa img{border-radius:.25rem;box-shadow:0 14px 30px rgba(20,20,18,.18);width:100%}

/* listas, filtros e busca */
.filtros{margin-top:1.5rem;display:grid;gap:1rem}
.filtros fieldset{border:0;margin:0;padding:0;min-width:0}
.filtros legend{font-weight:700;font-size:.9375rem;padding:0;margin-bottom:.5rem}
.filtros .linha{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem}
.filtros select{min-height:2.75rem;border:1px solid var(--field);border-radius:.75rem;background:var(--bg);padding:0 .75rem}
.filtros label.sel{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9375rem}
.contagem{margin:1.5rem 0 1rem;font-weight:700}
.mais-res{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.resp-clara{margin-top:1.5rem;padding:1.5rem;border-radius:1.25rem;border:1px solid var(--teal);background:var(--teal-soft)}
.grupo{margin-top:2.5rem}
.grupo .h3{display:flex;align-items:baseline;gap:.5rem}
.grupo .n{font-size:.875rem;font-weight:600;color:var(--muted)}
.lista-res{list-style:none;margin:.5rem 0 0;padding:0;border-top:1px solid var(--line)}
.lista-res li{padding:1rem 0;border-bottom:1px solid var(--line)}
.lista-res .tipo{margin:0;color:var(--teal);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.lista-res p{margin:.25rem 0 0}
.momentos{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.momentos li{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:1rem;align-items:start;padding:1rem;border:1px solid var(--line);border-radius:1rem}
.momentos img{border-radius:.625rem;aspect-ratio:16/9;object-fit:cover;width:100%}
.momentos .acoes{margin-top:.5rem}
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.rel>div{border:1px solid var(--line);border-radius:1rem;padding:1rem 1.125rem}
.rel .h3{font-size:1rem}
.perfil-topo{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1.25rem 1.75rem;align-items:center;padding-top:1.5rem}
.perfil-topo img{width:7rem;height:7rem;border-radius:50%;object-fit:cover;object-position:top}
.campos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.campos li{border:1px solid var(--line);border-radius:1rem;padding:1.125rem 1.25rem}
.campos .h3{margin:0}
.campos p{margin:.25rem 0 0}
.nivel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;list-style:none;margin:1.25rem 0 0;padding:0}
.nivel li{display:grid;gap:.25rem;align-content:start;padding:1.125rem 1.25rem;border-radius:1rem;background:var(--surface);border:1px solid var(--line)}
.nivel .num{font-size:1.75rem;font-weight:780;color:var(--red);line-height:1;margin-bottom:.25rem}
.nivel strong{font-size:1.125rem;line-height:1.3}
.nivel .desc{font-size:.9375rem;color:var(--ink-2);line-height:1.45}
.nivel .ex{font-size:.875rem;color:var(--muted)}
.chips-mais{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem}
.trilha-nota{margin:.5rem 0 1rem;font-size:.875rem;color:var(--muted)}
/* conta, entrar, planos */
.sub-nav ul{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.est-grupos{display:grid;gap:1.25rem;margin-top:1.25rem}
.est-grupo{border:1px solid var(--line);border-radius:1rem;overflow:hidden}
.est-cab{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.125rem;background:var(--surface);border-bottom:1px solid var(--line)}
.est-cab svg{color:var(--teal);flex:0 0 auto}
.est-cab h3{margin:0;font-size:1.125rem}
.est-cab .cont{margin-left:auto;min-width:2rem;padding:0 .5rem;border-radius:999px;background:var(--bg);border:1px solid var(--field);font-weight:800;font-size:.875rem;text-align:center;line-height:1.6}
.est-cab .ajuda-g{flex:1 1 100%;margin:0;font-size:.875rem;color:var(--muted)}
.est-cab{flex-wrap:wrap}
.est-lista{list-style:none;margin:0;padding:.25rem 1.125rem}
.est-item{display:grid;grid-template-columns:4rem minmax(0,1fr) auto;gap:.875rem;align-items:center;padding:.875rem 0;border-bottom:1px solid var(--line)}
.est-item:last-child{border-bottom:0}
.est-item .mini{width:4rem;height:2.25rem;object-fit:cover;border-radius:.375rem}
.est-item .tit a{display:inline-flex;align-items:center;min-height:1.75rem}
.est-item .mini.livro{width:2.25rem;height:3.25rem;justify-self:center}
.est-item .mini.vazio-img{display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--muted)}
.est-item .tipo{display:inline-block;font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.est-item .tit{margin:0;font-weight:700;line-height:1.35}
.est-item .meta{margin:0}
.est-vazio{margin:0;padding:1rem 1.125rem;font-size:.9375rem;color:var(--ink-2)}
.estante{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.estante li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;align-items:center;padding:.875rem 0;border-bottom:1px solid var(--line)}
.estante .tipo{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.estante a{font-weight:700}
.vazio{margin:0;padding:1rem;border-radius:.875rem;background:var(--surface);color:var(--ink-2);font-size:.9375rem}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:1.25rem 0 0;padding:0}
.kpis li{padding:1.125rem 1.25rem;border-radius:1rem;border:1px solid var(--line)}
.kpis .num{display:block;font-size:2rem;font-weight:780;letter-spacing:-.03em;line-height:1.1}
.kpis .rot{font-size:.875rem;color:var(--muted)}
.form{display:grid;gap:1.125rem;max-width:26rem}
.form label{display:block;font-weight:700;margin-bottom:.375rem}
.form .campo{width:100%;border-radius:.75rem}
.form .ajuda{margin:.375rem 0 0;font-size:.875rem;color:var(--muted)}
.form .erro{margin:.375rem 0 0;font-size:.875rem;color:var(--red);font-weight:700}
.ou{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.875rem;max-width:26rem}
.ou::before,.ou::after{content:"";flex:1;height:1px;background:var(--line)}
.passos{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;gap:.5rem;flex-wrap:wrap;font-size:.875rem;color:var(--muted)}
.passos li[aria-current="step"]{color:var(--ink);font-weight:800}
.planos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}
.plano{border:1px solid var(--field);border-radius:1.25rem;padding:1.5rem}
.plano.destaque{border:2px solid var(--teal)}
.plano .preco{font-size:2rem;font-weight:780;letter-spacing:-.03em;margin:.25rem 0 0}
.plano ul{margin:1rem 0 1.25rem;padding-left:1.25rem}
.plano li{margin:.375rem 0}

/* a Clara flutuante */
.clara-fab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:45;display:inline-flex;align-items:center;gap:.5rem;min-height:3.25rem;padding:0 1.125rem 0 .375rem;border-radius:999px;border:1px solid var(--field);background:var(--bg);color:var(--ink);font-weight:750;font-size:.9375rem;box-shadow:var(--shadow)}
.av{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--orb);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.av img{width:78%;height:auto}
.clara-fab:hover{border-color:var(--ink)}
dialog.clara{width:min(26rem,calc(100vw - 2rem));max-height:min(40rem,calc(100vh - 2rem));margin:auto 1rem 1rem auto;padding:0;border:1px solid var(--field);border-radius:1.25rem;background:var(--bg);color:var(--ink);box-shadow:var(--shadow);overflow:hidden}
dialog.clara[open]{display:flex;flex-direction:column}
dialog.clara::backdrop{background:rgba(10,12,11,.35)}
.clara-cab{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--line)}
.clara-cab h2{margin:0;font-size:1.0625rem;font-weight:780}
.clara-cab .meta{margin:0}
.clara-cab .fechar{margin-left:auto}
.clara-corpo{padding:1rem;overflow:auto;flex:1 1 auto;display:grid;gap:.875rem;align-content:start}
.clara-log{display:grid;gap:.75rem}
.msg{padding:.75rem .875rem;border-radius:1rem;font-size:.9375rem;line-height:1.55;max-width:92%}
.msg p{margin:0 0 .375rem}
.msg p:last-child{margin:0}
.msg.dela{background:var(--surface)}
.msg.sua{background:var(--teal-soft);border:1px solid var(--line);justify-self:end}
.msg .fonte{font-size:.8125rem;color:var(--muted)}
.msg .fonte a{color:var(--teal);font-weight:700}
.clara-form{padding:.875rem 1rem 1rem;border-top:1px solid var(--line);display:grid;gap:.5rem}
.clara-form .linha{display:flex;gap:.5rem}
.clara-form .campo{min-height:2.75rem;border-radius:.875rem;font-size:1rem}
.limite{font-size:.8125rem;color:var(--muted);margin:0}

/* rodapé: o mapa do site, como na versão do ChatGPT */
.rodape{margin-top:5rem;background:var(--surface);border-top:1px solid var(--line);padding-bottom:5.5rem}
.rodape-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,4fr);gap:2rem 3rem;padding-block:3rem 2rem}
.rodape .logo{margin-bottom:.75rem}
.rodape-marca p{margin:0 0 .75rem;color:var(--ink-2);font-size:.9375rem;max-width:16rem}
.rodape-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 2rem}
.rodape h2{margin:0 0 .25rem;font-size:.875rem;font-weight:800;letter-spacing:.02em;color:var(--ink)}
.rodape ul{list-style:none;margin:0;padding:0}
.rodape a{display:inline-flex;align-items:center;min-height:2.5rem;font-size:.9375rem;color:var(--ink-2);text-decoration:none}
.rodape a:hover{color:var(--teal);text-decoration:underline}
.rodape-base{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between;padding-block:1.25rem 0;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
.rodape-base p{margin:0}

/* telas estreitas */
@media (max-width:60rem){
  .nav,.hdr-acts .so-largo{display:none}
  .menu-btn{display:inline-flex}
  .hdr-acts{margin-left:auto}
  .hero,.feat{grid-template-columns:minmax(0,1fr)}
  .hero-lado{width:min(12rem,60%)}
  .grade,.lgrade,.campos,.mega,.rodape-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rodape-top{grid-template-columns:minmax(0,1fr)}
  .nivel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:36rem){
  .logo img{height:1.75rem}
  .hdr-in{gap:.5rem}
  .hdr-acts{gap:.25rem}
  .grade,.lgrade,.campos,.kpis,.planos,.central{grid-template-columns:minmax(0,1fr)}
  .depois li,.momentos li{grid-template-columns:minmax(0,1fr)}
  .result li{grid-template-columns:5.5rem minmax(0,1fr) 2.75rem}
  .ficha div{grid-template-columns:minmax(0,1fr);gap:.125rem}
  .refs>li{grid-template-columns:3.5rem minmax(0,1fr)}
  .refs img{width:3.5rem;height:5.25rem}
  .trechos-10 button,.trechos-10 a{grid-template-columns:3.75rem minmax(0,1fr)}
  .trechos-10 .d{grid-column:2}
  .livro-topo{grid-template-columns:minmax(0,1fr) 6.5rem;gap:1rem}
  .perfil-topo{grid-template-columns:4.5rem minmax(0,1fr)}
  .perfil-topo img{width:4.5rem;height:4.5rem}
  .clara-fab .longo{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .clara-fab{padding-right:.875rem}
  dialog.clara{margin:auto auto .5rem;width:calc(100vw - 1rem)}
  .mega,.rodape-cols{grid-template-columns:minmax(0,1fr)}
}

/* relatório */
.tabela{overflow-x:auto;margin-top:1rem;border:1px solid var(--line);border-radius:1rem}
.tabela table{border-collapse:collapse;width:100%;min-width:40rem;font-size:.9375rem}
.tabela th,.tabela td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}
.tabela thead th{background:var(--surface);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.tabela td.ok{color:var(--teal);font-weight:700}
.tabela td.aviso{color:var(--red);font-weight:700}
.tabela tr:last-child td,.tabela tr:last-child th{border-bottom:0}
.linkbtn{border:0;background:none;padding:0;font:inherit;color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;display:inline-flex;align-items:center;min-height:1.75rem;text-align:left}
.linkbtn:hover{color:var(--teal-h)}
.bcard .btn{min-height:2.5rem;font-size:.875rem}
.nav .mega a,.nav .mega-pe a{padding:0;font-size:1rem;border-radius:.25rem}
.nav .mega-pe a{font-weight:700}
.bcard .h3 a,.estante a,.momentos .h3 a,.lista-res .h3 a{display:inline-flex;align-items:center;min-height:1.75rem}
.form .ajuda a{display:inline-flex;align-items:center;min-height:1.75rem}
.passos li+li::before{content:"→";margin-right:.5rem;color:var(--muted)}

.form .opt{display:flex;font-weight:500;margin:0}
.social a{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}
/* barra de resultados com filtros pequenos */
.barra-res{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.25rem;margin:1.5rem 0 1.25rem;padding-block:.625rem;border-block:1px solid var(--line)}
.barra-res .contagem{margin:0}
.barra-res .sels{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}
.sel-p{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:700}
.sel-p select{min-height:2.25rem;font-size:.875rem;font-weight:500;border:1px solid var(--field);border-radius:.625rem;background:var(--bg);padding:0 .5rem}
/* pessoas ligadas */
.pessoas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;list-style:none;margin:.75rem 0 0;padding:0}
.pessoa-item{display:flex;align-items:center;gap:.875rem;padding:.75rem .875rem;border:1px solid var(--line);border-radius:.875rem}
.pessoa-item p{margin:0}
.pessoa-item .tit a{font-weight:700;display:inline-flex;align-items:center;min-height:1.75rem}
.av-foto{width:3rem;height:3rem;border-radius:50%;object-fit:cover;flex:0 0 auto}
.av-letra{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--surface);border:1px solid var(--line);font-family:var(--serif);font-weight:700;font-size:1.125rem;color:var(--ink)}
@media (max-width:36rem){.pessoas{grid-template-columns:minmax(0,1fr)}.est-item{grid-template-columns:3.25rem minmax(0,1fr)}.est-item>.btn{grid-column:2;justify-self:start}.nivel{grid-template-columns:minmax(0,1fr)}}
/* planos */
.selo-ind{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 .625rem;border-radius:999px;background:var(--pri);color:var(--on-pri);font-size:.75rem;font-weight:800;margin-left:.5rem;vertical-align:middle}
.plano ul.lista-ok{list-style:none;padding:0}
.plano ul.lista-ok li{display:grid;grid-template-columns:1.25rem minmax(0,1fr);gap:.5rem;align-items:start}
.plano ul.lista-ok li svg{margin-top:.2rem;color:var(--ok)}
.ranking{width:100%;border-collapse:collapse;font-size:.9375rem;margin-top:.75rem}
.ranking th,.ranking td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--line)}
.ranking tr.voce td,.ranking tr.voce th{font-weight:800;background:var(--surface)}
.colunas{list-style:none;margin:0;padding:0;columns:3 12rem;column-gap:2rem}
.colunas li{break-inside:avoid;border-bottom:1px solid var(--line)}
.colunas a{display:flex;align-items:center;min-height:2.75rem;font-weight:600;text-decoration:none}
.colunas a:hover{text-decoration:underline}
.campos li{padding:.875rem 1.125rem}
@media (max-width:63.99rem){.marcador+.lado-bloco{margin-top:0;padding-top:0;border-top:0}}
.campos{align-items:stretch}
.campos li.tile{padding:0;border:0}
.campos .tile-todos{flex-direction:row;align-items:center;justify-content:space-between;min-height:100%;padding:.875rem 1.125rem}
/* ============================================================== o site de verdade (o que o protótipo não tinha) */
/* o aviso do site de teste rola com a página (não cobre o cabeçalho) */
.cf-test-banner{position:relative!important}
/* o modo leitura (só assinantes): sem os anúncios da Clara e sem os do Google */
:root.leitura ins.adsbygoogle,:root.leitura .google-auto-placed,:root.leitura .adsbygoogle,:root.leitura .anuncio-banner{display:none!important}
mark.search-highlight{background:#FFE08A;color:#1C1C1A;border-radius:.2rem;padding:0 .1em}
.tipo{margin:0 0 .125rem;color:var(--teal);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.bcard .tipo{margin-bottom:.25rem}
.sem-img.mini{aspect-ratio:auto}
.vazio p:last-child{margin-bottom:0}
.lista-limpa{list-style:none;margin:0;padding:0}
.paginas{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:2rem}
.paginas .atual{font-weight:800;padding:0 .5rem}

/* o espaço de anúncio da Clara (campanhas) */
.anuncio-banner{margin-top:3rem;padding-block:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.anuncio-banner .rot{margin:0 0 .5rem;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.campaign-banner{position:relative}
.campaign-banner img{width:100%;height:auto;border-radius:.75rem}
.campaign-banner-label{position:absolute;right:.5rem;top:.5rem;z-index:1;background:#1C1C1A;color:#FFFFFF;font-size:.6875rem;font-weight:700;padding:.125rem .5rem;border-radius:.375rem}
.lateral .anuncio-banner{margin-top:1.75rem;padding-top:1.25rem;border-bottom:0}

/* o aviso de privacidade e cookies */
.cf-cookies{position:fixed;left:var(--gut-l);right:var(--gut-r);bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:70;max-width:48rem;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:1rem 1.25rem;background:var(--bg);color:var(--ink);border:1px solid var(--field);border-radius:1rem;box-shadow:var(--shadow);font-size:.9375rem}
.cf-cookies p{margin:0;flex:1 1 20rem;line-height:1.5}
.cf-cookies a{color:var(--teal);font-weight:700;display:inline-flex;align-items:center;min-height:1.5rem}
.cf-cookies-actions{display:flex;gap:.5rem;flex:0 0 auto}
.cf-cookies-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;min-width:6.5rem;padding:0 1.125rem;border-radius:999px;border:1px solid var(--ink);background:var(--bg);color:var(--ink);font-weight:750;cursor:pointer}
.cf-cookies-btn:hover{background:var(--ink);color:var(--bg)}
.com-barra .cf-cookies{bottom:calc(var(--barra-h,0px) + 16px)}
@media (max-width:36rem){.cf-cookies-actions{flex:1 1 100%}.cf-cookies-btn{flex:1}}

/* a conversa com a Clara dentro da janela (o HTML vem do /conta/clara/) */
.clara-chat.is-pop .clara-head{display:none}
.clara-chat{display:grid;gap:.75rem}
.clara-chat .clara-log,.clara-page .clara-log{display:grid;gap:.75rem;align-content:start}
.clara-msg{display:flex;gap:.5rem;align-items:flex-start}
.clara-msg.is-reader{justify-content:flex-end}
.clara-avatar{width:2rem;height:auto;flex:0 0 auto;margin-top:.25rem;border-radius:50%;background:var(--orb);padding:.125rem}
.clara-bubble{padding:.625rem .875rem;border-radius:1rem;font-size:.9375rem;line-height:1.55;max-width:92%;background:var(--surface);color:var(--ink)}
.clara-msg.is-reader .clara-bubble{background:var(--teal-soft);border:1px solid var(--line)}
.clara-msg.is-warn .clara-bubble,.clara-msg.is-limit .clara-bubble{border:1px solid var(--field)}
.clara-bubble p{margin:0 0 .375rem}
.clara-bubble p:last-child{margin-bottom:0}
.clara-bubble a{color:var(--teal);font-weight:700}
.clara-who{display:block;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.125rem}
.clara-time{font-weight:600;letter-spacing:0;text-transform:none;margin-left:.375rem}
.clara-dots{display:inline-flex;gap:.25rem;margin-top:.25rem}
.clara-dots i{width:.375rem;height:.375rem;border-radius:50%;background:var(--muted);animation:cf-pisca 1.2s infinite}
.clara-dots i:nth-child(2){animation-delay:.2s}.clara-dots i:nth-child(3){animation-delay:.4s}
@keyframes cf-pisca{0%,80%,100%{opacity:.25}40%{opacity:1}}
.clara-sources{margin-top:.5rem;font-size:.8125rem}
.clara-sources summary{cursor:pointer;font-weight:700;color:var(--teal);min-height:1.75rem;display:flex;align-items:center}
.clara-sources ol{margin:.25rem 0 0;padding-left:1.25rem}
.clara-rate{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.8125rem}
.clara-rate-btn{min-height:2rem;padding:0 .75rem;border-radius:999px;border:1px solid var(--field);background:var(--bg);color:var(--ink);font-weight:700;font-size:.8125rem}
.clara-rate-btn.is-on,.clara-rate-btn[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.clara-plan{display:flex;flex-wrap:wrap;gap:.25rem .875rem;font-size:.8125rem;color:var(--muted);padding:.5rem .75rem;border-radius:.75rem;background:var(--surface)}
.clara-plan strong{color:var(--ink)}
.clara-plan-name{font-weight:800;color:var(--ink)}
.clara-plan-name.is-paid{color:var(--teal)}
.clara-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:end;padding-top:.75rem;border-top:1px solid var(--line)}
.clara-form textarea{width:100%;min-height:2.75rem;max-height:10rem;resize:none;border:1px solid var(--field);border-radius:.875rem;background:var(--bg);color:var(--ink);padding:.625rem .875rem;font:inherit;font-size:1rem;line-height:1.4}
.clara-form .account-btn{min-height:2.75rem}
.clara-foot{display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--muted)}
.clara-note p{margin:0}
.clara-new{margin:0}
.clara-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.clara-help{font-size:.875rem}
.clara-pop-loading{margin:0}
.clara-cta{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;border-radius:1rem;background:var(--clara-bg);border:1px solid var(--line);text-decoration:none;max-width:36rem}
.clara-cta img{width:2.25rem;height:auto;border-radius:50%;background:var(--orb);padding:.125rem}
.clara-cta strong{display:block}
.clara-convite{display:grid;gap:.875rem}

/* as páginas da conta (entrar, cadastro, códigos, senha, e-mails, segurança, assinatura) */
.conta-pg{max-width:calc(var(--measure) + 2rem);margin:0 auto;padding-left:var(--gut-l);padding-right:var(--gut-r);padding-top:2rem}
.conta-pg h1,.conta-pg .account-head h1{margin:0 0 1rem;font-weight:780;font-size:clamp(2rem,1.6rem + 1.6vw,2.75rem);line-height:1.12;letter-spacing:-.03em}
.conta-pg h2{margin:0 0 .75rem;font-weight:780;font-size:1.375rem;line-height:1.25;letter-spacing:-.02em}
.conta-pg h3{font-size:1.125rem;margin:1.25rem 0 .5rem}
.conta-pg .kicker{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;color:var(--red);font-size:.8125rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.conta-pg .kicker::before{content:"";width:1.25rem;height:2px;background:var(--brand);flex:0 0 auto}
.account-card{margin-top:1.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:1.25rem;background:var(--bg)}
.account-head{padding-top:.5rem}
.account-head+.account-card{margin-top:1.5rem}
.account-lead{font-size:1.0625rem;color:var(--ink-2);line-height:1.6;margin:0 0 1rem}
.account-help,.account-small,.account-meta{font-size:.875rem;color:var(--muted);margin:.375rem 0 0;line-height:1.5}
.account-help a,.account-small a,.account-links a{color:var(--teal);font-weight:700;display:inline-flex;align-items:center;min-height:1.75rem}
.account-links{margin:1.25rem 0 0;display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:center;font-size:.9375rem}
.account-form{display:grid;gap:1.125rem;max-width:30rem;margin-top:1rem}
.account-field label{display:block;font-weight:700;margin-bottom:.375rem}
.account-field input,.account-field select,.account-form select,.account-form textarea,.account-card input[type="text"],.account-card input[type="email"],.account-card input[type="password"],.account-card input[type="number"]{width:100%;min-height:3rem;border:1px solid var(--field);border-radius:.75rem;background:var(--bg);color:var(--ink);padding:0 1rem;font-size:1.0625rem}
.account-card textarea{min-height:6rem;padding:.75rem 1rem}
.account-field input:focus-visible,.account-card input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.account-field input[aria-invalid="true"]{border-color:var(--erro);border-width:2px}
.account-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:0 1.25rem;border-radius:999px;border:1px solid var(--pri);background:var(--pri);color:var(--on-pri);font-weight:700;font-size:.9375rem;text-decoration:none;cursor:pointer;line-height:1.2;text-align:center}
.account-btn:hover{background:var(--pri-h);color:var(--on-pri)}
.account-btn.secondary{background:var(--bg);color:var(--ink);border-color:var(--field)}
.account-btn.secondary:hover{border-color:var(--ink);color:var(--ink)}
.account-btn.link{background:none;border:0;padding:0;min-height:2.75rem;color:var(--teal);text-decoration:underline;text-underline-offset:.2em}
.account-btn.danger{background:var(--erro);border-color:var(--erro);color:var(--on-ico)}
.account-btn.google{background:var(--bg);color:var(--ink);border-color:var(--field)}
.account-inline{display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.5rem 0 0}
.account-notice{margin:1rem 0;padding:.875rem 1rem;border-radius:.875rem;border:1px solid var(--field);background:var(--surface);font-weight:600;line-height:1.5}
.account-notice.is-ok{border-color:var(--ok)}
.account-notice.is-warn{border-color:var(--medio)}
.account-notice.is-error{border:2px solid var(--erro)}
.account-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0}
.account-tabs a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .875rem;border-radius:999px;border:1px solid var(--field);font-size:.875rem;font-weight:700;text-decoration:none;color:var(--teal);background:var(--bg)}
.account-tabs a.is-active,.account-tabs a[aria-current="page"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.account-news,.account-favs,.account-devices,.pay-orders{list-style:none;margin:.75rem 0 0;padding:0;border-top:1px solid var(--line)}
.account-news li,.account-favs li,.account-devices li,.pay-orders li{padding:.875rem 0;border-bottom:1px solid var(--line)}
.account-favs li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;align-items:center}
.account-news a,.account-favs a{font-weight:700;display:inline-flex;align-items:center;min-height:1.75rem}
.account-news p{margin:.25rem 0;color:var(--ink-2);font-size:.9375rem}
.account-news small,.account-favs small{display:block;font-size:.8125rem;color:var(--muted)}
.account-badge{display:inline-flex;align-items:center;min-height:1.375rem;padding:0 .5rem;margin-right:.5rem;border-radius:999px;background:var(--pri);color:var(--on-pri);font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.account-group{font-size:1rem;margin:1.5rem 0 .25rem}
.account-group span{color:var(--muted);font-weight:600}
.account-via{margin-top:.125rem}
.account-row{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.account-choices{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.account-choices legend{font-weight:700;margin:0 0 .5rem;padding:0}
.account-check{display:flex;gap:.625rem;align-items:flex-start;font-size:.9375rem;line-height:1.5;min-height:2.75rem;padding:.5rem .875rem;border:1px solid var(--field);border-radius:.875rem;cursor:pointer}
.account-check input{margin-top:.2rem;width:1.125rem;height:1.125rem;flex:0 0 auto;accent-color:var(--teal)}
.account-qr{margin:.75rem 0 1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.account-qr svg{width:12.5rem;height:12.5rem;background:#FFFFFF;border:1px solid var(--line);border-radius:.75rem;padding:.5rem}
.account-qr code{font-size:.875rem;overflow-wrap:anywhere}
.account-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.account-or{display:flex;align-items:center;gap:.75rem;margin:1rem 0 .25rem;color:var(--muted);font-size:.875rem;max-width:30rem}
.account-or::before,.account-or::after{content:"";flex:1;height:1px;background:var(--line)}
.account-danger{border-color:var(--erro)}
.account-card details summary{cursor:pointer;font-weight:700;color:var(--teal);min-height:2.75rem;display:flex;align-items:center}
.is-off{color:var(--muted)}
.mail-prefs,.mail-topics{display:grid;gap:1rem}
.mail-pref fieldset{border:0;margin:0;padding:0}
/* a assinatura e os créditos */
.pay-facts{margin:0;border-top:1px solid var(--line)}
.pay-facts div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.pay-facts dt{color:var(--muted)}
.pay-facts dd{margin:0;font-weight:700}
.pay-price{font-size:1.5rem;margin:.25rem 0 .75rem}
.pay-list{margin:.75rem 0 1.25rem;padding-left:1.25rem;line-height:1.6}
.pay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:.75rem;margin-top:1rem}
.pay-pack{display:grid;gap:.375rem;padding:1rem;border:1px solid var(--field);border-radius:1rem}
.pay-orders li{display:grid;grid-template-columns:repeat(4,minmax(0,auto));gap:.25rem 1rem;justify-content:start;font-size:.9375rem}
.pay-st{font-weight:700}
.pay-foot{margin-top:1.5rem}
@media (max-width:36rem){.pay-facts div{grid-template-columns:minmax(0,1fr);gap:.125rem}.pay-orders li{grid-template-columns:minmax(0,1fr)}.account-row{grid-template-columns:minmax(0,1fr)}.account-favs li{grid-template-columns:minmax(0,1fr)}}

/* a faixa do quiz no fim das páginas (Admin › Conteúdo › Quiz) */
.faixa-quiz{margin-top:3.5rem}
.faixa-quiz .quiz-c{padding:1.5rem 1.75rem;background:var(--surface);border-color:var(--line)}
.faixa-quiz .h2{margin:0 0 .5rem}
.faixa-quiz .acoes{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center}
.faixa-quiz + .rodape{margin-top:3.5rem}

/* 10.7.9.145.1 — a barra de edição da equipe (public_html/assets/edit-bar.js), no desenho novo. Só aparece para quem
   entrou no Admin; fica escura nos dois temas (o sinal de “modo equipe”), fixa no topo, e o cabeçalho e a lateral descem
   a altura dela. */
.cf-editbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:52;background:#11110F;color:#FFFFFF;border-bottom:1px solid #000000;font-family:var(--sans);font-size:.8125rem;line-height:1.2}
.cf-editbar-inner{max-width:80rem;margin:0 auto;min-height:2.75rem;padding:.375rem var(--gut-r) .375rem var(--gut-l);display:flex;align-items:center;gap:.375rem;overflow-x:auto;scrollbar-width:none}
.cf-editbar-inner::-webkit-scrollbar{display:none}
.cf-editbar-label{flex:0 0 auto;margin-right:.25rem;color:#FF9D8A;font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cf-editbar a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:2rem;color:#FFFFFF;text-decoration:none;white-space:nowrap;font-weight:650;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);border-radius:.5rem;padding:.25rem .625rem}
.cf-editbar a:hover{background:rgba(255,255,255,.16);color:#FFFFFF}
.cf-editbar a:focus-visible,.cf-editbar-close:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
.cf-editbar a.cf-editbar-admin{background:transparent}
.cf-editbar-note{flex:0 0 auto;color:#FFD166;font-weight:650;white-space:nowrap}
.cf-editbar-user{flex:0 1 auto;margin-left:auto;padding-left:.625rem;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cf-editbar-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;border:0;background:transparent;color:rgba(255,255,255,.8);font:inherit;font-size:1.25rem;line-height:1;padding:0 .375rem;cursor:pointer;border-radius:.375rem}
.cf-editbar-close:hover{color:#FFFFFF;background:rgba(255,255,255,.14)}
body.has-editbar .hdr{top:calc(env(safe-area-inset-top,0px) + var(--cf-editbar-h,2.75rem))}
@media (min-width:64rem){body.has-editbar .lateral-in{top:calc(6rem + var(--cf-editbar-h,2.75rem));max-height:calc(100vh - 11.5rem - var(--cf-editbar-h,2.75rem))}body.has-editbar .trail-side{top:calc(6rem + var(--cf-editbar-h,2.75rem))}}
html:has(> body.has-editbar){scroll-padding-top:calc(6.5rem + var(--cf-editbar-h,2.75rem))}
/* no celular, a barra quebra em linhas e rola com a página (fixa, ela tomaria a tela e esconderia o foco) */
@media (max-width:39.99rem){.cf-editbar{position:static}.cf-editbar-inner{flex-wrap:wrap;overflow:visible}.cf-editbar-user{display:none}body.has-editbar .hdr{top:env(safe-area-inset-top,0px)}html:has(> body.has-editbar){scroll-padding-top:6.5rem}}
@media (forced-colors:active){.cf-editbar{border-bottom:1px solid CanvasText}.cf-editbar a,.cf-editbar-close{border:1px solid ButtonText}}
@media print{.cf-editbar{display:none}}
/* ============================================================== 10.7.9.145 — as listas (vídeos, livros, cursos, pessoas, canais, séries) */
/* as peças que esperam o “Mostrar mais”: escondidas só com o script ligado (sem ele, a lista inteira aparece) */
.js .mais-oculto{display:none!important}
.js .so-sem-js{display:none!important}
html:not(.js) .so-com-js{display:none!important}
.filtro-grupo{display:grid;gap:.5rem;min-width:0}
.filtro-rot{margin:0;font-weight:700;font-size:.9375rem}
.filtro-grupo .opts{list-style:none;margin:0;padding:0}
a.chip[aria-current="true"],a.chip[aria-current="page"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
a.chip[aria-current="true"] .n{color:var(--bg)}
.topo .grupos{margin:0 0 1rem}
.chip-tirar span[aria-hidden]{font-size:1.125rem;line-height:1;margin-left:.125rem}
.tlink.btn-pequeno{min-height:2.75rem}
.barra-res .sels{min-width:0}
.sel-p{flex-wrap:wrap;max-width:100%}
.sel-p select{max-width:min(20rem,100%)}
.mais-filtros{margin-top:.25rem;border-bottom:0}
.mais-filtros summary{font-size:.9375rem}
.filtros-mais{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;padding:.25rem 0 1rem}
.filtros-mais .sel-p select{max-width:min(16rem,100%)}
.topo .aviso{margin-top:-.5rem}
.topo .busca-form{margin-top:.25rem}
.lista-sub{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;margin:0 0 1.25rem}
/* pessoas e canais: cartões com a foto, um link só */
.pgrade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;list-style:none;margin:1rem 0 0;padding:0}
.pcard{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border:1px solid var(--line);border-radius:1rem;min-width:0}
.pcard>div{min-width:0}
.pcard .h3{font-size:1.0625rem;margin:0;line-height:1.3}
.pcard .meta{margin:.125rem 0 0}
.pcard .pnota{color:var(--ink-2)}
.pcard .av-foto,.pcard .av-letra{width:3.5rem;height:3.5rem;flex:0 0 auto}
.pcard .av-foto{object-fit:cover;object-position:top;border-radius:50%}
.pcard:hover{border-color:var(--field)}
/* a série: o topo e os volumes na ordem de leitura */
.serie-pg .h1-obra{font-size:clamp(2.25rem,1.8rem + 2.2vw,3.25rem)}
.serie-pg .subtitulo{margin:0 0 .25rem;font-weight:700;font-size:1.125rem}
.serie-pg .por{margin:0}
.serie-pg .por a{color:var(--teal);font-weight:700;display:inline-flex;align-items:center;min-height:2.75rem}
.serie-pg .corpo .lgrade{grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr));grid-auto-rows:auto}
.lista-perg .perg-l{margin:.25rem 0 0;color:var(--teal);font-weight:650}
.volumes .tipo{margin:0 0 .125rem}
.volumes li.falta{opacity:.9}
.volumes li.falta .h3{color:var(--ink-2)}
.marcador.so-guardar .marc-bts{grid-template-columns:minmax(0,1fr)}
@media (max-width:60rem){.pgrade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:36rem){.pgrade{grid-template-columns:minmax(0,1fr)}.barra-res .sels{width:100%}}
/* 10.7.9.145 — as páginas de obra (livro, curso e as outras), de pessoa, de canal e o resumo por capítulo */
.h1-obra{font-size:clamp(2.5rem,1.9rem + 2.6vw,3.5rem)}
.subtitulo{margin:0 0 .25rem;font-weight:700;font-size:1.125rem;line-height:1.4}
.por{margin:0 0 1rem}
.por a{color:var(--teal);font-weight:700}
.serie-faixa{margin:0 0 .75rem;font-size:.9375rem;display:flex;flex-wrap:wrap;gap:0 1rem;align-items:center;color:var(--ink-2)}
.capa img{height:auto}
.capa .capa-tipo{width:100%;height:auto;aspect-ratio:2/3;font-size:1rem;padding:1rem;border-radius:.25rem}
.capa .capa-tipo small{font-size:.8125rem}
.estudo-ico{width:4.5rem;height:4.5rem;border-radius:.75rem;background:var(--teal-soft);border:1px solid var(--line);color:var(--teal);display:grid;place-items:center;font-family:var(--serif);font-size:1.5rem;font-weight:600}
.lista-links{list-style:none;margin:.5rem 0 0;padding:0}
.lista-links li{padding:.25rem 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:0 .75rem}
.lista-links a{display:inline-flex;align-items:center;min-height:2.75rem;font-weight:650;color:var(--teal)}
.perg-lista{margin:.25rem 0 0;color:var(--teal);font-weight:650;font-size:.9375rem}
.conversas .porque{margin-top:.25rem}
.lgrade-2{grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr))!important}
.grupo-tit{margin:1.5rem 0 .625rem;font-size:1rem}
.grupo-tit:first-child{margin-top:0}
.fontes{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.fontes li{padding:.625rem 0;border-bottom:1px solid var(--line)}
.fontes-linha{margin:1rem 0 0;line-height:1.9}
.fontes-linha a{color:var(--teal);font-weight:650}
.fontes-linha .n{color:var(--muted);font-weight:500}
.prova .quiz-c{background:var(--bg)}
.seguir[aria-pressed="true"]{background:var(--teal-soft);border-color:var(--teal);color:var(--ink)}
.col-larga{max-width:var(--measure)}
.perfil-topo .av-letra{width:7rem;height:7rem;font-size:2.25rem}
.refs-texto>li{grid-template-columns:minmax(0,1fr)}
.oferta-fim{margin-top:3.5rem;padding:1.5rem;border-radius:1.25rem;background:var(--surface);display:grid;grid-template-columns:6rem minmax(0,1fr);gap:1.25rem 1.5rem;align-items:center}
.oferta-fim>div:only-child{grid-column:1/-1}
.oferta-fim .eyebrow{margin-bottom:.375rem}
.oferta-fim .h3{margin:0 0 .125rem;font-size:1.375rem}
.oferta-fim-capa img,.oferta-fim-capa .capa-tipo{width:6rem;height:9rem;object-fit:cover;border-radius:.25rem;box-shadow:0 10px 22px rgba(20,20,18,.16)}
.caps-indice a{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem;align-items:center;min-height:3rem;padding:.5rem .25rem;color:var(--ink);text-decoration:none;font-weight:600}
.caps-indice a:hover>span:last-child{text-decoration:underline}
.caps-indice .sem-resumo a{color:var(--muted);font-weight:500}
#resumos{padding-top:2rem;margin-top:0;border-top:0}
@media (min-width:48rem){.caps-indice.muitos{column-count:2;column-gap:2.5rem;border-top:0}.caps-indice.muitos li{break-inside:avoid}}
.cap-resumo{padding:1.75rem 0;border-bottom:1px solid var(--line);scroll-margin-top:5.5rem}
.cap-resumo:first-of-type{border-top:1px solid var(--line)}
.cap-resumo .h3{margin:0 0 .5rem;font-size:1.25rem}
.cap-resumo .n{color:var(--red);font-variant-numeric:tabular-nums}
.cap-resumo.sem-resumo .h3{color:var(--muted)}
.cap-resumo .texto p:last-child{margin-bottom:0}
.cap-links{display:flex;flex-wrap:wrap;gap:0 1.25rem;margin:.5rem 0 0}
@media (max-width:36rem){
  .perfil-obra{row-gap:.75rem}
  .perfil-obra>div{display:contents}
  .perfil-obra>img,.perfil-obra>.av-letra{grid-row:1/3}
  .perfil-obra .eyebrow{grid-column:2;align-self:end;margin:0}
  .perfil-obra .h1{grid-column:2;align-self:start;margin:0!important}
  .perfil-obra .lead,.perfil-obra .meta{grid-column:1/-1}
  .estudo-ico{width:3.5rem;height:3.5rem;font-size:1.25rem}
  .perfil-topo .av-letra{width:4.5rem;height:4.5rem;font-size:1.5rem}
  .oferta-fim{grid-template-columns:4.5rem minmax(0,1fr);padding:1.25rem}
  .oferta-fim-capa img,.oferta-fim-capa .capa-tipo{width:4.5rem;height:6.75rem}
  .oferta-fim .btn-lg{width:100%;justify-content:center}
}
/* alvos de pelo menos 24 px (WCAG 2.5.8): o link sozinho na ficha */
.ficha dd a{display:inline-flex;align-items:center;min-height:1.5rem}
/* 10.7.9.145 — o conhecimento: a visão geral, as listas de cada nível e a página de cada item */
/* os quatro níveis: a caixa inteira leva à lista do nível */
.nivel li.card{position:relative}
.nivel li.card .stretch{color:inherit}
.nivel li.card:hover{border-color:var(--field)}
/* as abas dos níveis */
.k-niveis a.chip[aria-current="page"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.k-niveis a.chip[aria-current="page"] .n{color:var(--bg)}
/* a lista de um nível */
.k-lista{margin-top:0;border-top:0}
.k-lista .h3{margin:0;font-size:1.125rem;line-height:1.35}
.k-lista .h3 a{display:inline-flex;align-items:center;min-height:2.75rem;text-decoration:none}
.k-lista .h3 a:hover{text-decoration:underline}
.k-lista .desc{margin:0;color:var(--ink-2);max-width:46em}
.k-lista .meta{margin:.25rem 0 0}
/* o que apareceu nos outros níveis, e as ligações do item: cada nível numa linha (sem linhas incompletas) */
.k-ligado{display:grid;gap:0;border-top:1px solid var(--line)}
.k-ligado>div{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:.75rem 1.25rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--line)}
.k-ligado .h3{margin:.625rem 0 0;font-size:1rem}
.k-chip-mais{cursor:pointer;color:var(--ink-2)}
/* a página do item */
.k-acoes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.k-acoes .btn[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.topo #k-guardar-st:empty{display:none}
.k-fontes{line-height:1.8}
.k-fontes>span:first-child{font-weight:700;color:var(--ink);margin-right:.25rem}
.k-fontes a{font-weight:650}
.k-fontes .t{font-weight:500;color:var(--muted)}
/* os livros em duas colunas; o último, sozinho na linha, ocupa a linha inteira */
.lgrade.k-livros{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
.k-pessoas>li:last-child:nth-child(odd){grid-column:1/-1}
.momentos .sem-img{aspect-ratio:16/9}
@media (max-width:36rem){
  .k-ligado>div{grid-template-columns:minmax(0,1fr);gap:.5rem}
  .k-ligado .h3{margin:0}
  .lgrade.k-livros{grid-template-columns:minmax(0,1fr)}
  .barra-res .sels .sel-p{flex:1 1 100%;justify-content:space-between}
  .barra-res .sels .sel-p select{flex:1 1 auto;max-width:70%}
}
/* ============================================================== a conta (10.7.9.145): entrar, estante, Clara, assinatura, planos */
.conta-pg{padding-bottom:1rem}
.conta-pg.account-narrow{max-width:calc(32rem + 2rem)}
.conta-pg .account-card>h1,.conta-pg .account-card .kicker+h1{margin-top:0}
.conta-pg h2 small,.conta-pg h3 small{font-size:.8125rem;font-weight:700;color:var(--muted);margin-left:.375rem;letter-spacing:0}
.conta-pg .account-card p{line-height:1.6}
.conta-pg .account-card>p:last-child{margin-bottom:0}
.conta-pg .account-card a:not(.account-btn):not(.btn){color:var(--teal);font-weight:650}
.conta-pg .account-form .account-btn{justify-self:start}
.conta-pg .account-btn.google{width:100%;max-width:30rem;min-height:3.25rem;font-size:1rem}
.conta-pg .account-links{color:var(--muted)}
.conta-pg .account-devices li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;align-items:center}
.conta-pg .account-devices em{font-style:normal;font-weight:700;color:var(--teal)}
.conta-pg details.account-danger{margin-top:1.25rem;padding:0 1rem;border:1px solid var(--erro);border-radius:1rem}
.conta-pg details.account-danger summary{color:var(--erro)}
.conta-pg details.account-danger[open]{padding-bottom:1rem}
.conta-pg .mail-pref h3{margin-top:0}
.conta-pg .mail-pref p{margin:.25rem 0 .75rem;color:var(--ink-2);font-size:.9375rem}
.conta-pg .mail-topics{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:.5rem}
.conta-pg .account-meta span{color:var(--ink);font-weight:700}
/* o painel: as abas como botões, a estante e os créditos */
.c-painel .account-head{padding-top:2rem}
.c-painel .account-head .h1{margin-bottom:.75rem}
.c-painel .account-head .lead{margin-bottom:.5rem}
.account-tabs a .n{display:inline-block;margin-left:.375rem;font-weight:600;color:var(--muted)}
.account-tabs a.is-active .n,.account-tabs a[aria-current="page"] .n{color:var(--bg)}
.c-painel .clara-cta{margin-top:1.25rem}
.c-painel .clara-cta span{line-height:1.45;color:var(--ink-2);font-size:.9375rem}
.c-painel .clara-cta strong{color:var(--teal)}
.c-painel .pay-cta{margin-top:.75rem}
.c-estante .est-grupos{margin-top:1.25rem}
.est-item>form{margin:0}
.est-item .meta a{color:var(--teal);font-weight:700;display:inline-flex;align-items:center;min-height:1.75rem}
.est-item .mini.vazio-img{width:4rem;height:2.25rem;font-size:.875rem}
.est-item .mini.vazio-img.livro{width:2.25rem;height:3.25rem}
.est-grupo .est-vazio+.est-vazio{padding-top:0}
.c-conta-texto{font-size:1.0625rem}
.c-conta-texto p{margin:0 0 .75rem}
.conta-pg .h2{margin:0 0 .75rem;font-size:clamp(1.625rem,1.35rem + 1vw,2rem);line-height:1.15;letter-spacing:-.03em}
.c-painel .sec{padding-top:2.75rem}
.c-painel .sec+.sec{margin-top:2.75rem}
.c-painel .account-card{margin-top:2rem}
@media (max-width:36rem){.est-item>form{grid-column:2;justify-self:start}.conta-pg .account-devices li{grid-template-columns:minmax(0,1fr)}}

/* a página da Clara (/conta/clara/): a conversa na página, com a altura da tela e só as falas rolando */
.clara-wrap.conta-pg{max-width:calc(48rem + 2rem)}
.clara-chat.is-page{display:flex;flex-direction:column;gap:.75rem;height:calc(100vh - 9rem);height:calc(100dvh - 9rem);min-height:28rem;max-height:58rem;padding:1.25rem 1.25rem 1rem}
.clara-chat.is-page .clara-head{display:flex;align-items:center;gap:.75rem;margin:0;flex:0 0 auto}
.clara-chat.is-page .clara-head h1{margin:0;font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem);line-height:1.05}
.clara-chat.is-page .clara-head .kicker{margin:0 0 .25rem}
.clara-head-avatar{width:3.25rem;height:auto;border-radius:50%;background:var(--orb);padding:.25rem;flex:0 0 auto}
.clara-head-title{min-width:0}
.clara-chat.is-page .clara-log{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.25rem .5rem .25rem 0;scrollbar-width:thin}
.clara-chat.is-page .clara-plan,.clara-chat.is-page .clara-form,.clara-chat.is-page .clara-foot{flex:0 0 auto}
.clara-chat.is-page .clara-form{padding:.75rem 0 0}
.clara-help-q{margin-left:auto;position:relative}
.clara-help-q>summary{list-style:none;width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--field);background:var(--bg);font-weight:800;font-size:1.125rem;cursor:pointer;color:var(--ink)}
.account-card .clara-help-q>summary{display:grid;place-items:center;justify-content:center;color:var(--ink);min-height:0}
.clara-help-q>summary::-webkit-details-marker{display:none}
.clara-help-q[open]>summary,.clara-help-q>summary:hover{border-color:var(--ink)}
.clara-help-body{position:absolute;right:0;top:3.25rem;z-index:5;width:min(26rem,calc(100vw - 3rem));background:var(--bg);color:var(--ink-2);border:1px solid var(--field);border-radius:1rem;padding:1rem 1.125rem;box-shadow:var(--shadow);font-size:.9375rem;line-height:1.55}
.clara-help-body p{margin:0 0 .625rem}
.clara-help-body p:last-child{margin:0}
.clara-landing .clara-help{margin-top:1.25rem;font-size:.9375rem;color:var(--ink-2)}
.clara-landing .clara-help summary{cursor:pointer;font-weight:750;color:var(--teal);min-height:2.75rem;display:flex;align-items:center}
.clara-landing .clara-log{margin:1rem 0}
.clara-actions{display:flex;flex-wrap:wrap;gap:.625rem;margin:.5rem 0 0}
.clara-sub p{margin:0 0 .5rem;color:var(--ink-2)}
.clara-recs{list-style:none;margin:.5rem 0;padding:0;display:grid;gap:.375rem}
.clara-recs li{display:flex;gap:.5rem;align-items:baseline;background:var(--bg);border:1px solid var(--line);border-radius:.625rem;padding:.5rem .625rem}
.clara-rec-kind{flex:0 0 auto;font-size:.625rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.clara-recs a{color:var(--ink);font-weight:650}
.acervo-ref{font-size:.75rem;font-weight:800;text-decoration:none;vertical-align:super;line-height:0;margin-left:1px;color:var(--teal)}
.clara-msg.is-care .clara-bubble{border:1px solid var(--focus)}
.clara-msg.is-miss .clara-bubble{border:1px solid var(--line)}
.clara-form .account-btn:disabled{opacity:.65;cursor:wait}
@media (max-width:36rem){.clara-chat.is-page{height:calc(100vh - 7rem);height:calc(100dvh - 7rem);min-height:26rem;padding:1rem .75rem .875rem}.clara-chat.is-page .clara-form{grid-template-columns:minmax(0,1fr)}.clara-chat.is-page .clara-form .account-btn{width:100%}}

/* a assinatura e os créditos (/conta/assinatura/) */
.pay-wrap .pay-head h1{margin-bottom:1rem}
.pay-pack strong{font-size:1.125rem}
.pay-pack span{color:var(--ink-2)}
.pay-cancel{margin-top:1rem}
.pay-st.is-ok,.pay-st.is-pago,.pay-st.is-ativa{color:var(--ok)}
.pay-st.is-warn{color:var(--medio)}
.pay-st.is-error{color:var(--erro)}

/* os planos (/planos/) */
.col.c-planos{max-width:calc(56rem + 2rem)}
.c-planos .planos{align-items:stretch}
.c-planos .plano{display:flex;flex-direction:column;gap:.25rem}
.c-planos .plano .lista-ok{flex:1 1 auto}
.c-planos .plano .h3{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}
.c-planos .plano .preco{margin-bottom:.25rem}
.c-planos .plano li{line-height:1.5}
.c-planos .sec{padding-top:3rem}
.c-planos details.mais .texto p{margin:0 0 1rem}
/* 10.7.9.147 — as novidades sob controle: a miniatura, o que já foi no e-mail, os marcadores ali mesmo, tirar e desfazer */
.c-novidades{display:flex;flex-direction:column;gap:1rem}
.c-novidades>.h2{margin:0}
.nov-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.nov-item{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:1rem 1.25rem;padding:1.125rem 0;border-bottom:1px solid var(--line);align-items:start}
.nov-item-curto{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.nov-img{position:relative;display:block;aspect-ratio:16/9;max-width:100%;border-radius:.625rem;overflow:hidden;background:var(--surface)}
.nov-img img,.nov-img .sem-img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;padding:0}
.nov-img .dur{right:.375rem;bottom:.375rem}
.nov-txt{min-width:0;display:flex;flex-direction:column;gap:.375rem}
.nov-txt .h3{margin:0;overflow-wrap:anywhere}
.nov-txt .h3 a{display:inline-flex;align-items:center;min-height:1.75rem}
.nov-txt .meta{margin:0}
.nov-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin:0}
.nov-tag{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 .5rem;border-radius:999px;font-size:.75rem;font-weight:750;border:1px solid var(--field);color:var(--ink-2)}
.nov-novo{background:var(--teal);border-color:var(--teal);color:var(--on-teal);letter-spacing:.06em;text-transform:uppercase;font-weight:800}
.nov-visto{border-color:var(--teal);color:var(--teal)}
.nov-acoes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;align-items:center}
.nov-form{margin:0}
.nov-marca{background:var(--bg);border:1px solid var(--field);color:var(--ink)}
.nov-marca:hover{border-color:var(--teal)}
.nov-marca[aria-pressed="true"]{border:2px solid var(--teal);background:var(--teal-soft);color:var(--teal)}
.nov-marca[aria-pressed="true"]::after{content:"✓";content:"✓" / "";font-weight:800}
.nov-marca[disabled]{opacity:.6}
.nov-tirar{background:transparent;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:0 .5rem}
.nov-tirar:hover{color:var(--ink)}
.nov-desfazer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;background:var(--band);color:var(--on-band);font-size:.9375rem}
.nov-desfazer form{margin:0}
.nov-btn-desfazer{background:transparent;border:1px solid var(--on-band);color:var(--on-band)}
.nov-btn-desfazer:hover{background:var(--on-band);color:var(--band)}
.nov-resumo{margin:0;font-size:.875rem;color:var(--muted);line-height:1.8}
.nov-resumo .tlink{display:inline-flex;align-items:center;min-height:1.75rem;padding:0 .25rem}
@media (max-width:40rem){
  .nov-item{grid-template-columns:6.5rem minmax(0,1fr);gap:.75rem}
  .nov-item-curto{grid-template-columns:minmax(0,1fr)}
}
@media (forced-colors:active){.nov-marca[aria-pressed="true"]{border:3px solid Highlight}.nov-tag{border:1px solid CanvasText}}
/* ============================================================== 10.7.9.145 — o quiz, a trilha, as institucionais, a Acessibilidade e a 404 */
/* ---------- o quiz */
.quiz-pg .chip[aria-current="page"] .n{color:var(--bg)}
.quiz-pg .topo .acoes{margin:0 0 1rem}
.quiz-cred{margin:.25rem 0 0;max-width:40em}
.quiz-me{margin:0 0 1rem;max-width:40em}
.quiz-me .tlink,.quiz-pg .meta .tlink{min-height:1.75rem}
.quiz-busca{margin-top:2rem}
.quiz-busca label{flex:1 1 100%;font-weight:700;margin:0}
.quiz-comecar{margin-top:1.75rem;padding:1.25rem 1.5rem;border:1px solid var(--line);border-radius:1rem}
.quiz-comecar p{margin:0 0 .75rem}
.quiz-comecar form{margin:0}
.quiz-nome{margin:0}
.quiz-and{display:flex;align-items:center;margin-top:1.25rem}
.quiz-barra{flex:1 1 auto;height:.5rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);overflow:hidden}
.quiz-barra i{display:block;height:100%;background:var(--teal);border-radius:999px}
.quiz-pg .quiz-q{margin-top:1rem}
.quiz-pg .quiz-q legend{font-size:1.1875rem}
.quiz-pg .quiz-q .opt:has(input:checked){border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}
.quiz-pg .quiz-q .opt:hover{border-color:var(--ink)}
.quiz-feito .tag{margin:0 0 .375rem}
.quiz-enun{margin:0 0 .875rem;font-weight:750;font-size:1.1875rem;line-height:1.45;letter-spacing:-.005em}
.quiz-alts{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.quiz-alts li{display:flex;align-items:flex-start;gap:.625rem;min-height:3rem;padding:.625rem .875rem;border:1px solid var(--line);border-radius:.875rem;line-height:1.45}
.quiz-alts li.certa{border:2px solid var(--ok)}
.quiz-alts li.sua:not(.certa){border:2px solid var(--erro)}
.quiz-alts li em{font-style:normal;font-weight:700;font-size:.875rem;color:var(--ink-2)}
.quiz-alts .vazio-ico{background:transparent;border:1px solid var(--field)}
.quiz-feito .retorno{margin-top:1rem;font-weight:500;line-height:1.6}
.quiz-feito .retorno strong{font-weight:800}
.quiz-fonte{margin:1rem 0 0;padding:.875rem 1.125rem;border-left:3px solid var(--teal);background:var(--surface);border-radius:0 .75rem .75rem 0}
.quiz-fonte blockquote{margin:0;font-family:var(--read);font-size:1.0625rem;line-height:1.65;color:var(--ink-2)}
.quiz-fonte blockquote p{margin:0}
.quiz-fonte figcaption{margin-top:.375rem;font-size:.875rem;color:var(--muted)}
.quiz-fonte figcaption .tlink{min-height:1.75rem}
.quiz-pg .meta a:not(.tlink){color:var(--teal);font-weight:700}
.quiz-aviso{margin-top:1.75rem;border-top:1px solid var(--line)}
.quiz-aviso summary{font-size:.9375rem}
.quiz-aviso form{margin:0;padding:.25rem 0 1.25rem}
.quiz-pg .acoes form{margin:0;display:inline-flex}
.quiz-revisao{margin:.75rem 0 0;padding:0 0 0 1.5rem;border-top:1px solid var(--line)}
.quiz-revisao li{padding:1rem 0 1rem .25rem;border-bottom:1px solid var(--line)}
.quiz-revisao li::marker{font-weight:700;color:var(--muted)}
.quiz-revisao .quiz-enun{font-size:1.0625rem;margin:0 0 .25rem}
.quiz-revisao .retorno{margin-top:.25rem;font-weight:500}
.quiz-revisao .meta{margin:.375rem 0 0}
.quiz-expl{margin:.5rem 0 0;color:var(--ink-2);font-size:.9375rem;line-height:1.6}
.quiz-pg .ranking{max-width:36rem}
.quiz-pg .ranking th[scope="row"]{font-weight:600}
.quiz-pg .ranking td:first-child{width:5.5rem;font-variant-numeric:tabular-nums}
.ranking .voce-tag{font-weight:600;color:var(--muted)}
.quiz-rank-mini .ranking{max-width:26rem}
.quiz-rank-mini .meta{max-width:40em}
@media (forced-colors:active){.quiz-alts li.certa,.quiz-alts li.sua{border:3px solid CanvasText}.quiz-barra i{background:Highlight}}

/* ---------- a trilha (o conteúdo de sempre, com as letras e as cores do site novo) */
.trilha-pg{padding-top:1.75rem}
.trilha-pg .kicker{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;color:var(--red);font-size:.8125rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}
.trilha-pg .kicker::before{content:"";width:1.25rem;height:2px;background:var(--brand);flex:0 0 auto}
.trilha-pg .deck{margin:0;font-size:1.125rem;line-height:1.7;color:var(--ink-2);max-width:40em}
.trilha-pg .clara-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.trilha-pg .muted{color:var(--muted)}
.trilha-pg .account-card h1{margin:0 0 .75rem;font-weight:780;font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem);line-height:1.15;letter-spacing:-.03em}
.trail-hero{max-width:48rem;margin-bottom:2.25rem}
.trail-hero h1,.stage-hero h1{margin:0 0 1rem;font-weight:780;font-size:clamp(2.125rem,1.6rem + 2.2vw,3.25rem);line-height:1.1;letter-spacing:-.035em}
.trail-layout{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}
.trail-steps{list-style:none;margin:0;padding:0;flex:999 1 36rem;min-width:0}
.trail-step{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;position:relative;padding-bottom:1rem}
.trail-step::before{content:"";position:absolute;left:1.3125rem;top:2.875rem;bottom:0;width:2px;background:var(--line)}
.trail-step:last-child::before{display:none}
.trail-num{width:2.625rem;height:2.625rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.9375rem;box-sizing:border-box;position:relative;z-index:1}
.trail-step.is-bem .trail-num{background:var(--ink);color:var(--bg)}
.trail-step.is-pouco .trail-num{background:var(--bg);border:2px solid var(--brand);color:var(--ink)}
.trail-step.is-falta .trail-num{background:var(--bg);border:2px dashed var(--field);color:var(--ink-2)}
.trail-card{border:1px solid var(--line);border-radius:1rem;background:var(--bg);min-width:0}
.trail-card>summary{list-style:none;cursor:pointer;padding:.875rem 1.125rem;display:grid;gap:.375rem;border-radius:1rem;min-height:2.75rem}
.trail-card>summary::-webkit-details-marker{display:none}
.trail-card>summary:hover{background:var(--surface)}
.trail-card[open]>summary{border-bottom:1px solid var(--line);border-radius:1rem 1rem 0 0}
.trail-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.8125rem;color:var(--muted)}
.trail-trad{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.125rem .625rem;color:var(--ink-2);font-weight:600}
.trail-title{margin:0;font-size:1.1875rem;line-height:1.3;letter-spacing:-.015em;font-weight:750}
.trail-status{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;font-size:.875rem;color:var(--ink-2)}
.trail-badge{border-radius:999px;padding:.125rem .625rem;font-weight:750;font-size:.8125rem;border:1px solid var(--field)}
.is-bem .trail-badge{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.is-pouco .trail-badge{border:2px solid var(--brand);padding:0 .5625rem;color:var(--ink)}
.is-falta .trail-badge{border:2px dashed var(--field);padding:0 .5625rem;color:var(--ink-2)}
.trail-mine{font-weight:700;color:var(--ink)}
.trail-detail{padding:.875rem 1.125rem 1.125rem;display:grid;gap:.625rem}
.trail-detail p{margin:0;color:var(--ink-2);line-height:1.6}
.trail-detail h3{font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;margin:.375rem 0 0;color:var(--muted);font-weight:800}
.trail-links{margin:0;padding-left:1.125rem;display:grid;gap:.25rem;font-size:.9375rem}
.trail-links a,.stage-people a,.stage-books a,.stage-more a,.stage-video-title,.trail-suggest-link{color:var(--teal);font-weight:700}
.trail-links a:hover,.stage-people a:hover,.stage-books a:hover,.stage-more a:hover,.stage-video-title:hover{color:var(--teal-h)}
.trail-more,.trail-empty{font-size:.875rem}
.trail-open{min-height:2.75rem}
.trilha-pg .topic-cloud{display:flex;flex-wrap:wrap;gap:.5rem}
.trilha-pg .topic-cloud a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .875rem;border-radius:999px;border:1px solid var(--field);font-size:.875rem;font-weight:700;text-decoration:none;color:var(--teal)}
.trilha-pg .topic-cloud a:hover{border-color:var(--teal)}
.trail-side{flex:1 1 18rem;display:grid;gap:1.125rem;min-width:0;position:sticky;top:6rem}
.trail-box{border:1px solid var(--line);border-radius:1rem;background:var(--bg);padding:1.25rem}
.trail-box h2{font-size:1.25rem;letter-spacing:-.02em;margin:0 0 .75rem;font-weight:780}
.trail-box p{font-size:.9375rem;color:var(--ink-2);margin:0 0 .75rem;line-height:1.55}
.trail-legend{list-style:none;margin:0 0 .75rem;padding:0;display:grid;gap:.625rem;font-size:.9375rem}
.trail-legend li{display:flex;align-items:center;gap:.625rem}
.trail-legend strong{margin-left:auto}
.trail-dot{width:.875rem;height:.875rem;border-radius:.3125rem;display:inline-block;box-sizing:border-box;flex:0 0 auto}
.trail-legend .is-bem .trail-dot{background:var(--ink)}
.trail-legend .is-pouco .trail-dot{border:2px solid var(--brand)}
.trail-legend .is-falta .trail-dot{border:2px dashed var(--field)}
.trail-note{font-size:.875rem!important;color:var(--muted)!important}
.trail-form-box{background:var(--surface)}
.trail-form label{display:grid;gap:.375rem;font-size:.9375rem;font-weight:700}
.trail-form select,.trail-form textarea,.trail-form input{width:100%;box-sizing:border-box;border:1px solid var(--field);border-radius:.75rem;padding:.625rem .875rem;background:var(--bg);color:var(--ink);font:inherit;font-weight:400}
.trail-form select,.trail-form input{min-height:3rem}
.trail-form textarea{resize:vertical;min-height:6rem}
.trail-cta{display:flex;flex-wrap:wrap;gap:.625rem}
/* a página de cada etapa */
.stage-page{max-width:60rem}
.stage-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.875rem;color:var(--muted);margin:0 0 1.25rem}
.stage-crumbs a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--muted)}
.stage-crumbs a:hover{color:var(--teal)}
.stage-hero{margin:0 0 2.25rem;display:grid;gap:.75rem}
.stage-hero h1{margin:0}
.stage-counts{margin:0;font-size:.9375rem;color:var(--ink-2)}
.stage-progress{border:1px solid var(--line);border-radius:1rem;background:var(--bg);padding:1rem 1.125rem;display:grid;gap:.625rem;margin-top:.375rem}
.stage-progress p{margin:0}
.stage-progress-text{display:flex;justify-content:space-between;gap:.75rem;font-size:.9375rem}
.stage-bar{height:.625rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);overflow:hidden}
.stage-bar span{display:block;height:100%;background:var(--teal);border-radius:999px;transition:width .2s ease}
.stage-done-note{font-weight:700}
.stage-call{border:1px solid var(--line);border-radius:1.25rem;background:var(--surface);padding:1.5rem 1.625rem;margin:0 0 2.25rem;display:grid;gap:.75rem}
.stage-call h2{margin:0;font-size:1.5rem;letter-spacing:-.02em;font-weight:780}
.stage-call p{margin:0;line-height:1.6;color:var(--ink-2)}
.stage-call a:not(.account-btn){color:var(--teal);font-weight:700}
.stage-call .stage-map-link{display:inline-flex;align-items:center;min-height:1.5rem}
.stage-section{margin:0 0 2.75rem}
.stage-section h2,.stage-two h2{font-size:clamp(1.5rem,1.3rem + .8vw,1.875rem);letter-spacing:-.03em;margin:.25rem 0 .875rem;font-weight:780;line-height:1.2}
.stage-resumo{display:grid;gap:.875rem;font-family:var(--read);font-size:1.125rem;line-height:1.75;color:var(--ink-2);max-width:var(--measure)}
.stage-resumo p{margin:0}
.stage-points{list-style:none;margin:1.125rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:.75rem}
.stage-points li{border:1px solid var(--line);border-radius:1rem;background:var(--bg);padding:.875rem 1rem;font-weight:600;line-height:1.5}
.stage-lead{margin:-.25rem 0 1rem;color:var(--ink-2)}
.stage-steps{list-style:none;margin:0;padding:0;display:grid;gap:.875rem}
.stage-step{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;scroll-margin-top:6rem}
.stage-num{width:2.625rem;height:2.625rem;border-radius:50%;display:grid;place-items:center;font-weight:800;box-sizing:border-box;border:2px solid var(--field);background:var(--bg);color:var(--ink-2)}
.stage-num-ok{display:none}
.stage-step.is-current .stage-num{background:var(--pri);border-color:var(--pri);color:var(--on-pri)}
.stage-step.is-done .stage-num{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.stage-step.is-done .stage-num-n{display:none}
.stage-step.is-done .stage-num-ok{display:block}
.stage-card{border:1px solid var(--line);border-radius:1rem;background:var(--bg);padding:1.125rem 1.25rem;display:grid;gap:.75rem;min-width:0}
.stage-card h3{margin:0;font-size:1.25rem;letter-spacing:-.02em;line-height:1.3;font-weight:750}
.stage-quiz{background:var(--surface)}
.stage-quiz p{margin:0}
.stage-video{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}
.stage-thumb{position:relative;flex:0 0 10.5rem;width:10.5rem;aspect-ratio:16/9;border-radius:.75rem;overflow:hidden;background:#2B2A26;display:block}
.stage-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.stage-thumb span{position:absolute;right:.375rem;bottom:.375rem;background:rgba(17,17,15,.88);color:#FFFFFF;font-size:.75rem;font-weight:700;border-radius:.375rem;padding:.125rem .375rem}
.stage-video-text{flex:1 1 16rem;min-width:0;display:grid;gap:.25rem;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}
.stage-video-title{font-size:1rem}
.stage-ideas{margin:0;padding-left:1.125rem;display:grid;gap:.25rem;line-height:1.55;color:var(--ink-2)}
.stage-actions{display:flex;flex-wrap:wrap;gap:.625rem;align-items:center}
.stage-mark{margin:0}
.stage-concepts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));gap:.75rem}
.stage-concept{border:1px solid var(--line);border-radius:1rem;background:var(--bg);padding:.875rem 1rem;display:grid;gap:.375rem;text-decoration:none;color:var(--ink)}
.stage-concept strong{color:var(--teal)}
.stage-concept:hover{border-color:var(--field)}
.stage-concept span{font-size:.9375rem;line-height:1.55;color:var(--ink-2)}
.stage-two{display:flex;flex-wrap:wrap;gap:2rem}
.stage-two>div{flex:1 1 20rem;min-width:0}
.stage-people,.stage-books,.stage-more{list-style:none;margin:0;padding:0;display:grid;gap:.625rem}
.stage-people li,.stage-books li{display:grid;gap:.125rem}
.stage-people span,.stage-books span{font-size:.9375rem;color:var(--ink-2);line-height:1.5}
.stage-nav{border-top:1px solid var(--line);padding-top:1.375rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.875rem;font-weight:700}
.stage-nav a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--teal)}
@media (max-width:47.5rem){.trail-side{position:static}.trail-step,.stage-step{grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem}.trail-num,.stage-num{width:2.25rem;height:2.25rem;font-size:.875rem}.trail-step::before{left:1.0625rem;top:2.5rem}.trail-card>summary,.trail-detail{padding-left:.875rem;padding-right:.875rem}.stage-thumb{flex-basis:100%;width:100%}.stage-call{padding:1.25rem}}
@media (forced-colors:active){.trail-num,.stage-num,.trail-dot,.trail-badge{border:2px solid CanvasText!important}.stage-bar span{background:Highlight}}

/* ---------- as páginas institucionais e a Acessibilidade */
.info-texto h2{font-family:var(--sans);font-size:1.375rem;font-weight:780;line-height:1.25;letter-spacing:-.02em;color:var(--ink);margin:2.25rem 0 .75rem}
.info-texto>h2:first-child{margin-top:.5rem}
.info-texto h3{font-family:var(--sans)}
.info-texto ul,.info-texto ol{margin:0 0 1rem;padding-left:1.25rem}
.info-texto li{margin:0 0 .5rem}
.info-texto li:last-child{margin-bottom:0}
.info-texto a{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
.info-texto a:hover{color:var(--teal-h)}
.info-texto strong{color:var(--ink);font-weight:700}
.info-texto blockquote{margin:0 0 1rem;padding:.25rem 0 .25rem 1rem;border-left:3px solid var(--line)}
.info-pg .sec .info-texto>:last-child{margin-bottom:0}
.info-contato{margin-top:1.75rem}

/* ---------- a 404 */
.erro-topo{padding-top:2.5rem}
.erro-acoes{margin-top:1.5rem}
.quiz-pg #pergunta{scroll-margin-top:6rem}
/* alvos de pelo menos 24 px (WCAG 2.5.8): os vídeos de cada etapa no mapa da trilha */
.trail-links a{display:inline-block;padding-block:.1875rem}
.trail-suggest-link{display:inline-flex;align-items:center;min-height:1.5rem}

/* 10.7.9.146 — estudar sozinho: a busca (no mapa e na lista) e a lista dos estudos */
.study-search{display:grid;gap:.5rem;max-width:36rem;margin-top:.5rem}
.study-search label{font-size:.9375rem;color:var(--ink-2);line-height:1.5}
.study-search label strong{color:var(--ink)}
.study-search-row{display:flex;flex-wrap:wrap;gap:.5rem}
.study-search-row input{flex:1 1 14rem;min-width:0;min-height:3rem;box-sizing:border-box;border:1px solid var(--field);border-radius:.75rem;padding:.625rem .875rem;background:var(--bg);color:var(--ink);font:inherit}
.study-search-row input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.study-search-row .account-btn{min-height:3rem}
.study-search .trail-note{margin:0}
.study-search .trail-note a{color:var(--teal);font-weight:700;display:inline-flex;align-items:center;min-height:1.5rem}
.trail-study-search{margin-top:1.5rem;padding:1rem 1.125rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}
.study-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.625rem}
.study-list a{display:grid;gap:.125rem;min-height:2.75rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:.875rem;background:var(--bg);text-decoration:none;color:var(--ink)}
.study-list a:hover{border-color:var(--teal)}
.study-list strong{font-weight:750;color:var(--teal)}
.study-list span{font-size:.875rem;color:var(--muted)}
@media (forced-colors:active){.trail-study-search,.study-list a{border:1px solid CanvasText}}
.study-points-h{font-size:1rem;font-weight:780;margin:1.5rem 0 .5rem;letter-spacing:-.01em}
/* 10.7.9.147 — o quiz com as imagens: a miniatura do vídeo, a capa do livro, a foto da pessoa */
.oq-item{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:1rem;align-items:center}
.oq-lista-livro .oq-item{grid-template-columns:4rem minmax(0,1fr)}
.oq-lista-pessoa .oq-item{grid-template-columns:4rem minmax(0,1fr)}
.oq-txt{min-width:0}
.oq-img{flex:0 0 auto}
.oq-vid{aspect-ratio:16/9;border-radius:.625rem;overflow:hidden;background:var(--surface);max-width:100%}
.oq-vid img,.oq-vid .sem-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;padding:0;border:0}
.oq-capa img,.oq-capa .capa-tipo{display:flex;width:4rem;height:6rem;object-fit:cover;border-radius:.25rem;font-size:.5625rem;padding:.375rem}
.oq-capa img{display:block;padding:0}
.oq-capa .capa-tipo small{font-size:.5rem}
.oq-foto .av-foto,.oq-foto .av-letra{width:4rem;height:4rem;object-position:top}
.oq-feito{margin:.375rem 0 0!important;font-size:.8125rem;font-weight:700;color:var(--teal)}
.oq-topo{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem 2rem;align-items:center}
.oq-topo-video .oq-vid{width:30rem}
.oq-topo-livro{grid-template-columns:8rem minmax(0,1fr)}
.oq-topo-pessoa{grid-template-columns:7rem minmax(0,1fr)}
.oq-topo-livro .oq-capa img,.oq-topo-livro .oq-capa .capa-tipo{width:8rem;height:12rem;font-size:.875rem;padding:.75rem}
.oq-topo-livro .oq-capa img{padding:0;box-shadow:0 10px 22px rgba(20,20,18,.16)}
.oq-topo-pessoa .oq-foto .av-foto,.oq-topo-pessoa .oq-foto .av-letra{width:7rem;height:7rem;font-size:2.25rem}
.oq-topo .oq-vid{border-radius:.875rem}
.oq-sobre{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.875rem;align-items:center;margin-top:1rem;padding:.75rem;border-radius:.875rem;background:var(--surface);border:1px solid var(--line)}
.oq-sobre-livro{grid-template-columns:3rem minmax(0,1fr)}
.oq-sobre-livro .oq-capa img,.oq-sobre-livro .oq-capa .capa-tipo{width:3rem;height:4.5rem;font-size:.4375rem;padding:.25rem}
.oq-sobre-livro .oq-capa img{padding:0}
.oq-sobre p{margin:0;display:flex;flex-direction:column;gap:.125rem;min-width:0}
.oq-sobre strong{font-weight:750;line-height:1.35;overflow-wrap:anywhere}
.oq-sobre .meta{font-size:.8125rem}
.oq-sobre .oq-vid{border-radius:.5rem}
@media (max-width:40rem){
  .oq-item{grid-template-columns:7rem minmax(0,1fr);gap:.75rem}
  .oq-lista-livro .oq-item,.oq-lista-pessoa .oq-item{grid-template-columns:3.5rem minmax(0,1fr)}
  .oq-capa img,.oq-capa .capa-tipo{width:3.5rem;height:5.25rem}
  .oq-foto .av-foto,.oq-foto .av-letra{width:3.5rem;height:3.5rem}
  .oq-topo-video .oq-vid{width:100%}
  .oq-topo-livro,.oq-topo-pessoa{grid-template-columns:5rem minmax(0,1fr);align-items:start}
  .oq-topo-livro .oq-capa img,.oq-topo-livro .oq-capa .capa-tipo{width:5rem;height:7.5rem}
  .oq-topo-pessoa .oq-foto .av-foto,.oq-topo-pessoa .oq-foto .av-letra{width:5rem;height:5rem;font-size:1.5rem}
  .oq-sobre{grid-template-columns:5.5rem minmax(0,1fr)}
}
/* 10.7.9.147 — a etapa sem ir e voltar: o trecho ali mesmo, o que procurar, a frase com o minuto; os livros e os outros vídeos com o porquê */
.stage-player{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:.875rem;overflow:hidden;background:#111111}
.stage-player:focus{outline:none}
.stage-player:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.stage-player-btn{position:absolute;inset:0;display:block;color:#FFFFFF;text-decoration:none}
.stage-player-btn[hidden]{display:none}
.stage-player-btn img,.stage-player-btn .sem-img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.stage-player-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,17,15,0) 45%,rgba(17,17,15,.55))}
.stage-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;background:#FFFFFF;color:#1C1C1A;z-index:1;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.stage-play svg{margin-left:.1875rem}
.stage-player-tag{position:absolute;left:.875rem;bottom:.875rem;right:.875rem;z-index:1;display:inline-block;width:max-content;max-width:calc(100% - 1.75rem);background:#1C1C1A;color:#FFFFFF;font-size:.9375rem;font-weight:750;padding:.5rem .875rem;border-radius:.625rem;line-height:1.3}
.stage-player-btn:hover .stage-play,.stage-player-btn:focus-visible .stage-play{transform:translate(-50%,-50%) scale(1.06)}
.stage-player-btn:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.stage-player-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.stage-card>.stage-player{width:100%;max-width:40rem}
.stage-player-note{margin:-.25rem 0 0;font-size:.8125rem;color:var(--muted)}
.stage-video-meta{margin:0;font-size:.9375rem;color:var(--ink-2);line-height:1.5}
.stage-video-meta a{color:var(--teal);font-weight:700}
.stage-look,.stage-quote{border-radius:.875rem;background:var(--teal-soft);padding:.875rem 1rem;display:grid;gap:.5rem}
.stage-quote{background:var(--surface)}
.stage-look p,.stage-quote p{margin:0}
.stage-look-h{font-size:.75rem!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.stage-look p:not([class]){font-family:var(--read);font-size:1.0625rem;line-height:1.65;color:var(--ink)}
.stage-look-from{font-size:.875rem;color:var(--muted)}
.stage-quote blockquote{margin:0;padding:0 0 0 1rem;border-left:3px solid var(--teal);display:grid;gap:.375rem}
.stage-quote blockquote p{font-family:var(--read);font-size:1.0625rem;line-height:1.6;font-style:italic;color:var(--ink)}
.stage-quote footer{font-size:.875rem;color:var(--ink-2)}
.stage-seek{display:inline-flex;align-items:center;min-height:2rem;color:var(--teal);font-weight:750}
.stage-page-link{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--teal);font-weight:700}
.stage-book-list,.stage-more-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.stage-book{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1rem 1.25rem;padding:1rem 1.125rem;border:1px solid var(--line);border-radius:1rem;background:var(--bg)}
.stage-book-capa img,.stage-book-capa .capa-tipo{width:5rem;height:7.5rem;object-fit:cover;border-radius:.25rem;display:flex}
.stage-book-capa img{display:block}
.stage-book-text{min-width:0;display:grid;gap:.375rem;align-content:start}
.stage-book-title,.stage-more-title{margin:0;font-size:1.125rem;line-height:1.35;letter-spacing:-.01em;font-weight:750}
.stage-book-title a,.stage-more-title a{color:var(--ink);display:inline-flex;align-items:center;min-height:1.75rem}
.stage-book-title a:hover,.stage-more-title a:hover{color:var(--teal)}
.stage-book-author,.stage-more-meta{margin:0;font-size:.9375rem;color:var(--ink-2)}
.stage-why{margin:0;font-size:.9375rem;line-height:1.55;color:var(--ink-2)}
.stage-why strong{color:var(--ink)}
.stage-book-acoes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}
.stage-more-item{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:1rem 1.25rem;align-items:start;padding:1rem 1.125rem;border:1px solid var(--line);border-radius:1rem;background:var(--bg)}
.stage-more-item .stage-player-tag{font-size:.8125rem;padding:.375rem .625rem;left:.625rem;bottom:.625rem}
.stage-more-item .stage-play{width:3rem;height:3rem}
.stage-more-text{min-width:0;display:grid;gap:.375rem;align-content:start}
@media (max-width:40rem){
  .stage-more-item{grid-template-columns:minmax(0,1fr)}
  .stage-book{grid-template-columns:4rem minmax(0,1fr);gap:.75rem;padding:.875rem}
  .stage-book-capa img,.stage-book-capa .capa-tipo{width:4rem;height:6rem}
  .stage-player-tag{font-size:.875rem}
}
@media (forced-colors:active){.stage-play{border:2px solid CanvasText}.stage-look,.stage-quote{border:1px solid CanvasText}}
/* 10.7.9.148 — cada item da lista diz que leva ao quiz: a etiqueta no alto e “Fazer o quiz →” no fim (o item inteiro é o link) */
.oq-tag{margin:0 0 .25rem!important;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.oq-item .stretch{color:var(--ink)}
.oq-call{margin:.5rem 0 0!important;display:inline-flex;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:750;color:var(--teal)}
.oq-item:hover .oq-call{color:var(--teal-h);text-decoration:underline;text-underline-offset:3px}
.oq-item.card:focus-within{border-radius:.75rem}
/* 10.7.9.148 — o Pare e pense (a página com as respostas, o gráfico e a discussão; a lista na conta) e os avisos (o sino
   do topo e a aba da conta) */

/* o sino */
.icon-btn.sino{position:relative}
.sino-n{position:absolute;top:-.25rem;right:-.25rem;min-width:1.25rem;height:1.25rem;padding:0 .3125rem;border-radius:999px;background:var(--red);color:var(--bg);font-size:.75rem;font-weight:800;line-height:1.25rem;text-align:center}
.sino-painel{position:absolute;top:calc(100% + .5rem);right:max(1rem, calc((100% - var(--wide) - 2rem) / 2 + 1rem));z-index:56;width:min(25rem, calc(100vw - 2rem));max-height:calc(100vh - 7rem);overflow:auto;border:1px solid var(--line);border-radius:1rem;background:var(--bg);box-shadow:var(--shadow)}
.sino-topo{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.125rem;border-bottom:1px solid var(--line)}
.sino-tit{margin:0;font-weight:800;font-size:1rem}
.sino-tit:focus{outline:none}
.sino-topo .linkbtn{font-size:.8125rem;min-height:1.75rem}
.sino-lista{list-style:none;margin:0;padding:0}
.sino-lista:empty{display:none}
.sino-lista a{display:grid;grid-template-columns:.625rem minmax(0,1fr);gap:.625rem;padding:.875rem 1.125rem;border-bottom:1px solid var(--line);color:var(--muted);text-decoration:none}
.sino-lista a:hover{background:var(--surface)}
.sino-lista .is-novo a{color:var(--ink)}
.sino-ponto{width:.625rem;height:.625rem;border-radius:50%;margin-top:.375rem}
.is-novo .sino-ponto{background:var(--teal)}
.sino-txt{display:flex;flex-direction:column;gap:.1875rem;min-width:0;overflow-wrap:anywhere}
.sino-t{font-size:.9375rem;font-weight:600}
.is-novo .sino-t{font-weight:780}
.sino-resumo{font-size:.875rem;line-height:1.4;color:var(--ink-2)}
.sino-lista li:not(.is-novo) .sino-resumo{display:none}
.sino-quando{font-size:.75rem;color:var(--muted)}
.sino-msg{margin:0;padding:.875rem 1.125rem}
.sino-msg[hidden]{display:none}
.sino-todos{display:flex;align-items:center;justify-content:center;min-height:2.75rem;font-size:.875rem;font-weight:750;color:var(--teal);border-top:1px solid var(--line)}
/* quem entrou tem um botão a mais no topo (o sino): nas telas bem estreitas, o logo e os botões encolhem um pouco
   (os botões continuam com mais de 24 px) para nada passar da tela */
@media (max-width:23rem){
  :root:not([data-perfil="visitante"]) .logo img{height:1.5rem}
  :root:not([data-perfil="visitante"]) .hdr-acts .icon-btn{min-width:2.5rem;min-height:2.5rem}
}
@media (max-width:21rem){
  :root:not([data-perfil="visitante"]) .hdr-acts{gap:.125rem}
  :root:not([data-perfil="visitante"]) .hdr-acts .icon-btn{min-width:2.25rem;min-height:2.25rem;padding:0 .25rem}
}
@media (forced-colors:active){.sino-n{border:1px solid CanvasText}.is-novo .sino-ponto{background:CanvasText}.sino-painel{border:2px solid CanvasText}}

/* a aba Avisos da conta */
.av-lista{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.av-item{padding:1.125rem 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.375rem}
.av-item .meta,.av-item .h3,.av-item p{margin:0}
.av-item.is-novo{border-left:3px solid var(--teal);padding-left:1rem}
.av-novo{color:var(--teal);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}
.av-txt{display:flex;flex-direction:column;gap:.625rem;color:var(--ink-2);line-height:1.6;max-width:40em}
.av-item .btn{align-self:flex-start;margin-top:.25rem}

/* a página do Pare e pense */
.col.pp-col{max-width:calc(var(--wide) + 2rem)}
.pp-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--side);gap:2rem 4rem;align-items:start}
.pp-main{min-width:0;max-width:var(--measure)}
.pp-h1{font-size:clamp(1.875rem,1.4rem + 2vw,2.75rem)}
.pp-main .pare{margin-top:.5rem}
.pp-sec{padding-block:2.75rem 0}
.pp-sec>.h2{margin-bottom:.75rem}
.pp-result li{grid-template-columns:minmax(6rem,11rem) minmax(0,1fr) 3rem}
.pp-result li>span:last-child{text-align:right;font-weight:750}
.pp-result .barra{height:.75rem}
.pp-result li:nth-child(4n+2) .barra span{background:var(--buy)}
.pp-result li:nth-child(4n+3) .barra span{background:var(--focus)}
.pp-result li:nth-child(4n+4) .barra span{background:var(--ink-2)}
.pp-graf{margin-top:1rem}
.pp-grafico{display:block;width:100%;height:auto;font-family:var(--sans)}
.pp-graf-curto,.pp-legenda{display:none}
.pp-legenda{list-style:none;margin:.75rem 0 0;padding:0;flex-wrap:wrap;gap:.375rem 1.25rem;font-size:.875rem}
.pp-legenda li{display:inline-flex;align-items:center;gap:.5rem}
.pp-traco{display:inline-block;width:1.75rem;border-top:3px solid currentColor}
.pp-legenda .l1{color:var(--teal)}
.pp-legenda .l2{color:var(--buy)}
.pp-legenda .l2 .pp-traco{border-top-style:dashed}
.pp-legenda .l3{color:var(--focus)}
.pp-legenda .l3 .pp-traco{border-top-style:dotted}
.pp-legenda .l4{color:var(--ink-2)}
.pp-legenda .l4 .pp-traco{border-top-style:double;border-top-width:4px}
@media (max-width:40rem){.pp-graf-largo{display:none}.pp-graf-curto{display:block}.pp-legenda{display:flex}}
.pp-grafico .eixo{stroke:var(--field);stroke-width:1.5}
.pp-grafico .eixo-fraco{stroke:var(--line);stroke-width:1}
.pp-grafico .grade{stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}
.pp-grafico .rot{fill:var(--muted);font-size:12px}
.pp-grafico polyline{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.pp-grafico polyline.l1{stroke:var(--teal)}
.pp-grafico polyline.l2{stroke:var(--buy);stroke-dasharray:9 6}
.pp-grafico polyline.l3{stroke:var(--focus);stroke-dasharray:2 6}
.pp-grafico polyline.l4{stroke:var(--ink-2);stroke-dasharray:14 5 3 5}
.pp-grafico .fim{font-size:13px;font-weight:700}
.pp-grafico .fim.l1{fill:var(--teal)}
.pp-grafico .fim.l2{fill:var(--buy)}
.pp-grafico .fim.l3{fill:var(--focus)}
.pp-grafico .fim.l4{fill:var(--ink-2)}
@media (forced-colors:active){.pp-grafico polyline{stroke:CanvasText!important}.pp-grafico .fim,.pp-grafico .rot{fill:CanvasText!important}}
.pp-tab{margin-top:.75rem}
.pp-tab summary{display:inline-flex;align-items:center;min-height:2.75rem;cursor:pointer;color:var(--teal);font-weight:700;font-size:.9375rem}
.pp-tab table{border-collapse:collapse;font-size:.875rem;margin-top:.5rem}
.pp-tab th,.pp-tab td{padding:.375rem .75rem;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.pp-tab thead th{color:var(--muted);font-weight:700}
.pp-tab th[scope="row"],.pp-tab thead th:first-child{text-align:left}
#discussao{border-top:1px solid var(--line);margin-top:2.75rem;padding-top:2rem}
.pp-disc-cab{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.75rem}
.pp-disc-cab .h2{margin:0}
.pp-disc-cab .n{color:var(--muted);font-weight:600}
.pp-ordem{margin:0}
.pp-ordem strong{color:var(--ink)}
.pp-lista-c,.pp-resps{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:1rem}
.pp-c{border:1px solid var(--line);border-radius:.875rem;padding:1.125rem 1.25rem;display:flex;flex-direction:column;gap:.625rem;min-width:0}
.pp-c.pp-resp{border:0;border-left:2px solid var(--line);border-radius:0;padding:.25rem 0 .25rem 1.125rem;margin-left:1.25rem}
.pp-resps{margin-top:.25rem;gap:.875rem}
.pp-c.pp-meu{border-color:var(--teal)}
.pp-c.pp-resp.pp-meu{border-left-color:var(--teal)}
.pp-c-cab{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;font-size:.875rem}
.pp-c-cab .meta{font-size:.875rem}
.pp-av{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--teal-soft);color:var(--teal);font-weight:800}
.pp-resp .pp-av{width:1.75rem;height:1.75rem;background:var(--orb);color:#7A2416}
.pp-nome{overflow-wrap:anywhere}
.pp-tag{margin-left:auto;display:inline-flex;align-items:center;min-height:1.5rem;padding:0 .625rem;border-radius:999px;border:1px solid var(--teal);color:var(--teal);font-size:.75rem;font-weight:750}
.pp-c-txt{font-family:var(--read);font-size:1rem;line-height:1.65;color:var(--ink-2);overflow-wrap:anywhere}
.pp-c-txt p{margin:0}
.pp-c-txt p+p{margin-top:.625rem}
.pp-resp .pp-c-txt{font-size:.9375rem}
.pp-cita{margin:0;font-size:.8125rem;overflow-wrap:anywhere}
.pp-cita a{font-weight:700;color:var(--teal);display:inline-flex;align-items:center;min-height:1.5rem}
.pp-nota{margin:0;padding:.5rem .75rem;border-radius:.625rem;background:var(--surface);font-size:.875rem;color:var(--ink-2)}
.pp-apagado{margin:0;font-style:italic}
.pp-c-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.pp-c-acoes:empty{display:none}
.pp-c-acoes form{margin:0}
.pp-b{display:inline-flex;align-items:center;gap:.25rem;min-height:2rem;padding:0 .75rem;border:1px solid var(--field);border-radius:999px;background:var(--bg);color:var(--ink);font-size:.8125rem;font-weight:650;text-decoration:none;cursor:pointer}
.pp-b:hover{border-color:var(--teal);color:var(--ink)}
.pp-b[aria-pressed="true"]{border:2px solid var(--teal);background:var(--teal-soft);color:var(--teal)}
.pp-b[aria-pressed="true"]::before{content:"✓";content:"✓" / "";font-weight:800}
.pp-b-fraco{border-color:transparent;color:var(--muted)}
.pp-b-fraco:hover{color:var(--ink);border-color:var(--field)}
.pp-b:disabled{opacity:.6;cursor:wait}
.pp-entrar{margin-top:1.5rem;padding:1.25rem 1.375rem;border-radius:1rem;background:var(--surface)}
.pp-entrar p{margin:0}
.pp-entrar .acoes{margin-top:.875rem;display:flex;flex-wrap:wrap;gap:.75rem}
.pp-pausa{margin-top:1.25rem}
/* o formulário */
.pp-form{margin-top:1.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);display:flex;flex-direction:column;gap:.75rem;min-width:0}
.pp-c .pp-form{margin-top:.5rem;background:var(--bg)}
.pp-form .h3{margin:0 0 .25rem}
.pp-form fieldset{border:0;margin:.5rem 0 0;padding:0;min-width:0;display:flex;flex-direction:column;gap:.5rem}
.pp-form legend{font-weight:700;font-size:.9375rem;padding:0;margin-bottom:.5rem}
.pp-form legend .meta{font-weight:400}
.pp-l{font-weight:700;font-size:.9375rem;margin-top:.5rem}
.pp-l .meta{font-weight:400}
.pp-form>.meta{margin:-.25rem 0 0}
.pp-form .campo{width:100%;flex:none;border-radius:.75rem;min-height:2.75rem;font-size:1rem}
.pp-t{min-height:8rem;padding:.75rem .875rem;font-family:var(--read);line-height:1.6;resize:vertical}
.pp-form select.campo{max-width:22rem}
.pp-form .opt{align-self:flex-start;border-radius:.75rem;min-height:2.75rem;line-height:1.35;padding:.375rem .875rem}
.pp-cits{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.pp-cits:empty{display:none}
.pp-cits .opt{font-size:.875rem}
.pp-cits .opt:has(input:checked){border:2px solid var(--teal);background:var(--teal-soft);color:var(--teal);font-weight:700}
.pp-cits .opt:has(input:disabled){opacity:.55;cursor:not-allowed}
.pp-busca .pp-l{display:block;margin:0 0 .375rem;font-size:.875rem;font-weight:600}
.pp-busca-l{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.pp-busca-l .campo{flex:1 1 14rem;width:auto;border-radius:999px}
.pp-como .pp-ap{margin:0;font-size:.875rem;font-weight:600}
.pp-como .campo{max-width:22rem}
.pp-form .acoes{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:.5rem 0 0}
.pp-form .acoes .meta{font-size:.8125rem}
.pp-erro{padding:.75rem 1rem;border:2px solid var(--red);border-radius:.75rem;background:var(--bg);font-size:.9375rem}
.pp-f-den fieldset .opt{font-size:.875rem}
/* o lado */
.pp-lado{display:flex;flex-direction:column;gap:1rem;padding-top:4.5rem;min-width:0}
.pp-caixa{border:1px solid var(--line);border-radius:1rem;padding:1.125rem 1.25rem}
.pp-caixa .eyebrow{margin-bottom:.5rem}
.pp-caixa p{margin:0}
.pp-caixa .meta{margin-top:.5rem}
.pp-fonte a{font-weight:750;color:var(--ink);text-decoration-color:var(--brand);display:inline-flex;min-height:1.75rem;align-items:center;line-height:1.35}
.pp-regras{margin:0;padding-left:1.125rem;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;line-height:1.5;color:var(--ink-2)}
.pp-caixa .tlink{display:inline-flex;align-items:center;min-height:1.75rem}
@media (max-width:60rem){
  .pp-grid{grid-template-columns:minmax(0,1fr)}
  .pp-main{max-width:none}
  .pp-lado{padding-top:0}
}
@media (max-width:30rem){
  .pp-result li{grid-template-columns:5.5rem minmax(0,1fr) 2.75rem}
  .pp-c{padding:1rem}
  .pp-form{padding:1.125rem}
  .pp-c.pp-resp{margin-left:.5rem;padding-left:.875rem}
  .pp-tag{margin-left:0}
}
/* depois de responder: a resposta escolhida e o link para a discussão */
.pp-sua{margin:.75rem 0 0;font-size:.9375rem}
.pp-ir{margin:.875rem 0 0;font-size:.9375rem}
.pp-ir .tlink{display:inline-flex;align-items:center;min-height:1.75rem}
/* a lista de /pare-e-pense/ */
.pp-lista li{display:flex;flex-direction:column;gap:.25rem}
.pp-lista .oq-tag{margin:0}
.pp-lista .h3 a{display:inline-flex;align-items:center;min-height:1.75rem;color:var(--ink)}
/* Minha conta › Pare e pense */
.pp-hist{list-style:none;margin:1rem 0 0;padding:0;border-top:1px solid var(--line)}
.pp-hist li{padding:1rem 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.25rem}
.pp-hist li .meta{margin:0}
.pp-hist .h3 a{display:inline-flex;align-items:center;min-height:1.75rem;color:var(--teal)}
/* 10.7.9.149 — a varredura: as palavras longas (os nomes em maiúsculas, o título no lugar da capa) quebram em vez de passar da tela */
.h1,.h2,.h3,h1,h2,h3{overflow-wrap:break-word}
.h1,.capa-tipo{overflow-wrap:anywhere}
.capa-tipo{overflow:hidden}
/* o “·” entre os links não é lido pelo leitor de tela */
.links-topo li+li::before{content:"·"/""}

/* 10.7.9.158 — o blog: as listas, o post (a capa, o texto, as indicações e os anúncios) e os autores */
.blog-card.sem-capa{padding:1.25rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}
.blog-card.sem-capa .meta:first-child{margin-top:0}
.blog-card-sub{margin:.375rem 0 0;color:var(--ink-2);font-size:.9375rem;line-height:1.55}
.blog-card-pe{margin:.5rem 0 0}
.blog-grade{grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr))}
.blog-capa{margin:1.75rem 0 0}
.blog-capa img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:1rem}
.blog-texto-pub{margin-top:2rem}
.blog-texto-pub h2{font-family:var(--sans);font-size:clamp(1.375rem,1.2rem + .6vw,1.625rem);font-weight:780;color:var(--ink);letter-spacing:-.02em;line-height:1.2;margin:2.5rem 0 .75rem}
.blog-texto-pub h3{margin-top:2rem}
.blog-texto-pub ul{margin:0 0 1.25rem;padding-left:1.25rem}
.blog-texto-pub li{margin:0 0 .5rem}
.blog-texto-pub blockquote{margin:1.75rem 0;padding:.25rem 0 .25rem 1.25rem;border-left:3px solid var(--brand);color:var(--ink);font-style:italic}
.blog-texto-pub blockquote p{margin:0}
.blog-texto-pub a{color:var(--teal);text-underline-offset:.15em}
.blog-fig{margin:2rem 0}
.blog-fig img{width:100%;height:auto;border-radius:.875rem}
.blog-fig figcaption{margin-top:.5rem;font-family:var(--sans);font-size:.875rem;color:var(--muted)}
.blog-ind{display:flex;gap:1rem;align-items:flex-start;margin:2rem 0;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);font-family:var(--sans);position:relative}
.blog-ind img{width:9rem;max-width:40%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:.625rem;flex:0 0 auto}
.blog-ind.is-livro img{width:5rem;aspect-ratio:2/3}
.blog-ind>div{min-width:0}
.blog-ind p{margin:0}
.blog-ind-rot{margin:0 0 .25rem!important;color:var(--red);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.blog-ind-tit{font-weight:750;font-size:1.0625rem;line-height:1.3;color:var(--ink)}
.blog-ind-tit a{color:inherit;text-decoration:none}
.blog-ind-tit a::after{content:"";position:absolute;inset:0;border-radius:1rem}
.blog-ind-tit a:hover{text-decoration:underline}
.blog-ind:focus-within{outline:3px solid var(--focus);outline-offset:3px}
.blog-ind-tit a:focus-visible{outline:none}
.blog-ind-txt{margin-top:.25rem!important;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}
.blog-ad{margin-block:2rem}
.blog-autores{padding-top:2.5rem}
.blog-autor{margin:0 0 .75rem;color:var(--ink-2);line-height:1.6}
.blog-cats ul{list-style:none;margin:0;padding:0}
.blog-cats li{border-bottom:1px solid var(--line)}
.blog-cats li.sub a{padding-left:1rem;font-weight:550}
.blog-cats a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.75rem;text-decoration:none;font-weight:650;font-size:.9375rem}
.blog-cats a[aria-current="page"]{color:var(--teal)}
.blog-cats .meta{font-weight:600}
.blog-lista .h3 a{text-decoration:none}
@media (max-width:36rem){.blog-ind{flex-direction:column}.blog-ind img,.blog-ind.is-livro img{width:100%;max-width:100%}.blog-ind.is-livro img{width:6rem}}
.blog-card.sem-capa{align-self:start}
/* no celular, o texto do post vem antes do compartilhar e das categorias */
@media (max-width:63.99rem){.pagina.blog-post{grid-template-areas:"topo" "corpo" "lado"}}