
/* Conteúdo editorial educativo — mantém tipografia/paleta do site principal */
.topic-main{background:#fcfaf6;color:var(--ink);min-height:70vh}
.topic-breadcrumb{padding-top:43px;font-size:.81rem;color:#64766e}
.topic-breadcrumb a{color:var(--forest);text-decoration:underline;text-underline-offset:4px}
.topic-hero{padding:68px 0 60px;border-bottom:1px solid var(--line);background:linear-gradient(125deg,#fdfcf8,#f0f3ed)}
.topic-hero .container{display:grid;grid-template-columns:1.25fr .68fr;gap:68px;align-items:center}
.topic-hero h1{font:500 clamp(3.15rem,5.5vw,5.8rem)/.99 var(--font-display);letter-spacing:-.037em;margin:17px 0 25px}
.topic-intro{font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.7;color:#52645d;max-width:750px}

.topic-hero .eyebrow{color:var(--gold)}
.topic-content{padding-block:70px}
.topic-content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.68fr);gap:75px;align-items:start}
.topic-content h2{font:500 clamp(2rem,3.5vw,3rem)/1.13 var(--font-display);margin:0 0 18px;letter-spacing:-.025em}
.topic-content h3{font:500 1.5rem var(--font-display);margin:37px 0 15px}
.topic-content p,.topic-content li{font-size:.98rem;line-height:1.83;color:#4b5e56}
.topic-content ul{padding-left:20px;display:grid;gap:9px;margin-bottom:30px}
.topic-warning{background:#f7f2e9;border-left:3px solid var(--gold);padding:21px 23px;margin:25px 0 34px}
.topic-warning strong{color:var(--forest);font-size:.9rem}
.topic-warning p{margin:5px 0 0;font-size:.88rem}
.topic-reference{margin-top:45px;font-size:.79rem!important}
.topic-reference a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.topic-aside{position:sticky;top:120px;border:1px solid var(--line);padding:28px;background:white;box-shadow:0 12px 30px rgba(24,50,38,.04)}
.topic-aside h3{margin:13px 0 11px}
.topic-aside p{font-size:.9rem;margin-bottom:26px}
.topic-aside .button{font-size:.75rem;padding:14px 14px;display:flex;justify-content:center}
.topic-aside .eyebrow{color:var(--gold)}
.topic-more{border-top:1px solid var(--line);padding-block:30px 75px}
.topic-more a{color:var(--forest);font-weight:700;text-decoration:underline;text-underline-offset:5px}
@media(max-width:820px){.topic-hero .container,.topic-content-grid{grid-template-columns:1fr;gap:30px}.topic-hero{padding:39px 0}.topic-content{padding-block:43px}.topic-aside{position:static}.topic-hero h1{font-size:clamp(2.7rem,10vw,4.2rem)}}
/* The global navigation is fixed. Reserve its height for standalone pages. */
.topic-main{padding-top:74px}
.topic-breadcrumb{padding-top:23px;padding-bottom:18px}
@media(max-width:820px){.topic-main{padding-top:64px}.topic-breadcrumb{padding-top:17px;padding-bottom:15px}}



/* V21 — textos de cada assunto centralizados na largura editorial, sem ilustração. */
.topic-hero{padding:55px 0 62px}
.topic-hero .container{display:block;max-width:1160px}
.topic-hero .container > div{max-width:940px}
.topic-hero h1{max-width:100%;overflow-wrap:break-word}
.topic-intro{max-width:790px}
@media(max-width:820px){.topic-hero{padding:36px 0 43px}.topic-hero .container{width:min(calc(100% - 28px),680px)}.topic-hero h1{margin:13px 0 18px}}
@media(max-width:360px){.topic-hero h1{font-size:clamp(2.1rem,10vw,3.4rem)}}
