/* Páginas do blog — usa os tokens de site.css */
.crumbs{font-size:.85rem;color:var(--muted);padding-block:1.5rem 0}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.article-wrap{max-width:820px}
.article-head{padding-block:1.2rem 1.6rem;border-bottom:1px solid var(--line)}
.article-head h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;margin-block:.8rem .9rem}
.article-meta{font-size:.88rem;color:var(--muted)}
.article-head .lede{font-size:1.15rem;margin-top:1.1rem;max-width:62ch}
.article-head .eyebrow .kind{text-transform:none;letter-spacing:0;font:500 .8rem/1 var(--body);color:var(--ink)}
.prose{padding-block:1rem 2rem;font-size:1.06rem;line-height:1.7}
.prose > *{max-width:66ch}
.prose h2{font-size:clamp(1.4rem,3vw,1.75rem);margin-block:2.2rem .7rem}
.prose h3{font-size:1.15rem;margin-block:1.4rem .4rem}
.prose p{margin-block:.7rem}
.prose ul,.prose ol{padding-left:1.3rem;margin-block:.7rem}
.prose li{margin-block:.35rem}
.prose a{color:var(--brand);text-underline-offset:3px}
.prose .note{font-size:.9rem;color:var(--muted)}
.tbl{overflow-x:auto;margin-block:1rem;max-width:100%}
.tbl table{border-collapse:collapse;width:100%;min-width:420px;font-size:.95rem;font-variant-numeric:tabular-nums}
.tbl th,.tbl td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{font:500 .72rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.cta-box{max-width:none !important;background:var(--brand);color:var(--brand-ink);border-radius:22px;padding:clamp(1.4rem,4vw,2.2rem);margin-block:2.5rem}
.cta-box .eyebrow{color:inherit;opacity:.75}
.cta-box h2{margin-block:.6rem .6rem;font-size:clamp(1.4rem,3vw,1.9rem)}
.cta-box p{max-width:56ch;opacity:.92}
.cta-box .btn{margin-top:1.2rem}
.source-note{max-width:none !important;margin-top:2.5rem;padding:1.3rem 1.4rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);font-size:.92rem;color:var(--muted)}
.source-note h2{font-size:1.05rem;margin-block:1rem .4rem;color:var(--ink)}
.source-note a{color:var(--muted)}
.related{padding-block:1rem 4rem}
.related h2{font-size:1.5rem;margin-bottom:1rem}
.blog-head{padding-block:clamp(2.5rem,6vw,4rem) 2rem}
.blog-head h1{font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;letter-spacing:-.03em;margin-block:.8rem 1rem}
.blog-head .lede{font-size:1.1rem;color:var(--muted);max-width:56ch}
main > .cta-box{margin-block:3rem 4rem}