.blog-article{--a-surface:var(--sf);--a-border:var(--line-2);--a-accent:var(--o);--a-accent-line:var(--o-glow);--a-text:var(--t);--a-strong:var(--ink-max);--a-muted:var(--t-2);--a-accent-soft:var(--o-soft);font-size:19px;line-height:1.7;color:var(--a-text)}.blog-article a{color:var(--a-accent);text-decoration:none}.blog-article a:hover{text-decoration:underline}.blog-article h2{font-size:clamp(26px,3.5vw,34px);line-height:1.25;font-weight:700;letter-spacing:-.015em;margin:48px 0 16px}.blog-article h3{font-size:21px;font-weight:600;margin:32px 0 12px}.blog-article p{margin:0 0 18px}.blog-article ol,.blog-article ul{padding-left:24px;margin:0 0 18px}.blog-article li{margin-bottom:10px}.blog-article strong{color:var(--a-strong)}.blog-article .tldr{background:var(--a-surface);border:1px solid var(--a-border);border-left:4px solid var(--a-accent);border-radius:var(--r-sm);padding:22px 26px;margin:28px 0 40px}.blog-article .tldr strong{color:var(--a-accent)}.blog-article .tldr ul{margin:12px 0 0;color:var(--a-muted);font-size:17px}.blog-article .toc{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--r-sm);padding:18px 26px;margin:0 0 40px;font-size:16px}.blog-article .toc strong{display:block;margin-bottom:10px;color:var(--a-muted);font-size:13px;text-transform:uppercase;letter-spacing:.05em}.blog-article .toc a{color:var(--a-text);display:block;padding:4px 0}.blog-article .toc a:hover{color:var(--a-accent)}.blog-article .callout{background:var(--a-accent-soft);border:1px solid var(--a-accent-line);border-radius:var(--r);padding:26px 30px;margin:40px 0}.blog-article .callout h3{margin-top:0;color:var(--a-accent)}.blog-article .cta-btn{display:inline-block;background:var(--a-accent);color:var(--on-brand)!important;font-weight:700;font-size:17px;padding:13px 26px;border-radius:var(--r-full);text-decoration:none!important;margin-top:12px}.blog-article .related{margin-top:56px;padding-top:32px;border-top:1px solid var(--a-border)}.blog-article .related h2{font-size:23px;margin-top:0}.blog-article .related ul{list-style:none;padding:0}.blog-article .related a{font-weight:600}.blog-article .sources{font-size:15px;color:var(--a-muted);margin-top:48px}.blog-article .sources h2{font-size:20px}.blog-article table{width:100%;border-collapse:collapse;font-size:16px;margin:24px 0;display:block;overflow-x:auto}.blog-article td,.blog-article th{border:1px solid var(--a-border);padding:12px 14px;text-align:left}.blog-article th{background:var(--a-surface);color:var(--a-accent);font-weight:600;white-space:nowrap}.blog-article code{font-size:15px;background:var(--a-surface);padding:2px 8px;border-radius:var(--r-xs);border:1px solid var(--a-border)}.blog-article img{max-width:100%;height:auto;border-radius:var(--r-media)}.blog-article [id]{scroll-margin-top:calc(var(--h-nav) + var(--s-4))}@media (max-width:600px){.blog-article{font-size:17px}.blog-article .callout,.blog-article .tldr,.blog-article .toc{padding:18px 20px}}@media (hover:none) and (pointer:coarse){.blog-article .toc a{min-height:44px;display:flex;align-items:center}}