:root{color-scheme:dark;--paper:#0c0e12;--card:#12151b;--raised:#191e26;--ink:#e8ebf0;--muted:#b4bdca;--faint:#8894a6;--line:#303744;--subtle:#1c232e;--blue:#81b4ff;--blue-soft:#172b43;--orange:#ffa578;--orange-soft:#36251e;--green:#7bdbb8;--green-soft:#16352d;--amber:#efcb7f;--amber-soft:#352d1b;--purple:#bba6ff;--purple-soft:#2c2443;--pink:#f4a4cb;--shadow:#0004}
:root.light{color-scheme:light;--paper:#f6f6f3;--card:#fff;--raised:#f7f8fa;--ink:#20252c;--muted:#4d5868;--faint:#657286;--line:#d4dae2;--subtle:#e9edf3;--blue:#205d9e;--blue-soft:#e6f0fc;--orange:#ae491d;--orange-soft:#fff0e7;--green:#176a4e;--green-soft:#e6f5ef;--amber:#8b640e;--amber-soft:#fff5d8;--purple:#7151bb;--purple-soft:#f0eaff;--pink:#a54a7c;--shadow:#0001}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--blue);text-underline-offset:4px;text-decoration-thickness:1px}
button,input,select{font:inherit}
button{cursor:pointer;color:var(--ink)}
button:disabled{opacity:.4;cursor:default}
a,button,input,select,summary{outline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue)}
.skip{position:fixed;left:18px;top:-100px;padding:8px 18px;background:var(--raised);z-index:1000}
.skip:focus{top:10px}
.site-header{max-width:1160px;margin:auto;padding:25px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}
.wordmark{display:flex;align-items:center;color:var(--ink);font-size:20px;font-weight:650;text-decoration:none;letter-spacing:-.4px}
.header-sub{color:var(--faint);font-size:13px;font-weight:400;margin-left:14px;letter-spacing:0;border-left:1px solid var(--line);padding-left:22px}
.site-header nav{display:flex;align-items:center;gap:22px;font-size:13px}
.site-header nav>a{color:var(--muted);text-decoration:none}
.icon-button{display:grid;place-items:center;background:var(--raised);border:1px solid var(--line);width:36px;height:36px;padding:0;border-radius:6px;font-size:20px}
.text-button{border:1px solid var(--line);border-radius:5px;padding:5px 11px;font-size:12px;background:var(--raised);color:var(--muted)}
.icon-button:hover,.text-button:hover{border-color:var(--faint);color:var(--ink)}
main{max-width:1160px;padding:50px 20px 40px;margin:auto}
h1{font-size:58px;letter-spacing:-1.6px;line-height:1.1;font-weight:660;margin:14px 0 10px}
.eyebrow{font-size:11px;letter-spacing:1.3px;color:var(--faint);font-weight:550}
p{max-width:810px;margin:17px 0}
p.deck{font-size:29px;line-height:1.4;letter-spacing:-.45px;color:var(--ink);margin:10px 0 18px}
p.intro{font-size:18px;color:var(--muted);max-width:850px;margin:0 0 19px}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12px;color:var(--faint);margin:18px 0 31px}
.article-meta span:last-child{display:flex;align-items:center;gap:7px}
.status-dot{display:inline-block;background:var(--green);width:6px;height:6px;border-radius:100%}
strong{font-weight:620}
h2{font-size:25px;line-height:1.4;font-weight:620;letter-spacing:-.25px;margin:0 0 17px}
h2>span{color:var(--orange);font:13px ui-monospace,Menlo,monospace;margin-right:13px;vertical-align:3px}
h3{font-size:19px;line-height:1.5;font-weight:600;margin:27px 0 10px}
section{padding-top:52px;scroll-margin-top:12px}
.margin-note{float:right;clear:right;width:240px;margin-right:-279px;font-size:13px;line-height:1.6;color:var(--faint);margin-top:4px}
.margin-note b,.note-mark{color:var(--amber)}
.note-mark{font-size:11px;padding-left:2px}
.reading-map{max-width:810px;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin-top:30px;font-size:13px}
.small-label{display:block;font-size:10px;letter-spacing:1.1px;color:var(--faint);font-weight:600}
.reading-map .small-label{grid-column:1/-1;margin-bottom:5px}
.reading-map a{color:var(--muted);text-decoration:none}
.reading-map a:hover{color:var(--blue)}
.bridge{color:var(--muted);border-left:2px solid var(--line);padding-left:17px;margin-top:27px;font-size:16px}
.interactive{clear:right;border:1px solid var(--line);background:var(--card);border-radius:9px;margin:26px 0 31px;overflow:hidden;box-shadow:0 2px 10px var(--shadow)}
.figure-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 20px 14px}
.figure-top>div{display:flex;align-items:baseline;gap:13px}
.figure-top h3{font-size:17px;line-height:1.45;font-weight:580;margin:0}
.fig-number{font:11px ui-monospace,Menlo,monospace;letter-spacing:.6px;color:var(--faint);white-space:nowrap}
.expand{border:0;padding:4px 0;background:none;font-size:12px;color:var(--faint);white-space:nowrap}
.expand:hover{color:var(--blue)}
.figure-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:0 20px 17px;font-size:13px}
.figure-controls>label,.range-label,.switch{display:flex;gap:9px;align-items:center;color:var(--muted)}
select,input[type=number]{background:var(--raised);border:1px solid var(--line);color:var(--ink);font-size:13px;padding:6px 9px;border-radius:5px;min-height:34px}
input[type=number]{width:100%}
input[type=range]{accent-color:var(--blue);height:19px;cursor:pointer;min-width:90px}
input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue);cursor:pointer}
.range-label{flex:1;max-width:510px}
.range-label input{flex:1;min-width:70px}
.range-label output{font:13px ui-monospace,Menlo,monospace;min-width:40px;color:var(--blue)}
.legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:var(--muted)}
.legend i{width:7px;height:7px;border-radius:2px}
.legend i:not(:first-child){margin-left:9px}
.blue{background:var(--blue)}
.orange{background:var(--orange)}
.green{background:var(--green)}
.purple{background:var(--purple)}
.micro-label{color:var(--faint);font-size:12px}
.segmented{display:flex;align-items:center;max-width:100%}
.segmented>span{color:var(--faint);margin-right:10px;font-size:12px}
.segmented button{font-size:13px;white-space:nowrap;border:1px solid var(--line);background:var(--raised);padding:6px 11px;margin-left:-1px;min-height:35px}
.segmented button:first-of-type{margin-left:0;border-radius:5px 0 0 5px}
.segmented button:last-of-type{border-radius:0 5px 5px 0}
.segmented button[aria-pressed=true],.phase-tabs button[aria-pressed=true],.code-tabs button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue);border-color:var(--blue);position:relative}
.phase-tabs{display:flex;gap:6px;padding:0 20px 15px;overflow-x:auto;scrollbar-width:thin}
.phase-tabs button{flex:1;border:1px solid var(--line);border-radius:5px;background:var(--raised);padding:6px 8px;font-size:12px;white-space:nowrap}
.diagram-scroll{padding:0 20px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.diagram-scroll svg{display:block;min-width:920px;width:100%;height:auto;fill:var(--ink);font:14px system-ui,-apple-system,sans-serif}
.schedule-scroll svg{width:2060px;min-width:2060px}
.schedule-window-note{font-size:12px;color:var(--faint);padding:0 20px 12px}
svg .bold{font-weight:600}
svg .muted{fill:var(--faint)}
svg .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
svg .dim{opacity:.4}
svg .box{fill:var(--raised);stroke:var(--line)}
svg .panel{fill:var(--card);stroke:var(--line)}
svg .blue-fill{fill:var(--blue-soft);stroke:var(--blue)}
svg .green-fill{fill:var(--green-soft);stroke:var(--green)}
svg .orange-fill{fill:var(--orange-soft);stroke:var(--orange)}
svg .purple-fill{fill:var(--purple-soft);stroke:var(--purple)}
svg .amber-fill{fill:var(--amber-soft);stroke:var(--amber)}
svg .blue-text{fill:var(--blue)}
svg .orange-text{fill:var(--orange)}
svg .green-text{fill:var(--green)}
svg .purple-text{fill:var(--purple)}
svg .amber-text{fill:var(--amber)}
svg .clickable{cursor:pointer}
svg .clickable:hover rect,svg .clickable:focus-visible rect{stroke:var(--ink);stroke-width:2}
svg .active-node{stroke-width:2}
svg .packet{stroke:var(--paper);stroke-width:2;filter:drop-shadow(0 0 4px #7fb3ff55)}
.transport{display:flex;align-items:center;gap:9px;margin:15px 20px 0;padding:13px 0;border-top:1px solid var(--line)}
.transport button{height:34px;min-width:34px;border:1px solid var(--line);background:var(--raised);border-radius:5px;font-size:14px;padding:4px 9px}
.scrub-label{display:flex;align-items:center;gap:10px;flex:1;color:var(--faint);font-size:12px}
.scrub-label input{flex:1;min-width:50px;width:100%}
.phase-count{font:12px ui-monospace,Menlo,monospace;color:var(--faint);min-width:58px;text-align:right}
.phase-caption{margin:0 20px 17px;padding:12px 15px;background:var(--subtle);border-left:2px solid var(--blue);border-radius:0 5px 5px 0;font-size:14px;line-height:1.65;color:var(--muted);min-height:68px}
.phase-caption strong{color:var(--ink)}
figcaption{border-top:1px solid var(--line);padding:13px 20px 16px;font-size:12px;color:var(--faint);line-height:1.7}
.config-summary{margin:0 20px 16px;font:12px/1.7 ui-monospace,Menlo,monospace;color:var(--muted)}
code{font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--subtle);padding:2px 5px;border-radius:3px}
.equation{max-width:810px;border-left:2px solid var(--line);background:var(--raised);padding:17px 20px;margin:22px 0;border-radius:0 5px 5px 0}
.equation p{font:15px/1.8 ui-monospace,Menlo,monospace;margin:9px 0;max-width:none}
.equation b{color:var(--faint);font-weight:400;padding:0 6px}
.equation small{display:block;color:var(--muted);font-size:13px;line-height:1.65}
.equation.compact{margin:0 20px 20px;max-width:none;font-size:13px}
.equation.compact p{font-size:13px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:15px 20px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.metric-grid small{font-size:12px;color:var(--faint);display:block}
.metric-grid strong{display:block;font-size:22px;line-height:1.5;font-weight:550;color:var(--ink);font-variant-numeric:tabular-nums}
.metric-grid .unit{font-size:12px;color:var(--muted);margin-left:5px}
.metric-grid .detail{font-size:11px;color:var(--faint);display:block}
.table-scroll{overflow-x:auto;padding:0 20px 16px;scrollbar-width:thin}
table{border-collapse:collapse;width:100%;min-width:660px;font-size:13px;line-height:1.65}
th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px 13px 9px 0;vertical-align:top}
th{font-weight:550;font-size:12px;color:var(--faint)}
th:last-child,td:last-child{padding-right:0}
td.mono{font:12px/1.65 ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums}
td.numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
td .bar{display:block;height:3px;background:var(--green);margin-top:6px;border-radius:2px}
tr.selected{background:var(--blue-soft)}
tr[data-offset]{cursor:pointer}
tr[data-offset]:hover{background:var(--subtle)}
.dtype{display:inline-block;white-space:nowrap;font:11px/1.5 ui-monospace,Menlo,monospace;padding:2px 5px;background:var(--blue-soft);color:var(--blue);border-radius:3px}
.dtype.quant{color:var(--green);background:var(--green-soft)}
.dtype.accum{color:var(--orange);background:var(--orange-soft)}
.dtype.scale{color:var(--purple);background:var(--purple-soft)}
.technical-fold{max-width:810px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:23px 0;font-size:14px}
.technical-fold summary{padding:13px 0;color:var(--muted);cursor:pointer}
.technical-fold p{font-size:14px;padding:0 15px 7px}
.technical-fold .table-scroll{padding:5px 15px 10px}
.config-fold{margin:0 20px 18px;border:1px solid var(--line);border-radius:5px;padding:9px 12px;font-size:12px;color:var(--muted)}
.config-fold summary{cursor:pointer}
.config-fold p{font-size:12px;margin:12px 0 4px;max-width:none}
.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:14px}
.config-grid label{display:flex;flex-direction:column;gap:5px}
.address-card{margin:3px 20px 19px;background:var(--raised);border:1px solid var(--line);border-radius:6px;padding:15px 17px;font-size:13px;line-height:1.7}
.address-card .address-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:15px/1.7 ui-monospace,Menlo,monospace;margin:7px 0}
.address-card .address-line b{color:var(--blue);font-weight:500}
.address-card small{display:block;color:var(--muted);font-size:12px}
.inside-heading{font-size:16px;font-weight:550;margin:5px 20px 17px}
.orientation-panel{max-width:810px;border:1px solid var(--line);border-radius:6px;margin:23px 0;padding:17px 20px;background:var(--card);display:grid;grid-template-columns:1fr 1fr;gap:20px}
.orientation-panel h4{font-size:14px;font-weight:550;margin:0 0 8px}
.orientation-panel p{font-size:13px;color:var(--muted);margin:8px 0}
.orientation-panel svg{width:100%;height:auto;fill:var(--ink);font:12px system-ui}
.support-table{max-width:810px;padding:0;margin:25px 0}
.code-block{max-width:960px;border:1px solid var(--line);background:#10151d;border-radius:8px;overflow:hidden;margin:28px 0}
.code-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;background:var(--raised);border-bottom:1px solid var(--line)}
.code-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin}
.code-tabs button{font-size:12px;white-space:nowrap;border:1px solid transparent;background:none;padding:6px 9px;color:var(--faint);border-radius:4px}
.code-top>.text-button{white-space:nowrap}
.code-description{font-size:13px;color:#a8b6cb;padding:14px 20px 0}
.code-block pre{margin:0;padding:18px 0;max-height:660px;overflow:auto;scrollbar-width:thin}
.code-block code{font:14px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;background:none;padding:0;display:block;color:#d7e3f4}
.code-line{display:block;white-space:pre;padding:0 22px 0 64px;position:relative;min-width:max-content}
.code-line::before{content:attr(data-line);position:absolute;left:15px;width:28px;color:#5e6c82;text-align:right;font-size:11px;user-select:none}
.syntax-keyword{color:#c9a1ff}
.syntax-string{color:#99d7ac}
.syntax-number{color:#ffc487}
.syntax-comment{color:#8292aa}
.syntax-function{color:#8fc8ff}
.syntax-name{color:#e5d3a3}
.code-footer{font-size:12px;color:#9aacc4;padding:12px 20px;border-top:1px solid #2c3543}
.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:810px;margin:28px 0}
.source-grid a{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:6px;background:var(--card);padding:16px}
.source-grid a:hover{border-color:var(--blue)}
.source-grid small{font-size:10px;letter-spacing:.8px;color:var(--faint)}
.source-grid b{font-weight:550;font-size:15px;margin:5px 0}
.source-grid span{font-size:12px;color:var(--muted)}
.scope-note{font-size:13px;color:var(--faint)}
.design-credit{font-size:12px;color:var(--faint);margin-top:36px}
.design-credit a{color:var(--muted)}
footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;font-size:12px;color:var(--faint)}
footer a{color:var(--muted);text-decoration:none}
.rail{position:fixed;left:8px;top:50%;transform:translateY(-50%);z-index:8;display:flex;flex-direction:column;gap:13px;padding:17px 9px;max-width:35px;overflow:hidden;border-radius:6px}
.rail:hover,.rail:focus-within{max-width:310px;background:var(--raised);box-shadow:0 0 0 1px var(--line),0 5px 15px var(--shadow)}
.rail a{font-size:12px;text-decoration:none;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:10px}
.rail a::before{content:'';width:12px;height:2px;flex:none;background:var(--line)}
.rail a.active::before{background:var(--orange)}
.rail a span{opacity:0}
.rail:hover a span,.rail:focus-within a span{opacity:1}
.rail a.active{color:var(--ink)}
dialog{border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);width:min(1480px,97vw);max-width:97vw;max-height:96vh;padding:44px 18px 18px}
dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
#close-dialog{position:absolute;right:11px;top:8px;z-index:2}
dialog figure{margin:3px 0;max-width:none}
dialog .expand{visibility:hidden}
dialog .diagram-scroll svg{min-width:1040px}
dialog .schedule-scroll svg{min-width:2060px}
body.dialog-open{overflow:hidden}
.no-script{padding:15px;background:var(--amber-soft);margin:20px}
.hero-figure{margin-top:30px}
.mok-published-details{margin:22px 0;padding:14px 18px;border:1px solid var(--line);border-radius:6px;background:var(--card)}
.mok-published-details>summary{cursor:pointer;font-size:17px;font-weight:550;color:var(--blue)}
.mok-published-details[open]>summary{margin-bottom:18px}
.mok-published-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px 20px}
.mok-published-grid a{display:block;min-width:0;min-height:0}
.mok-published-grid img{display:block;width:100%;height:100%;object-fit:contain}
.mok-chart-view{display:block}
.mok-chart-heading,.mok-deck-plot,.mok-published-legend{display:none}
.mok-published-citation{padding:0 20px;font-size:13px!important;line-height:1.5;max-width:none!important}
@media(max-width:650px){.mok-published-grid{grid-template-columns:1fr;padding:12px}.mok-published-citation{padding:0 12px}}
.diagram-scroll svg.overview-visual{min-width:0;font-size:16px}
#overview-figure .diagram-scroll:before{display:none}
.overview-visual .small{font-size:14px}
.overview-visual .mono{font-size:13px}
.overview-visual .large{font-size:20px}
.overview-visual [data-overview-op]>text.bold{font-size:18px}
.overview-visual:not(.overview-mobile) [data-overview-owner-op]>text.bold{font-size:14px}
.overview-visual.overview-mobile{font-size:20px}
.overview-visual.overview-mobile .small{font-size:18px}
.overview-visual.overview-mobile .mono{font-size:16px}
.overview-visual.overview-mobile [data-overview-io] text{font-size:18px}
.overview-visual.overview-mobile .edge-label-text{font-size:14px}
.overview-visual.overview-mobile [data-overview-op]>text.bold{font-size:20px}
.phase-tabs button:hover{color:var(--blue)}
@media(max-width:1430px){
  .margin-note{display:block;float:none;width:auto;margin:12px 0 0;padding:9px 13px;background:var(--raised);border-left:2px solid var(--line);border-radius:0 4px 4px 0}
  .rail{display:none}
}
@media(max-width:850px){
  body{font-size:16px}
  main{padding:35px 18px 30px}
  .site-header{padding:18px}
  .header-sub{display:none}
  .site-header nav{gap:15px}
  .site-header #reset{display:none}
  h1{font-size:45px}
  p.deck{font-size:24px}
  .desktop-break{display:none}
  h2{font-size:22px}
  h3{font-size:18px}
  .figure-top{padding:15px 14px 13px}
  .figure-top>div{gap:9px}
  .figure-top h3{font-size:15px}
  .fig-number{font-size:10px}
  .figure-controls{padding:0 14px 14px;gap:12px;font-size:12px}
  .figure-controls>label{font-size:12px}
  .segmented button{font-size:12px;padding:6px 9px}
  .diagram-scroll{padding:0 14px}
  .diagram-scroll::before{content:'Scroll ↔ or expand ⤢ to inspect the full diagram';display:block;font-size:11px;color:var(--faint);padding:0 0 10px}
  .diagram-scroll svg{min-width:1040px}
  .schedule-scroll::before{content:none}
  .phase-tabs{padding:0 14px 14px}
  .phase-tabs button{flex:none;font-size:11px;min-height:34px}
  .phase-caption{margin:0 14px 15px;font-size:13px;padding:11px 12px}
  .transport{margin:12px 14px 0;gap:7px}
  .transport button{min-width:32px;padding:4px 7px}
  .scrub-label{gap:6px;font-size:11px}
  .phase-count{min-width:52px;font-size:11px}
  .metric-grid{margin:13px 14px 17px;grid-template-columns:1fr 1fr;gap:13px}
  .metric-grid strong{font-size:20px}
  .metric-grid small{font-size:11px}
  .table-scroll{padding:0 14px 14px}
  .config-summary{margin:0 14px 14px;font-size:11px}
  .config-fold{margin:0 14px 15px}
  .config-grid{grid-template-columns:1fr 1fr}
  .address-card{margin:0 14px 16px;padding:12px 13px;font-size:12px}
  .address-card .address-line{font-size:13px;gap:7px}
  figcaption{font-size:11px;padding:12px 14px 14px}
  .equation.compact{margin:0 14px 16px}
  .inside-heading{margin:4px 14px 15px}
  .code-tabs button{font-size:11px;padding:5px 7px}
  .code-top{padding:10px;gap:8px}
  .code-top .text-button{font-size:11px;padding:5px 7px}
  .code-block code{font-size:12px}
  .code-line{padding-left:52px}
  .code-description,.code-footer{padding-left:15px;padding-right:15px;font-size:12px}
  .legend{font-size:11px}
  .source-grid b{font-size:14px}
  .orientation-panel{gap:15px;padding:15px}
  .source-grid span{font-size:11px}
  .reading-map{font-size:12px;gap:8px}
  .eyebrow{font-size:10px;letter-spacing:1px}
  .article-meta{font-size:11px}
  dialog{padding:42px 8px 8px}
  .schedule-window-note{padding:0 14px 11px;font-size:11px}
}
@media(max-width:480px){
  .site-header nav{gap:11px;font-size:12px}
  .wordmark{font-size:18px}
  h1{font-size:42px}
  p.deck{font-size:22px}
  .eyebrow{font-size:9px}
  .figure-top>div{align-items:flex-start}
  .figure-top h3{font-size:14px}
  .expand{font-size:11px}
  .figure-top .fig-number{margin-top:4px}
  .reading-map{grid-template-columns:1fr}
  .segmented>span{font-size:11px;margin-right:7px}
  .segmented button{font-size:11px;padding:6px 7px}
  .figure-controls{gap:10px}
  .transport .scrub-label{font-size:0;gap:0}
  .transport input{font-size:12px}
  .code-top{align-items:flex-start}
  .code-tabs{flex-wrap:wrap;gap:3px}
  .code-tabs button{font-size:10px}
  .source-grid{grid-template-columns:1fr}
  .orientation-panel{grid-template-columns:1fr}
  .bridge{font-size:15px}
  .metric-grid strong{font-size:19px}
  .range-label{width:100%;max-width:none}
  .figure-controls>label select{font-size:12px}
  .figure-controls:has(#recompute-select){gap:14px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}
@media print{
  :root{--paper:#fff;--card:#fff;--raised:#f7f7f7;--ink:#111;--muted:#444;--faint:#555;--line:#ccc;--blue:#225b99;--blue-soft:#eff5ff;--green:#216a50;--green-soft:#eff8f4;--orange:#94471f;--orange-soft:#fff6ed;--purple:#665099;--purple-soft:#f6f3fc}
  body{font-size:11px}
  .rail,.site-header nav,.expand,.transport,dialog,.config-fold{display:none}
  main{max-width:none;padding:12px}
  .interactive{break-inside:avoid;box-shadow:none}
  .diagram-scroll svg{min-width:0}
  .schedule-scroll svg{min-width:0;width:100%}
  .diagram-scroll::before{display:none}
  section{padding-top:25px}
  .metric-grid strong{font-size:16px}
  .code-block pre{max-height:none}
  p{max-width:none}
}
.offset-button{border:0;background:none;padding:0;text-align:left;color:var(--blue);font:12px/1.6 ui-monospace,Menlo,monospace;cursor:pointer}
.table-detail{font-size:12px;color:var(--faint)}
.metric-grid .detail{overflow-wrap:anywhere}
.hero-figure .figure-controls{justify-content:flex-start}
.hero-figure .figure-controls .legend{margin-right:auto}
svg .small{font-size:13px}
svg .tiny{font-size:12px}
svg .mono{font-size:13px}
svg .large{font-size:18px}
.orientation-panel svg .small{font-size:14px}
.orientation-panel svg .tiny{font-size:12px}
.code-tools{display:flex;gap:6px;flex:none}
.code-block.full-code pre{max-height:none}
.diagram-scroll{position:relative}
.transition-overlay{pointer-events:none!important;user-select:none}
.transport button.next{color:var(--blue);background:var(--blue-soft);border-color:var(--blue);font-size:13px;min-width:108px;height:38px}
.transport button.previous{height:38px}
.transport .scrub-label{min-width:0}
@media(max-width:480px){
  .transport button.next{font-size:11px;min-width:91px;padding:4px 6px}
  .transport button.previous{min-width:32px}
  .transport .phase-count{min-width:47px}
  .transport{gap:6px}
  .hero-figure .figure-controls{gap:12px}
}
svg text{transition:fill .55s ease}
.phase-caption span,.metric-grid strong,.address-line b,.phase-count,td,.dtype,.code-line{transition:color .55s ease,background-color .65s ease}
[hidden]{display:none!important}
.slot-budget-panel{margin:0 20px 24px;padding:18px;background:var(--raised);border:1px solid var(--line);border-radius:7px}
.slot-budget-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.slot-budget-heading h4{margin:0;font-size:16px;font-weight:580}
.slot-input-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:end}
.slot-input-row label{display:flex;flex-direction:column;gap:8px;font:12px/1.5 ui-monospace,Menlo,monospace;color:var(--muted);overflow-wrap:anywhere}
.slot-input-row input{font:16px/1.5 ui-monospace,Menlo,monospace;min-height:42px}
.slot-effective{display:flex;flex-direction:column;gap:9px;min-width:0}
.slot-effective span{font-size:12px;color:var(--faint)}
.slot-effective output{font:15px/1.6 ui-monospace,Menlo,monospace;color:var(--green);overflow-wrap:anywhere;min-height:42px;display:flex;align-items:center}
.slot-budget-range{display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--muted);margin-top:19px}
.slot-budget-range input{width:100%;margin:0}
.slot-bound-labels{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:8px}
.slot-bound-labels button{font-size:12px;color:var(--blue);background:var(--blue-soft);border:1px solid var(--line);border-radius:5px;padding:6px 10px;min-height:34px}
.slot-bound-labels button:hover{border-color:var(--blue)}
.slot-budget-panel p{font-size:13px;line-height:1.65;color:var(--muted);max-width:none;margin:14px 0 0}
#memory-status{color:var(--amber);background:var(--amber-soft);border-left:2px solid var(--amber);padding:10px 12px;border-radius:0 4px 4px 0}
.inside-note{font-size:13px;line-height:1.65;color:var(--muted);max-width:none;margin:0 20px 20px}
.calculation-details{margin:0 20px 20px;border:1px solid var(--line);border-radius:5px}
.calculation-details summary{font-size:13px;color:var(--muted);padding:11px 13px;cursor:pointer}
.calculation-details .table-scroll{padding:0 13px 12px}
.flow-payloads{display:flex;align-items:center;gap:9px 12px;flex-wrap:wrap;margin:9px 20px 0;padding:11px 13px;background:var(--raised);border:1px solid var(--line);border-radius:5px;font-size:13px;line-height:1.5}
.payload-heading{font-size:12px;color:var(--faint);margin-right:3px}
.payload-chip{display:inline-flex;align-items:center;gap:7px;font:13px/1.55 ui-monospace,Menlo,monospace}
.payload-chip i{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 2px var(--card)}
.lifetime-legend{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:13px;line-height:1.5;color:var(--muted);margin:0 20px 13px}
.lifetime-legend span{display:inline-flex;align-items:center;gap:7px}
.lifetime-legend i{width:12px;height:9px;border-radius:2px}
.amber{background:var(--amber)}
.consumer-diamond{color:var(--purple);width:13px;height:13px;flex:none}
.memory-examples button{background:var(--raised);border:1px solid var(--line);border-radius:5px;padding:7px 12px;color:var(--muted);font-size:13px}
.memory-examples button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}
.memory-policy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:10px 20px 20px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.memory-policy-summary small{display:block;font:12px/1.4 ui-monospace,Menlo,monospace;color:var(--muted);overflow-wrap:anywhere}
.memory-policy-summary strong{display:block;font-size:26px;margin:5px 0}
.memory-policy-summary .detail{display:block;font-size:12px;line-height:1.5;color:var(--faint)}
@media(max-width:750px){
  .memory-policy-summary{grid-template-columns:1fr}
  .memory-examples{gap:8px}
}
.kernel-subsection{padding-top:8px;scroll-margin-top:24px}
@media(max-width:850px){
  .slot-budget-panel{margin:0 14px 20px;padding:14px}
  .slot-input-row{grid-template-columns:1fr;gap:12px}
  .slot-effective{gap:2px}
  .slot-effective output{font-size:14px;min-height:30px}
  .slot-input-row label{font-size:11px}
  .slot-input-row input{font-size:15px}
  .slot-budget-heading h4{font-size:15px}
  .slot-budget-panel p{font-size:12px}
  .slot-bound-labels{justify-content:flex-start}
  .slot-bound-labels button{font-size:11px}
  .inside-note{margin:0 14px 16px;font-size:12px}
  .calculation-details{margin:0 14px 16px}
  .flow-payloads{margin:9px 14px 0;font-size:12px}
  .payload-chip{font-size:12px}
  .lifetime-legend{margin:0 14px 12px;font-size:12px;gap:8px 15px}
}
.diagram-key{font-size:14px;line-height:1.7;color:var(--muted);max-width:930px;border-left:2px solid var(--line);padding-left:15px;margin:22px 0}
.diagram-key strong{color:var(--ink)}
.flow-payloads{margin-bottom:15px}
svg .edge-payload-label{pointer-events:none}
svg .edge-label-bg{stroke-width:1;stroke-opacity:.6}
svg .edge-label-leader{stroke-width:1.2;opacity:.85}
svg .edge-label-text{font-size:13px;font-weight:550}
.math-inline{white-space:nowrap}
.math-inline sub{font-size:78%;line-height:0;vertical-align:-.25em}
.payload-text{min-width:0}
.pytorch-brand{display:flex;align-items:center;flex:none}
.pytorch-logo{display:block;object-fit:contain}
.pytorch-logo.horizontal{width:136px;height:38px}
.pytorch-logo.light-variant,.pytorch-logo.compact{display:none}
.light .pytorch-logo.dark-variant{display:none}
.light .pytorch-logo.light-variant{display:block}
.project-name{border-left:1px solid var(--line);padding-left:16px}
.wordmark{gap:16px}
.author-byline{font-size:14px;line-height:1.6;color:var(--muted);margin:23px 0 10px}
.author-byline strong{font-weight:560;color:var(--ink)}
.footer-credit{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 560px}
.copyright{font-size:12px;color:var(--muted)}
@media(max-width:850px){
  .wordmark{gap:9px}
  .wordmark .pytorch-logo.horizontal{display:none}
  .wordmark .pytorch-logo.compact{display:block;width:28px;height:32px}
  .project-name{border:0;padding-left:0}
  .author-byline{font-size:13px;margin-top:20px}
  .footer-credit{flex-basis:100%}
}
.moe-primer{padding-top:20px}
.moe-primer h2{font-size:23px}
#packing-figure .figure-controls{gap:16px 22px}
#packing-budget{width:220px}
#packing-capacity{font:13px ui-monospace,Menlo,monospace;min-width:140px;color:var(--muted)}
@media(max-width:750px){
  #packing-budget{width:160px}
  #packing-figure .figure-controls>label{flex-wrap:wrap}
}
.phase-caption .packing-step-summary{display:block;margin:5px 0}
svg.liveness-visual{font-size:16px}
.liveness-visual .small{font-size:15px}
.liveness-visual .tiny{font-size:13px}
.liveness-visual .large{font-size:20px}
:root{--pink-soft:#382333;--cyan:#78d6e6;--cyan-soft:#163239}
:root.light{--pink-soft:#fceaf3;--cyan:#16677b;--cyan-soft:#e7f7fa}
svg .pink-fill{fill:var(--pink-soft);stroke:var(--pink)}
svg .cyan-fill{fill:var(--cyan-soft);stroke:var(--cyan)}
svg .slot-acquired{stroke:var(--ink);stroke-width:2.5}
.motivation{margin:56px 0 48px}
.motivation>h2{margin-bottom:22px}
.capability-table{table-layout:fixed;min-width:920px;width:100%;font-size:16px;line-height:1.4}
.capability-table .capability-label{width:30%}
.capability-table col:not(.capability-label){width:17.5%}
.capability-table th,.capability-table td{padding:14px 16px;text-align:center;vertical-align:middle;white-space:normal}
.capability-table thead th{font-size:16px;font-weight:650;text-transform:none;letter-spacing:0}
.capability-table th[scope=row]{font-size:16px;font-weight:500;text-align:left;text-transform:none;letter-spacing:0}
.capability-table th:first-child{text-align:left}
.capability-table :is(th,td):nth-child(2){background:var(--blue-soft)}
.capability-table thead th:nth-child(2),.capability-table td:nth-child(2) b{color:var(--blue)}
.capability-table small{display:block;font-size:13px;line-height:1.35;color:var(--muted);font-weight:400;margin-top:4px}
.capability-table sup,.capability-notes sup{font-size:.7em;color:var(--muted)}
.capability-notes{padding:0 22px 18px;font-size:14px;line-height:1.6;color:var(--muted)}
.capability-notes p{margin:5px 0;max-width:none}
.comparison-evidence{margin-top:14px}
.comparison-evidence summary{cursor:pointer;color:var(--ink)}
.comparison-evidence li{margin:9px 0}
/* Explicit metadata and payload stages share one diagram in article and deck. */
.routing-visual{font-size:26px}
.routing-pointer-reference{max-width:1060px;padding:0;margin:24px 0}
.routing-pointer-reference table{font-size:14px;min-width:920px}
.routing-pointer-reference caption{text-align:left;font-size:13px;color:var(--muted);padding-bottom:12px}
.routing-pointer-reference code{font-size:13px}
.diagram-scroll svg.routing-visual{min-width:1280px}
.diagram-scroll svg.fusion-visual{font-size:20px;min-width:1280px}
.fusion-visual .bold{font-size:19px}
.fusion-visual .small{font-size:17px}
.fusion-visual .small.bold{font-size:17px}
.fusion-visual .mono{font-size:17px}
/* Article figures reflow their shared SVG panels; the deck retains full framing. */
.diagram-scroll svg.article-fit{min-width:0!important;max-width:100%;margin-inline:auto}
.diagram-scroll.article-responsive{overflow-x:visible}
.diagram-scroll.article-responsive::before{display:none}
.fusion-visual.article-layout-mobile .small,.fusion-visual.article-layout-mobile .small.bold{font-size:22px}
.fusion-visual.article-layout-mobile .bold{font-size:22px}
.fusion-visual.article-layout-mobile .mono{font-size:22px}
body:not(.presentation-mode) #content .table-scroll{max-width:100%}
@media(max-width:1050px){
  body:not(.presentation-mode) #content table{min-width:0!important;width:100%;table-layout:auto}
  body:not(.presentation-mode) #content table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
  body:not(.presentation-mode) #content table tbody{display:block}
  body:not(.presentation-mode) #content table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;border-top:1px solid var(--line);padding:14px 0}
  body:not(.presentation-mode) #content table tbody :is(th,td){display:block;border:0;padding:0!important;width:auto!important;text-align:left;min-width:0;font-size:14px;overflow-wrap:anywhere;white-space:normal}
  body:not(.presentation-mode) #content table tbody th:first-child,body:not(.presentation-mode) #content table tbody td:first-child{grid-column:1/-1;font-size:16px;font-weight:600}
  body:not(.presentation-mode) #content table tbody :is(th,td)::before{content:attr(data-label);display:block;font-size:11px;font-weight:500;color:var(--faint);line-height:1.4;margin-bottom:4px}
  body:not(.presentation-mode) #content .capability-table td{background:none}
  body:not(.presentation-mode) #content .figure-top>div{min-width:0;flex-wrap:wrap}
  body:not(.presentation-mode) #content .config-summary{overflow-wrap:anywhere}
}
@media(max-width:750px){
  body:not(.presentation-mode) #content .code-line{white-space:pre-wrap;min-width:0;overflow-wrap:anywhere}
  body:not(.presentation-mode) #content .code-top{flex-wrap:wrap}
  body:not(.presentation-mode) #content .code-description{overflow-wrap:anywhere}
}
body:not(.presentation-mode) #content .phase-tabs{flex-wrap:wrap;overflow-x:visible}
body:not(.presentation-mode) #content .phase-tabs button{white-space:normal;flex:1 1 130px}
/* The article uses one readable typography scale across its technical figures. */
body:not(.presentation-mode) #content .diagram-scroll svg.fusion-visual:not(.article-layout-mobile){font-size:14px}
body:not(.presentation-mode) #content .fusion-visual:not(.article-layout-mobile) .bold{font-size:14px}
body:not(.presentation-mode) #content .fusion-visual:not(.article-layout-mobile) .small,body:not(.presentation-mode) #content .fusion-visual:not(.article-layout-mobile) .small.bold,body:not(.presentation-mode) #content .fusion-visual:not(.article-layout-mobile) .mono{font-size:13px}
.dependency-equations{color:var(--ink)}
.dependency-formula{color:var(--ink)}
.dependency-equation-note{margin:10px 0 0}
@media(max-width:650px){
  .dependency-formula{font-size:18px}
  .dependency-equations{padding:0 14px 18px}
}
.diagram-scroll svg.routing-visual{font-size:18px}
.routing-visual .large{font-size:24px}
.routing-visual .small{font-size:16px}
.routing-visual .mono{font-size:16px}
.routing-visual .tiny{font-size:14px}
.routing-visual .mlp-operator{font:italic 21px KaTeX_Math,KaTeX_Main,serif}
.routing-visual.article-layout-mobile .small{font-size:20px}
.routing-visual.article-layout-mobile .mono{font-size:19px}
.routing-visual.article-layout-mobile .tiny{font-size:18px}
.routing-visual.article-layout-mobile .large{font-size:27px}
body:not(.presentation-mode) #content .diagram-scroll svg.routing-visual{min-width:0!important}
.dependency-derivatives summary{cursor:pointer}
.dependency-derivatives .dependency-formula{margin-top:12px}
.routing-visual.article-layout-mobile .routing-focus-label{display:none}
/* A value, its allocated lifetime, and its final consumer occupy the same lane. */
.dependency-equations{padding:4px 20px 18px}
.dep-matrix-head,.dep-matrix-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1.2fr);gap:18px}
.dep-matrix-head{align-items:end;padding-bottom:12px;color:var(--muted);font-size:13px}
.dep-phases{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0}
.dep-phase{text-align:center;font-size:11px;line-height:1.25;min-width:0}
.dep-phase b{display:block;font-weight:600;white-space:nowrap;color:var(--ink)}
.dep-phase small{display:block;font-size:10px;color:var(--faint);margin-top:3px}
.dep-phase .katex{font-size:1.05em}
.dependency-equation-row.dep-matrix-row{padding:14px 0;border-top:1px solid var(--line);align-items:center;min-height:87px}
.dep-value{min-width:0}
.dep-value-label{display:flex;gap:13px;align-items:baseline}
.dep-value-label>strong{font-size:17px;font-weight:500}
.dep-value-label code{font-size:11px;color:var(--faint);background:none;padding:0}
.dep-region{display:block;font-size:11px;margin-top:7px;line-height:1.35;color:var(--muted)}
.dep-region.green{color:var(--green)}
.dep-region.amber{color:var(--amber)}
.dep-region.blue{color:var(--blue)}
.dependency-formula{font-size:16px;line-height:1.35;padding:3px 0;margin:0;max-width:none}
.dep-forward{margin-top:6px}
.dep-reader{min-width:0}
.dep-reader h4{font-size:12px;color:var(--muted);font-weight:600;margin:0 0 8px;line-height:1.35}
.dep-reader p{font-size:12px;line-height:1.4;margin:0;color:var(--muted)}
.dep-time{position:relative;min-height:38px;height:100%;align-self:stretch}
.dep-time-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));opacity:.5}
.dep-time-grid i{border-right:1px solid var(--line)}
.dep-time-grid i:nth-child(3){border-right:1px dashed var(--faint)}
.dep-span{position:absolute;top:50%;transform:translateY(-50%);height:22px;border:1px solid var(--green);background:var(--green-soft);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--ink);white-space:nowrap;line-height:1}
.dep-span.amber{border-color:var(--amber);background:var(--amber-soft)}
.dep-span.blue{border-color:var(--blue);background:var(--blue-soft)}
.dep-span.rebuilt{border-style:dashed}
.dep-last-reader{position:absolute;top:50%;width:9px;height:9px;background:var(--purple);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 2px var(--card)}
.dependency-equation-note{font-size:12px;line-height:1.55;color:var(--muted);margin-top:12px;max-width:none}
.dependency-derivatives{font-size:13px;margin-top:12px;color:var(--muted)}
.dep-gradient-chain{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-top:15px}
#recompute-svg[hidden],#recompute-svg:where([hidden]){display:none}
#dependency-equations[hidden]{display:none!important}
@media(max-width:950px){
  body:not(.presentation-mode) #content .dep-matrix-head{display:none}
  body:not(.presentation-mode) #content .dep-matrix-row{grid-template-columns:1fr;gap:12px;padding:18px 0}
  body:not(.presentation-mode) #content .dep-reader h4{font-size:13px}
  body:not(.presentation-mode) #content .dep-gradient-chain{grid-template-columns:1fr}
}
@media(max-width:650px){
  .dependency-equations{padding-inline:14px}
  body:not(.presentation-mode) #content .dependency-formula{font-size:15px}
}
#recompute-figure [hidden]{display:none!important}
.dep-mobile-phases{display:none}
@media(max-width:950px){
  body:not(.presentation-mode) #content .dep-mobile-phases{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));position:absolute;top:0;left:0;right:0}
  body:not(.presentation-mode) #content .dep-time{height:72px;min-height:72px}
  body:not(.presentation-mode) #content .dep-time-grid{top:35px}
  body:not(.presentation-mode) #content .dep-span,body:not(.presentation-mode) #content .dep-last-reader{top:54px}
}
.dep-region{background:none!important;border:0!important;padding:0!important;height:auto!important;min-height:0!important;width:auto!important}
.dep-note-diamond{display:inline-block;width:8px;height:8px;background:var(--purple);transform:rotate(45deg);margin:0 4px 1px;vertical-align:baseline}
/* Match Fig. 06 to the tile diagram after both use a 1040-wide article view. */
body:not(.presentation-mode) #content .fusion-visual:not(.article-layout-mobile) :is(.small,.small.bold,.mono){font-size:13px}
body:not(.presentation-mode) #content .fusion-visual.article-layout-mobile :is(.small,.small.bold,.bold,.mono){font-size:20px}
/* One example selector owns the code and the matching logical plan. */
.api-examples.code-block{max-width:none;background:var(--card)}
.api-examples .code-top{flex-wrap:wrap}
.api-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"configure inspect" "execute inspect";gap:24px;padding:20px;align-items:start}
.api-config-panel{grid-area:configure}
.api-inspect-panel{grid-area:inspect}
.api-execute-panel{grid-area:execute}
.api-code-panel{min-width:0;padding:0;margin:0}
.api-code-panel h4{display:flex;align-items:center;gap:10px;font-size:17px;margin:0 0 13px;font-weight:600;line-height:1.3}
.api-code-panel h4>span{font-size:12px;display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--blue);border-radius:50%;color:var(--blue)}
.api-examples .api-code-panel pre{padding:0;max-height:none;overflow:visible}
.api-examples .api-code-panel code{font-size:13px;line-height:1.65}
.api-examples .api-code-panel .code-line{min-width:0;padding:0 0 0 31px;white-space:pre-wrap;overflow-wrap:anywhere}
.api-examples .api-code-panel .code-line::before{left:0;width:21px;font-size:10px}
.api-input-note{font-size:12px;line-height:1.5;color:var(--faint);margin:0 0 10px}
.api-plan-output{margin-top:14px;min-width:0}
.api-console-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;line-height:1.3;color:var(--faint)}
.api-console-toolbar button{font-size:11px;padding:4px 9px}
.api-examples .api-console{padding:14px!important;max-height:none;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--raised);border:1px solid var(--line);border-radius:6px;margin:0}
.api-examples .api-console code{font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
.api-console-field{color:var(--blue)}
.api-full-program{border-top:1px solid var(--line);padding-top:16px}
.api-full-program h4{font-size:15px;line-height:1.4;margin:0 20px}
.api-examples .api-full-program pre{max-height:none}
@media(max-width:850px){
  .api-layout{grid-template-columns:1fr;grid-template-areas:"configure" "inspect" "execute";padding:16px;gap:22px}
  .api-examples .code-top{gap:10px}
  .api-examples .code-tabs{flex-wrap:wrap;overflow:visible}
  .api-examples .api-console{padding:10px!important}
  .api-examples .api-code-panel code{font-size:12px}
}

/* Article titles name the topic; blue subtitles explain the takeaway. */
#content h2{font-size:30px;line-height:1.25;margin-bottom:14px}
.section-subtitle{font-size:20px;font-weight:550;line-height:1.45;color:var(--blue);margin:-3px 0 24px;max-width:980px}
#content section>h3,#content .measured-comparison>h3,#content .kernel-subsection>h3{font-size:22px;line-height:1.35}
.figure-top{align-items:flex-start}
.figure-top>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 13px;align-items:start;min-width:0}
.figure-top .fig-number{padding-top:4px}
.figure-top h3{font-size:18px;line-height:1.35}
.figure-subtitle{grid-column:2;font-size:15px;font-weight:500;line-height:1.45;color:var(--blue);margin:0;max-width:none}
.support-table caption{text-align:left;font-size:18px;font-weight:600;padding:0 0 12px;color:var(--ink)}
@media(max-width:650px){
  #content h2{font-size:26px}
  .section-subtitle{font-size:18px}
  .figure-top h3{font-size:17px}
  .figure-subtitle{font-size:14px}
}