:root { --teal:#164e52; --ink:#242b2f; --muted:#606b70; --line:#dce3e3; --soft:#f5f8f7; --font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; color:var(--ink); background:#fff; font:400 15px/1.75 var(--font); -webkit-font-smoothing:antialiased; }
::selection { color:var(--teal); background:#dbece6; }
a { color:var(--teal); text-decoration:none; }
p,h1,h2,h3,h4,figure,dl { margin:0; }
strong { font-weight:600; }
img { max-width:100%; height:auto; display:block; }
button { font:inherit; cursor:pointer; color:inherit; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid #38818a; outline-offset:4px; }
code { font:0.87em/1.6 'SFMono-Regular',Consolas,'Liberation Mono',monospace; }
.container { max-width:1120px; margin-inline:auto; padding-inline:40px; }
.reading-width { max-width:830px; margin-inline:auto; }
.sr-only,.skip-link:not(:focus) { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.skip-link:focus { position:fixed; background:white; padding:10px 20px; z-index:50; }
.site-header { position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); background:rgba(255,255,255,.97); }
.nav-inner { max-width:1250px; padding:17px 40px; margin:auto; display:flex; justify-content:space-between; align-items:center; gap:25px; }
.brand { font-size:20px; font-weight:650; letter-spacing:-.6px; }
.brand-dot { color:#739b8e; }
nav { display:flex; gap:29px; font-size:12px; font-weight:500; }
nav a { color:var(--muted); padding:2px 0; border-bottom:1px solid transparent; transition:color .15s,border-color .15s; }
nav a:hover,nav a[aria-current] { color:var(--teal); border-color:var(--teal); }
.hero { text-align:center; padding-top:55px; padding-bottom:34px; }
.eyebrow { font-size:12px; font-weight:500; letter-spacing:.4px; color:var(--teal); margin-bottom:16px; }
h1 { font-size:clamp(32px,4.6vw,52px); line-height:1.16; font-weight:650; letter-spacing:-1.5px; color:var(--teal); }
.paper-subtitle { margin-top:12px; font-size:clamp(20px,2.6vw,29px); font-weight:450; line-height:1.42; letter-spacing:-.65px; }
.authors { margin-top:25px; color:#414c52; font-size:14px; line-height:1.6; }
.authors > div { display:flex; flex-wrap:wrap; justify-content:center; gap:7px 24px; }
.authors > div + div { margin-top:7px; }
.authors span { white-space:nowrap; }
.hero-links { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:24px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:15px; padding:8px 17px; border:1px solid #b4c8c8; border-radius:5px; font-size:12px; font-weight:500; line-height:1.6; color:var(--teal); transition:background .15s,border-color .15s; }
.button:hover { background:#f0f6f3; border-color:var(--teal); }
.button.primary { color:white; background:var(--teal); border-color:var(--teal); }
.button.primary:hover { background:#0d393e; border-color:#0d393e; }
.paper-figure { margin-top:23px; }
.hero-figure { margin-top:0; margin-bottom:38px; }
.figure-button { position:relative; display:block; border:0; padding:9px 0; width:100%; background:white; border-radius:3px; }
.figure-button img { width:100%; margin:auto; }
.hero-figure .figure-button { padding:0; }
.enlarge-label { position:absolute; bottom:5px; right:6px; padding:3px 7px; font-size:9px; color:var(--teal); background:rgba(255,255,255,.96); border:1px solid var(--line); border-radius:3px; opacity:0; transition:opacity .15s; }
.figure-button:hover .enlarge-label,.figure-button:focus-visible .enlarge-label { opacity:1; }
figcaption { color:var(--muted); font-size:12px; line-height:1.7; margin-top:10px; }
.hero-figure figcaption { max-width:875px; margin:14px auto 0; text-align:center; }
h2 { font-size:29px; font-weight:600; line-height:1.3; letter-spacing:-.65px; color:var(--teal); }
.reading-width h2 { margin-bottom:17px; text-align:center; }
.reading-width p + p { margin-top:13px; }
.method-list { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; border-block:1px solid var(--line); margin-top:28px; padding-block:22px; }
.method-list h3 { color:var(--teal); font-size:14px; font-weight:600; margin-bottom:7px; }
.method-list p { font-size:13px; color:var(--muted); line-height:1.7; }
.metric-definition { display:flex; justify-content:center; align-items:center; gap:28px; padding-block:23px 8px; font-size:12px; color:var(--muted); }
.metric-definition > strong { font-size:20px; color:var(--teal); white-space:nowrap; font-weight:500; letter-spacing:-.4px; }
.framework-details { margin-top:12px; }
summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; cursor:pointer; font-size:12px; color:var(--teal); border-bottom:1px solid var(--line); padding-block:9px; }
summary::-webkit-details-marker { display:none; }
summary > span { font-size:20px; line-height:1; transition:transform .15s; }
details[open] > summary > span { transform:rotate(45deg); }
.section-heading { padding-bottom:19px; border-bottom:1px solid var(--line); }
.section-heading > p { margin-top:10px; color:var(--muted); font-size:14px; }
.results,.case-studies,.code-section { padding-top:55px; }
.result { padding-top:28px; }
.result + .result { border-top:1px solid var(--line); margin-top:30px; }
.result h3 { font-size:17px; line-height:1.5; font-weight:600; letter-spacing:-.2px; margin-bottom:11px; }
.result > p { color:var(--muted); font-size:14px; }
.paper-panels { display:grid; gap:24px; align-items:end; padding-block:12px 3px; }
.paper-panels > div { min-width:0; }
.scaling-panels { grid-template-columns:28fr 24fr 43fr; }
.delegation-panels { grid-template-columns:36fr 60fr; }
.panel-label { font-size:11px; text-align:center; margin-top:8px; color:var(--muted); }
.table-scroll { overflow-x:auto; margin-top:20px; scrollbar-width:thin; }
table { border-collapse:collapse; width:100%; font-size:12px; line-height:1.6; text-align:left; }
caption { text-align:left; font-weight:500; font-size:12px; color:var(--muted); margin-bottom:10px; }
th,td { padding:11px 14px; border-bottom:1px solid #e2e7e5; vertical-align:top; }
th { font-weight:500; }
thead { color:var(--muted); border-top:1px solid #879c99; border-bottom:1px solid #879c99; }
thead th { font-weight:500; font-size:11px; border-bottom:0; }
tbody tr:last-child th,tbody tr:last-child td { border-bottom:1px solid #a2b4ae; }
.highlight { background:var(--soft); color:var(--teal); }
.highlight th,.highlight td { font-weight:600; }
.result-tables .result { border-top:1px solid var(--line); margin-top:30px; }
.result .table-note { margin-top:12px; font-size:12px; color:var(--muted); }
.inline-link { display:inline-block; font-size:12px; margin-top:13px; text-decoration:underline; text-underline-offset:4px; text-decoration-color:#b4c8c8; transition:text-decoration-color .15s; }
.inline-link:hover { text-decoration-color:var(--teal); }
.case-links { display:flex; gap:25px; flex-wrap:wrap; margin-top:18px; font-size:12px; }
.case-links a { border-bottom:1px solid #bad0c9; }
.case-links a:hover { border-color:var(--teal); }
.case-study { padding-top:32px; }
.case-study + .case-study { border-top:1px solid var(--line); margin-top:30px; }
.case-source { font-size:11px; color:var(--teal); margin-bottom:9px; }
.case-study h3 { font-size:21px; font-weight:600; line-height:1.4; letter-spacing:-.45px; margin-bottom:13px; }
.case-study > p:not(.case-source):not(.case-takeaway) { font-size:14px; color:var(--muted); }
.case-columns { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:23px; }
.case-columns > div { min-width:0; }
h4 { font-size:13px; font-weight:600; margin-bottom:13px; }
.case-columns table { font-size:11px; }
.case-columns th,.case-columns td { padding:10px 9px; }
.case-columns thead th { font-size:10px; }
.case-columns p { font-size:12px; line-height:1.75; color:var(--muted); margin-top:14px; }
.artifact-table code { font-size:11px; color:var(--teal); }
.object-line { padding-block:11px; border-block:1px solid var(--line); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.object-line strong { font-size:11px; }
.object-line code { color:var(--teal); font-size:12px; }
.reference-list { border-top:1px solid #879c99; }
.reference-list > div { display:flex; align-items:center; gap:18px; justify-content:space-between; border-bottom:1px solid var(--line); padding:11px 0; }
.reference-list dt { color:var(--muted); font-size:12px; }
.reference-list dd { margin:0; }
.reference-list code { color:var(--teal); font-size:18px; }
.mismatch { color:#9a3c2a; background:#fbe5de; padding:1px 2px; font-weight:600; }
.call-sequence { padding-left:19px; margin:0; font-size:12px; color:var(--muted); }
.call-sequence li { padding-left:4px; margin-bottom:10px; }
.case-takeaway { font-size:12px; padding:14px 17px; border-left:2px solid #79a297; background:#f7f9f8; margin-top:23px; color:#4f6460; line-height:1.75; }
.code-block { border:1px solid var(--line); border-radius:4px; overflow:hidden; margin-top:24px; }
.code-heading { display:flex; justify-content:space-between; align-items:center; padding:10px 16px; border-bottom:1px solid var(--line); background:var(--soft); font-size:11px; color:var(--muted); }
.copy-button { background:white; color:var(--teal); border:1px solid #bdceca; border-radius:3px; padding:3px 11px; font-size:10px; }
.copy-button:hover { background:#eaf3ef; }
pre { margin:0; overflow-x:auto; padding:18px; color:var(--teal); font-size:13px; line-height:1.9; scrollbar-width:thin; }
pre code { font-size:12px; }
.code-explanation { margin-top:18px; font-size:13px; color:var(--muted); }
.suite-table th:first-child { white-space:nowrap; }
.code-links { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:25px; }
.code-links .inline-link { margin:0 0 0 10px; }
footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:50px !important; padding-block:25px; border-top:1px solid var(--line); font-size:11px; color:var(--muted); }
footer > span { font-weight:600; font-size:14px; color:var(--teal); }
footer a:hover { text-decoration:underline; text-underline-offset:4px; }
dialog { width:min(1250px,95vw); max-height:92dvh; border:0; border-radius:5px; padding:22px; color:var(--ink); }
dialog::backdrop { background:rgba(18,31,34,.72); }
.dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-bottom:20px; }
.dialog-heading h2 { font-size:16px; font-weight:500; letter-spacing:0; }
.dialog-close { background:white; border:1px solid var(--line); border-radius:4px; font-size:23px; line-height:1; width:32px; height:32px; flex-shrink:0; }
.dialog-image-wrap { max-height:73dvh; overflow:auto; text-align:center; }
.dialog-image-wrap img { max-width:none; width:100%; margin:auto; }
dialog > p { font-size:10px; color:var(--muted); margin-top:12px; }
body:has(dialog[open]) { overflow:hidden; }
@media (max-width:760px) {
 .container { padding-inline:24px; }.nav-inner { padding:14px 24px; }nav { gap:20px; font-size:11px; }.brand { font-size:18px; }
 .hero { padding-top:39px; padding-bottom:27px; }h1 { font-size:37px; letter-spacing:-1px; }.paper-subtitle { font-size:25px; }.authors { font-size:12px; }.authors > div { gap:7px 18px; }
 .hero-figure figcaption { text-align:left; }.hero-figure { margin-bottom:29px; }.enlarge-label { opacity:1; font-size:8px; padding:2px 5px; }
 h2 { font-size:25px; }.reading-width h2 { text-align:left; }.reading-width p { font-size:14px; }
 .method-list { gap:21px; }.method-list h3 { font-size:12px; }.method-list p { font-size:12px; }.metric-definition { gap:20px; font-size:11px; }.metric-definition > strong { font-size:18px; }
 .results,.case-studies,.code-section { padding-top:43px; }.result h3 { font-size:16px; }.result > p { font-size:13px; }.section-heading > p { font-size:13px; }
 .paper-panels { gap:16px; }.panel-label { font-size:10px; }.delegation-panels { grid-template-columns:1fr; gap:28px; }.delegation-panels > div:first-child { max-width:430px; margin:auto; width:100%; }.delegation-panels > div:last-child { max-width:600px; margin:auto; width:100%; }
 .scaling-panels { grid-template-columns:1fr 1fr; gap:22px; }.scaling-panels > div:last-child { grid-column:1/-1; max-width:460px; width:100%; margin:8px auto 0; }
 .case-columns { grid-template-columns:1fr; gap:25px; }.case-study h3 { font-size:20px; }.case-links { gap:12px 23px; }
 .case-columns table { font-size:12px; }.case-columns thead th { font-size:11px; }.case-takeaway { padding:12px 14px; }.result-tables table,.suite-table { min-width:620px; }
 footer { flex-wrap:wrap; gap:13px; }footer p { order:3; width:100%; }.code-links .inline-link { margin-left:0; }.dialog-image-wrap img { min-width:700px; }
}
@media (max-width:480px) {
 html { scroll-padding-top:112px; }.container { padding-inline:20px; }.nav-inner { padding:12px 20px; flex-wrap:wrap; gap:8px; }nav { width:100%; justify-content:space-between; gap:16px; }
 .hero { padding-top:31px; }.eyebrow { margin-bottom:13px; font-size:11px; }h1 { font-size:34px; letter-spacing:-1.1px; max-width:350px; margin:auto; }.paper-subtitle { font-size:21px; letter-spacing:-.5px; }.authors { font-size:12px; margin-top:22px; }.authors > div { gap:5px 15px; }.authors > div + div { margin-top:5px; }
 .button { font-size:11px; padding:8px 12px; gap:10px; }.hero-links { gap:8px; margin-top:21px; }
 figcaption { font-size:11px; }.hero-figure .figure-button { padding-block:4px; }h2 { font-size:24px; letter-spacing:-.6px; }
 .method-list { grid-template-columns:1fr; gap:16px; padding-block:19px; }.method-list h3 { font-size:13px; margin-bottom:4px; }.metric-definition { flex-direction:column; align-items:flex-start; gap:9px; }
 .section-heading { padding-bottom:15px; }.result { padding-top:23px; }.result + .result { margin-top:24px; }.result h3 { font-size:15px; }.paper-figure { margin-top:18px; }.paper-panels { column-gap:17px; }.scaling-panels > div:last-child { max-width:320px; }.case-source { font-size:10px; }.case-study h3 { font-size:19px; }.case-study > p:not(.case-source):not(.case-takeaway) { font-size:13px; }
 .case-columns th,.case-columns td { padding:9px 7px; font-size:11px; }.case-columns thead th { font-size:10px; }.case-columns table { table-layout:auto; }.object-line { gap:6px; }.object-line code { font-size:11px; }.reference-list code { font-size:17px; }.code-heading { font-size:10px; padding-inline:12px; }pre { padding:14px; }pre code { font-size:11px; }
 .code-links { gap:10px; }.code-links .inline-link { display:block; width:100%; margin-top:4px; }.dialog-heading h2 { font-size:14px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { transition:none!important; animation:none!important; } }
@media (max-width:380px) {
 .authors { display:grid; grid-template-columns:repeat(2,max-content); justify-content:center; gap:6px 24px; }
 .authors > div { display:contents; }
 .authors > div:last-child > span:last-child { grid-column:1/-1; }
}

.correspondence { margin-top:10px; font-size:11px; color:var(--muted); text-align:center; }
.correspondence a { text-decoration:underline; text-underline-offset:3px; }
.reference-list dd { font-size:12px; text-align:right; }