/* Leitura editorial Trameva: tipografia e cores do sistema aprovado. */
.article-page{background:#fff}
.article-page main{padding-bottom:0}
.article-hero{background:#f7f3ea;padding:32px 0 56px;border-bottom:1px solid #deddd6}
.article-breadcrumb{font-size:.8125rem;line-height:1.7;margin-bottom:32px}
.article-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
.article-breadcrumb li+li::before{content:'/';margin-right:8px;color:#657482}
.article-breadcrumb a{text-underline-offset:3px}
.article-hero-grid{display:grid;gap:32px;align-items:center}
.article-kicker{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.09em;color:#0f3b5f}
.article-hero h1{font-size:clamp(2rem,4.1vw,3.5rem);line-height:1.15;letter-spacing:-.025em;margin:16px 0 24px;text-wrap:balance}
.article-deck{font-size:1.0625rem;line-height:1.85;max-width:620px}
.article-meta{font-size:.8125rem;line-height:1.7;color:#4b5d6b;border-top:1px solid #c9d0d4;padding-top:18px;margin-top:24px}
.article-layout{display:grid;gap:40px;max-width:1130px;margin:auto;padding:48px 24px 72px;align-items:start}
.article-aside{min-width:0}
.article-toc{background:#f3f6f8;border:1px solid #d7e1e8;border-radius:8px;padding:20px}
.article-toc summary{cursor:pointer;font-weight:700;color:#0f3b5f;min-height:44px;display:flex;align-items:center;justify-content:space-between}
.article-toc summary::after{content:'+';font-size:1.5rem}
.article-toc[open] summary::after{content:'−'}
.article-toc ol{padding-left:20px;margin:14px 0 0}
.article-toc li{padding:6px 0;font-size:.8125rem;line-height:1.6}
.article-toc a{display:block;text-decoration:none}
.article-toc a:hover{text-decoration:underline}
.article-aside-note{font-size:.8125rem;margin-top:24px;padding:0 8px;line-height:1.75}
.article-body{min-width:0;max-width:760px;font-size:1rem;line-height:1.9;color:#263c4c}
.article-body section{scroll-margin-top:120px;margin-top:56px}
.article-body section:first-child{margin-top:0}
.article-body h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.3;letter-spacing:-.015em;text-wrap:balance;margin-bottom:22px;color:#0f3b5f}
.article-body h3{font-size:1.1875rem;line-height:1.45;margin:30px 0 16px;color:#0f3b5f}
.article-body p{margin:0 0 20px}
.article-body ul,.article-body ol{padding-left:24px;margin:20px 0}
.article-body li{margin-bottom:10px}
.article-body a:not(.button){text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.article-answer{background:#0f3b5f;color:#fff;border-radius:8px;padding:28px}
.article-answer h2{color:white;font-size:1.25rem}
.article-answer p:last-child{margin-bottom:0}
.article-essential{padding:24px 0;border-bottom:1px solid #d7e1e8}
.article-essential strong{color:#0f3b5f}
.article-placeholder{margin:28px 0;background:#edf2f5;border:1px dashed #91a9bc;border-radius:8px;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#0f3b5f;overflow:hidden}
.article-placeholder>div{max-width:400px}
.article-placeholder span{display:block;font-size:.6875rem;letter-spacing:.08em;font-weight:700;margin-bottom:14px}
.article-placeholder strong{display:block;font-size:1.125rem;line-height:1.5}
.article-placeholder small{display:block;font-size:.8125rem;line-height:1.7;margin-top:14px;color:#4b5d6b}
.article-hero .article-placeholder{margin:0}
.article-source{font-size:.8125rem;line-height:1.8;color:#506373}
.article-table-wrap{overflow-x:auto;border:1px solid #d2dce3;border-radius:8px;margin:24px 0;max-width:100%;scroll-margin-top:120px}
.article-table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.7;min-width:600px}
.article-table caption{padding:18px;text-align:left;font-weight:700;color:#0f3b5f;background:#f3f6f8}
.article-table th,.article-table td{text-align:left;vertical-align:top;padding:16px;border-top:1px solid #d2dce3}
.article-table thead th{background:#0f3b5f;color:white;font-weight:600}
.article-table tbody th{font-weight:600;color:#0f3b5f;width:24%}
.article-table tbody tr:nth-child(even){background:#f7f9fa}
.article-table-hint{font-size:.75rem;color:#506373;margin:0 0 12px!important}
.article-read-also{border:1px solid #bacbd7;border-left:4px solid #0f3b5f;background:#f3f6f8;padding:22px 24px;margin:28px 0;border-radius:4px}
.article-read-also span{display:block;text-transform:uppercase;font-size:.6875rem;font-weight:700;letter-spacing:.09em;margin-bottom:8px;color:#506373}
.article-read-also a{font-weight:600;font-size:1rem;line-height:1.6;display:block}
.article-note{border-left:3px solid #d6bb92;background:#f7f3ea;padding:24px;margin:28px 0}
.article-note p:last-child{margin-bottom:0}
.article-cta{background:#f7f3ea;border:1px solid #ddd7cd;border-radius:8px;padding:28px;margin:32px 0}
.article-cta h3{margin:0 0 12px}
.article-cta p{font-size:.9375rem}
.article-cta .button{font-size:.875rem;max-width:100%;white-space:normal;text-align:center}
.article-message{border:1px solid #c4d3dd;border-radius:6px;padding:24px;background:#f8fafb}
.article-flow{list-style:none!important;padding:0!important;display:grid;gap:12px;counter-reset:flow}
.article-flow li{counter-increment:flow;border:1px solid #c4d3dd;border-radius:6px;padding:18px 18px 18px 58px;position:relative;background:#f8fafb;margin:0}
.article-flow li::before{content:counter(flow);position:absolute;left:16px;top:18px;width:28px;height:28px;background:#0f3b5f;color:white;font-size:.8125rem;display:grid;place-items:center;border-radius:50%}
.article-flow strong{display:block;color:#0f3b5f}
.article-flow span{font-size:.875rem;line-height:1.65;display:block}
.article-faq .faq-item{border-bottom:1px solid #d4dfe6;padding:8px 0}
.article-faq h3{margin:0}
.article-faq .faq-trigger{font-size:1rem;line-height:1.6;min-height:58px}
.article-faq .faq-answer{padding:0 0 16px;font-size:.9375rem}
.article-glossary dt{font-weight:700;color:#0f3b5f;margin-top:20px}
.article-glossary dd{margin:6px 0 0}
.article-future-grid{display:grid;gap:20px}
.article-future{border-top:2px solid #c2d2de;padding:20px 0}
.article-future h3{font-size:1rem;margin:8px 0 12px}
.article-future p{font-size:.875rem;margin-bottom:0}
.article-future small{font-size:.75rem;color:#506373}
.article-final{background:#f7f3ea;padding:64px 24px;text-align:center;border-top:1px solid #ddd7cd}
.article-final>div{max-width:760px;margin:auto}
.article-final h2{font-size:clamp(1.625rem,3vw,2.25rem);line-height:1.3}
.article-final .actions{justify-content:center;margin-top:24px}
.article-page :focus-visible{outline:3px solid #0f3b5f;outline-offset:5px}
.article-page .article-answer :focus-visible{outline-color:#fff}
@media(min-width:768px){.article-hero-grid{grid-template-columns:1.05fr 1fr;gap:44px}.article-future-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.article-layout{grid-template-columns:250px minmax(0,760px);gap:56px}.article-aside{position:sticky;top:120px}.article-toc{max-height:calc(100dvh - 240px);overflow-y:auto;overscroll-behavior:contain}.article-toc summary::after{display:none}}
@media(max-width:767px){.article-hero{padding:24px 0 36px}.article-layout{padding:32px 16px 48px;gap:28px}.article-body section{margin-top:42px}.article-placeholder{padding:20px}.article-answer,.article-cta{padding:24px}.article-read-also{padding:20px}.article-table th,.article-table td{padding:14px}.article-hero h1{font-size:2rem}.article-final .actions{flex-direction:column}.article-final .button{width:100%;white-space:normal}.article-aside-note{display:none}}
/* Hero editorial aprovada por Fabio: imagem no fundo integral, sem quadro lateral. */
.article-page .article-hero{position:relative;isolation:isolate;background:#0f3b5f;color:#fff;padding-bottom:64px;min-height:520px}
.article-hero-background{position:absolute;inset:0;z-index:-2;background:#204c6b;overflow:hidden}
.article-hero-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.article-hero-slot-label{position:absolute;right:24px;bottom:18px;font-size:.6875rem;letter-spacing:.05em;color:#fff;z-index:1}
.article-page .article-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(15,59,95,.76);pointer-events:none}
.article-page .article-hero-grid{display:block;max-width:880px}
.article-page .article-hero h1{color:white;font-size:clamp(2rem,4vw,3.25rem);max-width:880px}
.article-page .article-hero .article-kicker,.article-page .article-hero .article-meta,.article-page .article-hero .article-breadcrumb a{color:#fff}
.article-page .article-hero .article-breadcrumb li+li::before{color:#d6bb92}
.article-page .article-hero .article-deck{max-width:760px}
.article-page .article-hero .article-meta{max-width:760px;border-color:rgba(255,255,255,.35)}
.article-page .article-hero .button{background:#22c4b6;color:#0f3b5f;border-color:#22c4b6}
.article-page .article-hero .button:hover{background:#fff;border-color:#fff}
.article-page .article-hero :focus-visible{outline-color:#fff}
@media(max-width:767px){.article-page .article-hero{min-height:0;padding-bottom:64px}.article-hero-slot-label{right:16px;bottom:16px;left:16px;line-height:1.5}}