.blog-hero{padding:64px 0 42px;border-bottom:1px solid var(--line)}
.blog-hero h1{font-size:clamp(38px,5.5vw,76px);line-height:1.08;letter-spacing:-.035em;max-width:980px;margin:22px 0}
.blog-hero .intro{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.65;max-width:720px;color:var(--muted)}
.blog-meta{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;color:var(--muted);margin:22px 0}
.blog-meta a{text-decoration:underline;text-underline-offset:4px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin-bottom:24px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:48px 0 64px}
.blog-card{border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;overflow:hidden}
.blog-card img{width:100%;height:auto;aspect-ratio:1200/630}
.blog-card .card-copy{padding:26px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.blog-card h2{font-size:27px;line-height:1.3;margin:14px 0}
.blog-card p{font:17px/1.65 Arial,Helvetica,sans-serif;color:var(--muted);margin-bottom:22px}
.blog-card .text-link{margin-top:auto}
.blog-card a:hover{color:var(--orange)}
.article-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:64px;align-items:start;padding:48px 0 70px}
.article-toc{position:sticky;top:114px;border-top:1px solid var(--line);padding-top:20px;font-size:13px}
.article-toc nav{display:grid;gap:13px;margin-top:20px}
.article-toc a{color:var(--muted);line-height:1.55}
.article-toc a:hover{color:var(--orange)}
.article-copy{font:18px/1.8 Arial,Helvetica,sans-serif;min-width:0;overflow-wrap:anywhere}
.article-copy h2{font:32px/1.25 var(--font);letter-spacing:-.02em;margin:52px 0 20px;scroll-margin-top:110px}
.article-copy h3{font:23px/1.4 var(--font);margin:28px 0 12px}
.article-copy p{margin:0 0 22px}
.article-copy a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
.article-copy a:hover{color:var(--orange)}
.article-copy pre{background:var(--panel);border:1px solid var(--line);padding:22px;overflow:auto;font:14px/1.8 Consolas,monospace;margin:24px 0;white-space:pre;overflow-wrap:normal}
.article-copy code{font-family:Consolas,monospace;font-size:.88em}
.article-copy ul,.article-copy ol{padding-left:24px;margin:20px 0 26px}
.article-copy li{margin-bottom:12px}
.article-note{border-left:3px solid var(--orange);background:var(--panel);padding:22px;margin:28px 0;font-size:17px}
.table-scroll{overflow:auto;margin:28px 0;border:1px solid var(--line)}
.article-copy table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6;min-width:560px}
.article-copy caption{text-align:left;padding:16px;font-weight:bold;background:var(--panel)}
.article-copy th,.article-copy td{padding:16px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.article-copy thead{background:var(--panel)}
.article-sources{padding:28px 0;border-top:1px solid var(--line);font-size:15px}
.article-sources h2{font-size:25px;margin-top:16px}
.article-sources p{color:var(--muted)}
.process-figure{margin:28px 0;border:1px solid var(--line);padding:24px;background:var(--panel)}
.process-chain{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font:15px/1.5 var(--font)}
.process-chain span:nth-child(odd){border:1px solid var(--line);padding:12px}
.process-chain span:nth-child(even){color:var(--orange)}
.process-figure figcaption{margin-top:16px;font-size:15px;color:var(--muted)}
.related-guides{padding:50px 0;border-top:1px solid var(--line)}
.related-guides h2{font-size:35px}
.related-guides .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:20px}
.blog-index-note{font:16px/1.7 Arial,Helvetica,sans-serif;max-width:760px;padding-bottom:45px;color:var(--muted)}
.blog-index-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.nav{gap:20px}.nav-links{gap:18px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr}.article-layout{display:block}.article-toc{position:static;margin-bottom:40px}.article-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 25px}.blog-hero{padding-top:40px}.related-guides .blog-grid{grid-template-columns:1fr}}
@media(max-width:520px){.article-toc nav{grid-template-columns:1fr}.blog-hero h1{font-size:36px}.article-copy{font-size:17px}.article-copy h2{font-size:27px}.blog-meta{gap:12px}.blog-card .card-copy{padding:22px}}