:root{color-scheme:dark;--graphite:#0d1114;--chassis:#161b20;--panel:#20272e;--raised:#2b343c;--muted:#aab5bc;--text:#edf3f4;--cyan:#c084fc;--amber:#f2ad4b;--red:#fb7185;--violet:#b7a0ff;--green:#7bd88f;--line:#3a454d;--max:1200px;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--graphite);color:var(--text);font:16px/1.65 var(--sans)}a{color:var(--cyan);text-underline-offset:4px}a:hover{color:var(--text)}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}button,summary{cursor:pointer}:focus-visible{outline:3px solid var(--amber);outline-offset:5px}::selection{background:var(--cyan);color:var(--graphite)}img,svg{max-width:100%}img{display:block;height:auto}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,6vw,5.6rem);font-weight:650;margin-bottom:26px}h2{font-size:clamp(1.9rem,3.3vw,2.8rem);font-weight:600;margin-bottom:20px}h3{font-size:1.3rem;font-weight:600}p{margin-bottom:1.2em}p,li{overflow-wrap:break-word}.container{max-width:var(--max);width:calc(100% - 64px);margin-inline:auto}.skip{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-180%);background:var(--amber);color:var(--graphite);padding:12px}.skip:focus{transform:none}.header{border-bottom:1px solid var(--line);background:#111417f5;position:sticky;top:0;z-index:20}.header-inner{min-height:86px;display:flex;align-items:center;gap:36px;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none;gap:12px;color:var(--text);font-size:1.65rem;font-weight:800;letter-spacing:.12em}.brand img{width:31px;height:34px}.nav{display:flex;align-items:center;gap:25px}.nav a{font-size:.875rem;color:var(--muted);text-decoration:none;min-height:44px;display:flex;align-items:center}.nav a:hover,.nav a[aria-current]{color:var(--text)}.nav a[aria-current]{box-shadow:inset 0 -2px var(--cyan)}.nav .nav-build{border:1px solid #59636a;color:var(--text);padding:0 16px;gap:15px}.nav-toggle{display:none;min-height:44px;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:8px 14px}.eyebrow{font: .8125rem/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:25px}.eyebrow .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:10px}.hero{padding:84px 0 64px;display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center}.hero h1 span{color:var(--cyan)}.intro{color:var(--muted);font-size:1.125rem;max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 20px;background:var(--cyan);color:#101a1b;font-size:.875rem;font-weight:650;text-decoration:none;border:1px solid var(--cyan)}.button:hover{background:#86e7e2;color:#101a1b}.button.secondary{background:transparent;border-color:#57616a;color:var(--text)}.button.secondary:hover{background:var(--panel)}.meta{font:.8125rem/1.65 var(--mono);color:var(--muted)}.hero-note{max-width:460px}.rack-figure{margin:0;position:relative}.rack-figure img{width:100%;border:1px solid #424b50;box-shadow:0 22px 65px #0005}.rack-figure figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font:.75rem/1.6 var(--mono);color:var(--muted)}.spec-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:0}.spec-strip div{padding:20px 22px;border-right:1px solid var(--line)}.spec-strip div:first-child{padding-left:0}.spec-strip div:last-child{border:0}.spec-strip span{display:block;color:var(--muted);font:.75rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.09em}.spec-strip strong{font-weight:550;display:block;margin-top:3px}.section{padding:76px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:12px}.section-head p{max-width:450px;margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:var(--chassis);padding:28px;min-width:0}.card .number{display:block;color:var(--cyan);font: .875rem var(--mono);margin-bottom:35px}.card p{color:var(--muted);margin-bottom:0}.card h3 a{color:var(--text);text-decoration:none}.card h3 a:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #586169;color:#c4ccd1;background:#343d4340;padding:4px 9px;font:.75rem/1.5 var(--mono);letter-spacing:.015em;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.badge.implemented{color:var(--green);border-color:#476951;background:#7bd88f0b}.badge.development{color:var(--amber);border-color:#806437;background:#f2ad4b0a}.badge.experimental{color:var(--violet);border-color:#645484}.status-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:22px}.callout{border-left:3px solid var(--amber);background:#f2ad4b08;padding:24px 28px;margin:28px 0;color:#c5cdd1}.callout p:last-child{margin-bottom:0}.callout strong{color:var(--text)}.status-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:var(--chassis);padding:40px;border:1px solid var(--line)}.status-panel ul{margin:0;padding-left:22px;color:var(--muted)}.status-panel li{margin-bottom:10px}.text-link{display:inline-block;padding:10px 0;text-decoration:none;font-weight:550}.text-link:hover{text-decoration:underline}.footer{padding:45px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 24px}.footer-links a{color:var(--muted);font-size:.875rem;display:inline-flex;min-height:44px;align-items:center}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:.75rem}.page-head{padding:64px 0 42px;max-width:850px}.page-head h1{font-size:clamp(2.7rem,5vw,4.4rem)}.page-head .eyebrow{margin-bottom:18px}.page-head p:last-child{margin-bottom:0}.content{padding-bottom:65px}.content h2{margin-top:50px}.content h3{margin-top:26px}.content .card h3{margin-top:0}.lead{font-size:1.125rem;color:var(--muted);max-width:760px}.prose{max-width:760px}.prose p,.prose li{color:#bcc6cc}.prose li{margin-bottom:8px}.flow{display:flex;align-items:stretch;gap:10px;list-style:none;padding:0;margin:30px 0}.flow li{flex:1;border:1px solid var(--line);padding:22px 10px;background:var(--chassis);text-align:center;font: .875rem/1.6 var(--mono);position:relative}.flow li:not(:last-child):after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:1;color:var(--cyan);background:var(--graphite)}.flow small{display:block;color:var(--cyan);font-size:.75rem;margin-bottom:12px}.workflow{counter-reset:workflow}.workflow article{padding:26px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:60px 1fr;gap:14px}.workflow article:before{counter-increment:workflow;content:counter(workflow,decimal-leading-zero);font:1rem var(--mono);color:var(--cyan);padding-top:5px}.workflow article h3{margin:0 0 10px}.workflow article p{margin:0;color:var(--muted)}.doc-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:65px;padding-bottom:70px}.doc-nav{align-self:start;position:sticky;top:120px;border-top:1px solid var(--line);padding-top:20px}.doc-nav strong{font:.75rem var(--mono);color:var(--muted);letter-spacing:.08em;display:block;margin-bottom:10px}.doc-nav a{display:block;padding:11px 12px;color:var(--muted);text-decoration:none;border-left:1px solid var(--line);font-size:.875rem}.doc-nav a:hover{color:var(--cyan);background:var(--chassis);border-color:var(--cyan)}.doc-body{min-width:0}.doc-body>section{padding:0 0 32px;border-bottom:1px solid var(--line);margin-bottom:35px;scroll-margin-top:120px}.doc-body h2{font-size:2rem;margin-top:0}.doc-body h3{margin-top:25px}.doc-body p,.doc-body li{color:#bcc6cc}.doc-body ul{padding-left:22px}.codebox{position:relative;border:1px solid var(--line);background:#0b1013;margin:22px 0}.code-label{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid var(--line);color:var(--muted);font:.75rem var(--mono);min-height:48px}.copy{background:var(--panel);color:var(--text);border:1px solid #637079;min-height:32px;padding:3px 12px;font:.75rem var(--mono)}pre{overflow-x:auto;max-width:100%;margin:0;padding:22px;color:#c9e4db;font:.875rem/1.85 var(--mono);tab-size:2}code{font-family:var(--mono);font-size:.875em}pre code{font-size:inherit}.table-wrap{max-width:100%;overflow-x:auto;margin:25px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{font-weight:600;color:var(--text);background:var(--chassis)}th,td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}td{color:var(--muted)}.device-card{border:1px solid var(--line);background:var(--chassis);min-width:0}.device-face{padding:24px;border-bottom:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#283239,#1b2228);border-top:3px solid var(--device-accent,var(--cyan))}.device-face h2{font-size:1.35rem;margin:0}.device-face .glyph{font:1.6rem var(--mono);color:var(--device-accent,var(--cyan))}.device-body{padding:24px}.device-body p{color:var(--muted)}.device-body .meta{margin-top:16px;margin-bottom:0}.device-body dl{font-size:.875rem}.device-body dt{color:var(--text);margin-top:12px}.device-body dd{margin:4px 0 0;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.filter{background:transparent;border:1px solid var(--line);color:var(--muted);padding:10px 17px;min-height:44px;font-size:.875rem}.filter[aria-pressed=true]{background:var(--cyan);color:var(--graphite);border-color:var(--cyan)}[hidden]{display:none!important}.roadmap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.phase{padding:26px;border:1px solid var(--line);background:var(--chassis)}.phase:first-child{border-color:#486b54;grid-column:1/-1}.phase h2{font-size:1.35rem;margin:18px 0 15px}.phase ul{color:var(--muted);padding-left:20px;margin-bottom:0}.phase-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.phase-top .meta{color:var(--cyan)}.arch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);margin:25px 0}.arch-grid div{padding:26px;border-right:1px solid var(--line);border-top:3px solid var(--cyan)}.arch-grid div:nth-child(2){border-top-color:var(--amber)}.arch-grid div:last-child{border-top-color:var(--violet);border-right:0}.arch-grid h3{font-size:1.05rem;margin-top:0}.arch-grid p{font-size:.875rem;margin-bottom:0;color:var(--muted)}details{border-block-end:1px solid var(--line);padding:16px 0}summary{font-weight:550;min-height:44px;align-content:center}details p{padding:12px 0 0;margin:0;color:var(--muted)}.release{display:grid;grid-template-columns:165px 1fr;gap:36px;border-top:1px solid var(--line);padding:32px 0}.release h2{margin-top:0}.release li{color:var(--muted);margin-bottom:8px}.release-side strong{font:1.6rem var(--mono);display:block;margin-bottom:15px}.end-panel{padding:38px;border:1px solid var(--line);margin-top:48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.end-panel h2{font-size:1.7rem;margin:0 0 10px}.end-panel p{margin:0;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hero{padding-block:100px}.hero h1{font-size:5.8rem}}
@media(max-width:1050px){.nav{gap:15px}.header-inner{gap:20px}.hero{gap:30px;padding-top:60px}.hero h1{font-size:4.1rem}.doc-layout{gap:35px;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{min-height:74px;flex-wrap:wrap;padding-block:16px}.brand{font-size:1.45rem}.nav{width:100%;flex-wrap:wrap;gap:8px 20px;padding-bottom:8px}.js .nav-toggle{display:block}.js .nav:not(.is-open){display:none}.hero{grid-template-columns:1fr;gap:35px;padding:48px 0 38px}.hero h1{font-size:clamp(3rem,9vw,4.8rem)}.hero-copy{max-width:620px}.rack-figure{max-width:640px}.spec-strip{grid-template-columns:repeat(2,1fr)}.spec-strip div:nth-child(2){border-right:0}.spec-strip div:nth-child(n+3){border-top:1px solid var(--line)}.spec-strip div:nth-child(3){padding-left:0}.section{padding:50px 0}.section-head{align-items:start;flex-direction:column;gap:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-panel{gap:24px;padding:28px;grid-template-columns:1fr}.doc-layout{grid-template-columns:1fr;gap:30px}.doc-nav{position:static;display:flex;flex-wrap:wrap;gap:4px}.doc-nav strong{width:100%}.doc-nav a{padding:10px}.page-head{padding-top:46px}.footer-top,.footer-bottom{flex-direction:column;gap:20px}.footer-bottom p{margin:0}.arch-grid{grid-template-columns:1fr}.arch-grid div{border-right:0}.end-panel{align-items:start;flex-direction:column}.flow{flex-direction:column}.flow li{padding:16px}.flow li small{display:inline;margin-right:12px}.flow li:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-18px;transform:translateX(50%)}.release{grid-template-columns:1fr;gap:24px}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.hero h1{font-size:3.15rem}.grid,.two,.roadmap{grid-template-columns:1fr}.phase:first-child{grid-column:auto}.card{padding:24px}.card .number{margin-bottom:24px}.actions .button{width:100%;justify-content:space-between}.spec-strip div{padding:16px;font-size:.875rem}.rack-figure figcaption{flex-direction:column;gap:2px}.page-head h1{font-size:2.75rem}.status-panel,.end-panel{padding:24px}.intro,.lead{font-size:1rem}.callout{padding:20px}.footer-links{gap:3px 20px}.phase{padding:22px}.table-wrap{font-size:.8125rem}.device-face{padding:20px}.workflow article{grid-template-columns:35px 1fr}.arch-grid div{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body{background:white;color:black}.header,.footer,.actions,.filters,.copy{display:none}.container{width:100%}.doc-layout{display:block}.doc-nav{position:static}.card,.phase,.callout,.codebox{background:white;color:black;break-inside:avoid}p,li,td,.intro,.lead,.meta{color:#333!important}a{color:#164e57}.page-head,.section{padding-block:20px}}
/* Let enlarged text wrap without forcing grid tracks beyond the viewport. */
h1,h2,h3,.brand{overflow-wrap:anywhere}.hero>*{min-width:0}.spec-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.spec-strip>div{min-width:0;overflow-wrap:anywhere}.device-face>h2{min-width:0}.device-face .glyph{flex-shrink:0}.doc-nav a{overflow-wrap:anywhere}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.spec-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep dark device faces readable against the light metal page surfaces. */
.device-face h2{color:#edf3f4}
.device-card[style*="--cyan"] .device-face{border-top-color:#c084fc}
.device-card[style*="--cyan"] .device-face .glyph{color:#c084fc}
.device-card[style*="--amber"] .device-face{border-top-color:#f2ad4b}
.device-card[style*="--amber"] .device-face .glyph{color:#f2ad4b}
.device-card[style*="--violet"] .device-face{border-top-color:#b7a0ff}
.device-card[style*="--violet"] .device-face .glyph{color:#b7a0ff}

/* Dark graphite surfaces keep the interface focused while violet and amber carry the signal. */
.header{background:rgba(13,17,20,.94)}
.nav .nav-build{border-color:#56616b}
.button.secondary{border-color:#56616b}
.button.secondary:hover{background:var(--panel)}
.badge{color:#cbd3d8;border-color:#56616b;background:rgba(255,255,255,.04)}
.badge.implemented{border-color:#4f8b65;background:rgba(123,216,143,.1)}
.badge.development{border-color:#a26f2d;background:rgba(242,173,75,.1)}
.badge.experimental{border-color:#7a6ab3;background:rgba(183,160,255,.1)}
.callout{color:#c5cdd1;background:rgba(242,173,75,.06)}
.prose p,.prose li,.doc-body p,.doc-body li{color:#b6c1c7}
.copy{border-color:#637078}
.button{color:#0d1114}
.button:hover{background:#d2c4ff;color:#0d1114}
.filter[aria-pressed=true]{color:#0d1114}
.code-label{color:#aeb9c0}