.article-hero{padding:42px 0 44px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 0,rgba(53,224,161,.1),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.article-hero-inner{max-width:980px}.article-back{display:inline-block;margin-bottom:24px;color:var(--muted);font-size:13px;font-weight:700}.article-back:hover{color:var(--text)}
.article-hero h1{font-size:clamp(42px,6vw,72px);max-width:1040px;margin-bottom:22px}.article-deck{max-width:820px;color:var(--muted);font-size:clamp(19px,2.2vw,24px);line-height:1.55}
.article-byline{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;color:var(--muted2);font-size:13px}.article-byline a{color:var(--text);font-weight:700}
.article-layout{display:grid;grid-template-columns:230px minmax(0,800px);justify-content:center;gap:64px;padding-top:64px;padding-bottom:36px}
.article-toc{align-self:start;position:sticky;top:104px}.article-toc details{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px}.article-toc summary{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--green);cursor:pointer}.article-toc ol{display:grid;gap:9px;margin:14px 0 0;padding-left:18px}.article-toc li{color:var(--muted2);font-size:12px}.article-toc a:hover{color:var(--text)}
.article-body{min-width:0;color:var(--text);font-size:19px;line-height:1.78}.article-body>p{margin:0 0 1.45em;color:var(--muted)}.article-body a{color:var(--green2);text-decoration:underline;text-decoration-color:rgba(134,242,202,.35);text-underline-offset:3px}
.article-body h2{scroll-margin-top:110px;margin:2.15em 0 .65em;font-size:clamp(31px,4vw,46px)}.article-body h3{scroll-margin-top:110px;margin:1.8em 0 .55em;font-size:25px}.article-body ul,.article-body ol{margin:0 0 1.6em;padding-left:1.35em;color:var(--muted)}.article-body li{padding-left:.35em;margin:.42em 0}
.article-body blockquote{margin:2em 0;padding:20px 24px;border-left:3px solid var(--green);border-radius:0 12px 12px 0;background:rgba(53,224,161,.065)}.article-body blockquote p{margin:0;color:var(--text);font-size:clamp(22px,2.7vw,30px);line-height:1.45;font-weight:680;letter-spacing:-.025em}
.article-code{margin:2.2em 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#070b10;box-shadow:0 18px 60px rgba(0,0,0,.22)}.article-code figcaption{padding:11px 15px;border-bottom:1px solid var(--line);background:#101722;color:#9cabbc;font-size:12px;font-weight:700}.article-code pre{margin:0;padding:20px;overflow:auto;tab-size:2;line-height:1.6}.article-code code{color:#dce8f4;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:14px;white-space:pre}
.article-callout{margin:2em 0;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.article-callout strong{display:block;margin-bottom:7px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.article-callout p{margin:0;color:var(--muted);font-size:16px}.article-callout.implemented{border-color:rgba(53,224,161,.38);background:rgba(53,224,161,.055)}.article-callout.implemented strong{color:var(--green)}.article-callout.hardening{border-color:rgba(247,199,104,.38);background:rgba(247,199,104,.055)}.article-callout.hardening strong,.article-callout.warning strong{color:var(--amber)}.article-callout.warning{border-color:rgba(255,127,140,.38);background:rgba(255,127,140,.05)}
.callout-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px}.callout-links a{font-size:13px;font-weight:750}
.article-flow{margin:2.2em 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.article-flow figcaption,.article-table figcaption{margin-bottom:14px;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.article-flow ol{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;counter-reset:flow}.article-flow li{counter-increment:flow;position:relative;flex:1 1 145px;min-height:74px;margin:0;padding:15px 14px 14px 42px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);font-size:13px;font-weight:700}.article-flow li:before{content:counter(flow,decimal-leading-zero);position:absolute;left:12px;top:15px;color:var(--green);font-size:10px}.article-flow li:not(:last-child):after{content:"→";position:absolute;right:-10px;top:24px;z-index:2;color:var(--muted2)}
.article-table{margin:2.2em 0}.article-table .table-scroll{background:var(--surface)}.article-divider{height:1px;border:0;background:var(--line);margin:3em 0}
.engineering-index{position:relative}.engineering-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.engineering-cards article{display:flex;flex-direction:column;min-height:300px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 18px 60px rgba(0,0,0,.12)}.engineering-card-meta{display:flex;justify-content:space-between;gap:16px;color:var(--muted2);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.engineering-cards h3{margin:28px 0 14px;font-size:clamp(25px,3vw,36px)}.engineering-cards p{color:var(--muted)}.engineering-card-link{margin-top:auto;color:var(--green);font-weight:750}
.engineering-promo{padding:34px 0}.engineering-promo a{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:24px;padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(110deg,rgba(53,224,161,.07),transparent 45%),var(--surface)}.engineering-promo span{color:var(--green);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.engineering-promo strong{font-size:20px}.engineering-promo p{margin:4px 0 0;color:var(--muted);font-size:14px}.engineering-promo b{color:var(--green);font-size:13px;white-space:nowrap}
[data-theme="light"] .article-code{background:#0c1118}[data-theme="light"] .article-code figcaption{background:#151d28}[data-theme="light"] .article-code code{color:#edf5ff}
@media(max-width:980px){.article-layout{grid-template-columns:1fr;gap:28px;max-width:820px}.article-toc{position:static}.article-toc details{padding:14px 16px}.engineering-promo a{grid-template-columns:1fr}.engineering-promo b{white-space:normal}.engineering-cards{grid-template-columns:1fr}}
@media(max-width:640px){.article-hero{padding:28px 0 36px}.article-hero h1{font-size:42px}.article-layout{padding-top:36px}.article-body{font-size:17px;line-height:1.74}.article-body h2{font-size:32px}.article-body h3{font-size:23px}.article-code{margin-inline:-2vw;border-radius:12px}.article-code pre{padding:16px}.article-code code{font-size:12px}.article-flow li{flex-basis:100%}.article-flow li:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-13px}.article-byline{display:grid;gap:6px}.engineering-cards article{min-height:0;padding:22px}}
@media(prefers-reduced-motion:reduce){.article-body h2,.article-body h3{scroll-behavior:auto}}