.blog-hero{padding:60px 0 36px}.blog-hero h1{max-width:920px;font-size:clamp(30px,3.6vw,48px);line-height:1.3;letter-spacing:-.035em;margin:16px 0 20px}.blog-hero .lead{max-width:780px;color:var(--muted);line-height:1.85;font-size:17px}.blog-meta{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;color:var(--muted)}.blog-hero .kicker{font-size:13px;font-weight:700;letter-spacing:.08em}.blog-cover{margin:0 auto 24px}.blog-cover img{width:100%;height:auto;border-radius:18px;aspect-ratio:1200/680;object-fit:contain;background:#152238}.blog-cover figcaption{margin-top:10px;color:var(--muted);font-size:12px}.blog-layout{display:grid;grid-template-columns:220px minmax(0,800px);gap:64px;padding:36px 0 76px;align-items:start;justify-content:center}.blog-toc{position:sticky;top:96px;display:grid;gap:14px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:14px;font-size:13px;line-height:1.6}.blog-toc a{color:var(--muted)}.blog-toc a:hover{color:var(--accent)}.blog-body{min-width:0}.blog-body section{scroll-margin-top:100px;margin-bottom:48px}.blog-body h2{font-size:clamp(24px,2.1vw,30px);line-height:1.45;margin:0 0 20px;letter-spacing:-.025em}.blog-body p,.blog-body li{font-size:16px;line-height:1.95;color:var(--muted)}.blog-body p{margin:0 0 18px}.blog-body strong{color:var(--ink)}.blog-body ol,.blog-body ul{padding-left:24px}.blog-body li{margin:10px 0}.blog-body a:not(.button){color:var(--accent-strong);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.blog-body code{font-family:ui-monospace,monospace;font-size:.88em;background:var(--bg-2);padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.blog-body .note{margin:24px 0;padding:24px;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;background:var(--paper)}.note p{margin:10px 0 0}.blog-body figure{margin:28px 0}.blog-body figure img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}.blog-body figcaption{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}.source{font-size:13px}.table-scroll{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.8}th,td{text-align:left;padding:16px;vertical-align:top;border-bottom:1px solid var(--line)}th{background:var(--bg-2)}td:first-child{width:29%;font-weight:600}tr:last-child td{border-bottom:0}.launch-list{padding:22px 22px 22px 42px!important;background:var(--paper);border-radius:12px}.article-help{padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.article-help .text-link{display:inline-block;margin:16px}.blog-list{padding:20px 0 88px}.post-card{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:18px;overflow:hidden;background:var(--paper);border:1px solid var(--line)}.post-card-image{display:block;align-self:center}.post-card-image img{width:100%;height:auto;aspect-ratio:1200/680;object-fit:contain}.post-card-copy{padding:36px}.post-card h2{font-size:28px;line-height:1.4;margin:16px 0}.post-card p{color:var(--muted);line-height:1.85}.post-card .read-link{font-weight:700;color:var(--accent-strong)}.blog-label{font-size:12px;color:var(--accent-strong);font-weight:700}.blog-breadcrumb{font-size:12px;color:var(--muted)}.blog-breadcrumb a:hover{text-decoration:underline}.blog-body .button{color:white}
@media(max-width:1000px){.blog-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.nav-links{gap:12px;font-size:12px}}
@media(max-width:800px){.blog-layout{grid-template-columns:1fr;gap:32px}.blog-toc{position:static;grid-template-columns:1fr 1fr}.blog-toc strong{grid-column:1/-1}.post-card{grid-template-columns:1fr}.blog-hero{padding-top:38px}.blog-hero h1{font-size:34px}.post-card-copy{padding:26px}.post-card h2{font-size:25px}}
@media(max-width:480px){.blog-toc{grid-template-columns:1fr}.blog-body p,.blog-body li{font-size:15px}.blog-body h2{font-size:25px}.blog-hero h1{font-size:30px}.blog-hero .lead{font-size:15px}.blog-cover img{width:100%;height:auto;border-radius:10px}.article-help{padding:22px}th,td{padding:12px;font-size:13px}}
