@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3-latin.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("fonts/source-serif-4-latin.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:Sans;src:url("fonts/source-sans-3-latin.woff2") format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:Serif;src:url("fonts/source-serif-4-latin.woff2") format("woff2");font-weight:200 900;font-display:swap}
:root{color-scheme:light;--paper:#fff;--ink:#202b33;--secondary:#53616c;--accent:#285a70;--rule:#d9dfe2;--tint:#eef3f5;--outcome-paper:#f3f5f3;--sans:"Source Sans 3",sans-serif;--serif:"Source Serif 4",serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.4}
button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:hover,a:hover{color:var(--accent)}[hidden]{display:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.paper{max-width:1480px;margin:auto;padding:0 34px 10px}.masthead{height:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0}.brand{font:600 26px/1 var(--serif);letter-spacing:-.65px;text-decoration:none}
.partner-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:5px 14px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:2px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.partner-link:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.intro{display:grid;grid-template-columns:1.45fr 1fr;gap:40px;align-items:center;padding:6px 0;flex-shrink:0}.intro h1{font:500 clamp(36px,3vw,44px)/1.1 var(--serif);letter-spacing:-1.1px;margin:0}.intro p{font-size:16px;line-height:1.5;max-width:416px;margin:0;justify-self:end;color:var(--secondary);border-left:2px solid var(--rule);padding-left:16px}
.main-figure{margin:0;min-height:0}.figure-pair{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:26px;height:470px}.overview-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.pane-heading{display:flex;align-items:center;gap:14px;height:34px;flex-shrink:0;padding:0 2px}.pane-heading h2,.detail-heading h2{font-size:14px;font-weight:600;line-height:20px;margin:0}.pane-heading>span{font-size:12px;color:var(--secondary)}.text-button{background:none;border:0;padding:4px 0;min-height:30px;font-size:12px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.pane-heading .text-button{margin-left:auto;color:var(--secondary)}
.overview-stage{position:relative;flex:1;min-height:0}canvas{display:block}#overview{width:100%;height:100%}#overview-controls{position:absolute;inset:0;pointer-events:none}.region-control{position:absolute;pointer-events:auto;background:transparent;border:0;padding:0;min-height:0;border-radius:1px;touch-action:pan-y}.region-control:hover{background:#285a7008;box-shadow:inset 0 0 0 1px #285a7024}.region-control:focus-visible{outline:2px solid var(--accent);outline-offset:0}.detail-jump{display:none;font-size:14px;color:var(--accent);padding:10px 0;min-height:44px}
.detail-pane{min-width:0;min-height:0;border:1px solid var(--rule);display:flex;flex-direction:column;background:var(--paper)}.detail-pane:not(.is-unselected){border-left:2px solid var(--accent)}.detail-heading{height:33px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:14px;border-bottom:1px solid var(--rule);background:var(--tint)}.detail-heading h2{white-space:nowrap;min-width:0;font:500 18px/22px var(--serif)}.detail-pane:not(.is-unselected) #detail-name{color:var(--accent)}.detail-suffix{font-weight:400;color:var(--secondary)}.detail-tools{display:flex;align-items:center;gap:10px}select{min-height:38px;max-width:210px;background:var(--paper);border:1px solid #a6b4bb;border-radius:2px;padding:5px 26px 5px 9px;font-size:14px}.detail-tools #inspect{display:none}.icon-button{border:0;display:flex;align-items:center;gap:6px;background:transparent;padding:0;min-height:32px;font-size:12px;white-space:nowrap}.icon-button svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.3;fill:none}
.detail-stage{flex:1;position:relative;min-height:0;overflow:hidden}#detail{width:100%;height:100%;touch-action:pan-y}.is-unselected #detail{filter:blur(5px);opacity:.55}.detail-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:rgb(255 255 255 / .32);text-align:center;color:var(--secondary);padding:20px}.detail-prompt svg{width:46px;height:40px;fill:none;stroke:var(--accent);stroke-width:1.3}.detail-prompt p{font:400 22px/1.5 var(--serif);margin:0}.stacked-prompt{display:none}
/* Two levels per benefit: direct claim, then its scope or evidence. */
.benefits{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px;padding:12px 0;background:var(--outcome-paper);border-block:1px solid var(--rule)}
.benefit{min-width:0;padding:0 18px;border-left:1px solid #ccd6d8;display:flex;flex-direction:column;justify-content:flex-start}.benefit:first-of-type{border-left:0}
.benefit h3{margin:0;font:600 14px/18px var(--sans);color:var(--secondary)}
.benefit .outcome-result{margin:0 0 5px;font:400 18px/24px var(--serif);letter-spacing:-.2px;color:var(--ink)}
.benefit .outcome-copy{margin:0;font:400 14px/18px var(--sans);color:var(--secondary)}
.method-link{position:relative;border:0;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.method-link::after{content:"";position:absolute;inset:-6px -2px 0}
#token-method-dialog{width:min(660px,calc(100vw - 32px));max-height:calc(100svh - 40px);margin:auto;overflow:auto}#token-method-dialog>.dialog-heading{position:sticky;top:0;background:var(--paper);z-index:1}
.method-copy{padding:18px 24px 24px}.method-copy p{margin:0 0 16px;font-size:16px;line-height:1.5;color:var(--secondary)}.method-copy .method-lead{color:var(--ink)}.method-copy h3{margin:24px 0 8px;font:500 21px/1.25 var(--serif)}.method-copy table{border-collapse:collapse;width:100%;margin:0 0 16px;font-variant-numeric:tabular-nums}.method-copy th,.method-copy td{text-align:right;padding:8px;border-block:1px solid var(--rule);font-size:15px}.method-copy th:first-child{text-align:left}.method-copy th{font-weight:600}.method-copy .method-caveat{font-size:14px;line-height:1.5}.method-copy .method-source{font-size:13px;line-height:1.4;margin:0;padding-top:12px;border-top:1px solid var(--rule)}

.text-fallback{max-width:780px;margin:32px auto}.text-fallback h2{font:500 26px/1.2 var(--serif)}.text-fallback h3,#reading-copy h3{font-size:18px;font-weight:600;margin:28px 0 8px}.text-fallback p,#reading-copy p{line-height:1.6;margin:0 0 16px}
dialog{color:var(--ink);border:1px solid var(--rule);padding:0;background:var(--paper);max-width:none;max-height:none}dialog::backdrop{background:rgb(30 40 45 / .28)}#architecture-dialog{width:calc(100vw - 32px);height:calc(100svh - 32px);margin:auto}.architecture-shell{display:flex;flex-direction:column;height:100%;min-height:0}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 20px;border-bottom:1px solid var(--rule)}.dialog-heading h2{font:500 23px/1.3 var(--serif);margin:0}.dialog-actions{display:flex;align-items:center;gap:20px}.close-button{background:none;border:0;padding:6px 0 6px 8px;min-height:44px;font-size:14px;display:flex;align-items:center;gap:10px;white-space:nowrap}.close-button span{font-size:25px;font-weight:300;line-height:1}.full-stage{flex:1;min-height:0;position:relative}#full-diagram{width:100%;height:100%;touch-action:pan-y}#reading-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100svh - 48px);margin:auto;overflow:auto}.reading-shell>.dialog-heading{position:sticky;top:0;background:var(--paper);z-index:1}#reading-copy{padding:0 26px 20px}#reading-copy>p:first-child{margin-top:22px}
@media(min-width:1050px){.benefits{flex:0 0 96px;height:96px}.paper.is-ready{height:100svh;min-height:700px;display:flex;flex-direction:column}.paper.is-ready .main-figure{flex:1;display:flex;flex-direction:column}.paper.is-ready .figure-pair{flex:1;height:auto;min-height:400px}}
@media(min-width:1050px) and (max-height:740px){.intro h1{font-size:36px}.intro{padding:5px 0 6px}}
@media(min-width:1050px) and (max-width:1200px){.paper{padding-inline:24px}.figure-pair{gap:20px;grid-template-columns:minmax(0,43fr) minmax(0,57fr)}.intro{gap:25px}.intro h1{font-size:34px}.intro p{font-size:15px}.benefit{padding-inline:14px}.benefit .outcome-result{font-size:18px;line-height:24px}.pane-heading{gap:9px}}
@media(max-width:1049px){.paper{padding:0 24px 28px}.masthead{height:60px}.partner-link{min-height:44px}.intro{padding:12px 0 22px;gap:25px}.intro h1{font-size:34px}.wide-break{display:none}.figure-pair{height:460px;gap:20px;grid-template-columns:minmax(0,43fr) minmax(0,57fr)}.pane-heading>span{display:none}.detail-suffix{display:none}.detail-heading{height:44px}.pane-heading{height:44px}.text-button,.icon-button{min-height:44px}.icon-button span{display:none}.icon-button{min-width:30px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 0;margin-top:26px;gap:24px 0}.benefit:nth-of-type(odd){border-left:0}.benefit .outcome-copy{font-size:16px;line-height:22px}.method-link{min-height:44px}}
@media(max-width:899px){.paper{max-width:740px}.intro{grid-template-columns:1fr;gap:14px;padding:15px 0 26px}.intro h1{font-size:42px}.intro p{justify-self:start;max-width:520px;font-size:17px}.figure-pair{display:flex;flex-direction:column;height:auto;gap:20px}.overview-pane{width:100%;max-width:570px;margin:auto}.overview-stage{flex:none;height:auto;aspect-ratio:520/450}.pane-heading>span{display:inline}.detail-jump:not([hidden]){display:block}.detail-pane{scroll-margin-top:16px}.detail-heading{height:auto;min-height:50px;flex-wrap:wrap;padding:7px 12px;gap:8px}.detail-tools #inspect{display:block}.detail-tools{margin-left:auto}.icon-button span{display:inline}.detail-stage{flex:none;height:440px}.is-unselected .detail-stage{height:260px}.desktop-prompt{display:none}.stacked-prompt{display:inline}.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.paper{padding:0 18px 26px}.masthead{height:auto;min-height:68px;gap:12px;flex-wrap:wrap;padding:10px 0}.brand{font-size:25px}.partner-link{font-size:13px;padding:7px 10px}.intro{padding:12px 0 24px;gap:16px}.intro h1{font-size:33px;line-height:1.13;letter-spacing:-.7px}.intro p{font-size:16px;line-height:1.5}.pane-heading{gap:10px}.pane-heading h2{font-size:14px}.pane-heading>span,.text-button{font-size:12px}.detail-heading{padding:10px 12px;gap:9px}.detail-heading h2{font-size:16px;white-space:normal}.detail-tools{margin-left:0;width:100%;justify-content:space-between;gap:8px}.detail-tools select{width:auto;flex:1;max-width:none;min-width:0;min-height:44px}.detail-tools .icon-button{min-width:44px;justify-content:center}.detail-tools .icon-button span{display:none}.is-unselected .detail-stage{height:230px}.detail-prompt p{font-size:20px}.benefits{display:block;margin-top:28px;padding:0 18px}.benefit{padding:20px 0;border:0}.benefit+.benefit{border-top:1px solid var(--rule)}.benefit h3{font-size:15px;line-height:20px}.benefit .outcome-result{font-size:20px;line-height:26px;margin:0 0 6px}.benefit .outcome-copy{font-size:16px;line-height:24px}.method-copy{padding:16px}.method-copy th,.method-copy td{padding:7px 5px;font-size:14px}.dialog-heading{padding:12px;gap:10px;align-items:flex-start}.dialog-heading h2{font-size:20px}.dialog-actions{gap:8px;align-items:flex-end;flex-direction:column}.dialog-actions select{max-width:180px;min-height:44px}#architecture-dialog{width:100vw;height:100svh;border:0}#reading-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 20px)}#reading-copy{padding:0 18px 14px}}
@media(max-width:359px){.masthead{align-items:flex-start}.partner-link{width:100%;margin-top:2px}.intro h1{font-size:31px}.pane-heading>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.paper.is-ready{height:auto;display:block}.figure-pair{height:440px;display:grid;grid-template-columns:40% 60%}.detail-tools,.text-button,.detail-jump,dialog,.detail-prompt,.method-link{display:none!important}.is-unselected #detail{filter:none;opacity:1}.benefits{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px}.benefit{border:0;padding:0;break-inside:avoid}.partner-link{color:#222;background:#fff}}

/* BoringEvals: white research note, one authored comparison, two reading depths. */
:root{--ink:#202629;--secondary:#53615e;--accent:#246452;--rule:#d7e0da;--tint:#eef5f1;--outcome-paper:#f4f6f3}
.brand{display:inline-flex;align-items:center;gap:6px;font:600 20px/1 var(--sans);letter-spacing:-.35px;min-height:44px}.brand img{width:32px;height:25px;object-fit:contain;flex:none}.brand:hover{color:var(--ink)}
.masthead{height:52px}.partner-link{min-height:44px;transition:background-color 140ms,border-color 140ms}
.intro{grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:30px;padding:8px 0 12px}.intro h1{font-size:clamp(35px,3.2vw,46px);line-height:1.08;max-width:760px}.thesis-block{line-height:1.08}.thesis-block h1{display:inline}#mode-switch{display:inline-flex;align-items:center;justify-content:center;vertical-align:bottom;min-width:88px;height:44px;margin:0 0 3px 18px;padding:10px 16px;border:1px solid var(--accent);border-radius:2px;background:var(--accent);color:var(--paper);font:600 17px/22px var(--sans);transition:background-color 140ms,border-color 140ms}#mode-switch:hover{background:#1d5042;border-color:#1d5042}#mode-switch:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.intro-side{justify-self:end;width:340px;max-width:100%}.intro-side .partner-link{width:100%;height:48px;padding:10px 20px;margin:0;font-size:16px;line-height:24px;background:var(--ink);color:var(--paper);border-color:var(--ink)}.intro-side .partner-link:hover{background:var(--accent);border-color:var(--accent)}.intro p{justify-self:auto;border:0;padding:0;font-size:16px;line-height:1.4}.view-actions{display:flex;align-items:center;justify-content:flex-end;min-height:44px;flex-wrap:wrap;gap:4px 20px;margin-top:3px}.view-actions button{min-height:44px;border:0;padding:0;background:none;color:var(--accent);font-size:14px;font-weight:600;white-space:nowrap}.view-actions button span{display:inline-block;margin-left:4px;font-size:17px}.view-actions button:hover{text-decoration:underline;text-underline-offset:4px}.quiet-action{border:0;background:none;padding:4px 0;min-height:44px;color:var(--secondary);font-size:13px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.quiet-action:disabled{opacity:.65;cursor:default;text-decoration:none}.view-actions .quiet-action{color:var(--secondary);font-weight:400}
.view-slot{min-height:0}#work-view,#technical-view{min-height:0}.pain-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;height:100%;min-height:0}.pain-half{margin:0;min-width:0;min-height:0;display:flex;flex-direction:column;padding:0 8px}.pain-half.assisted{border-left:1px solid var(--rule);padding-left:24px}.pain-half figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;height:32px;padding:1px 10px 0}.pain-half:not(.assisted)::before{content:"";height:32px;flex-shrink:0}.pain-half h2{font:600 15px/1.3 var(--sans);letter-spacing:0;margin:0;color:var(--accent)}.pain-half figcaption p{font-size:14px;line-height:1.3;margin:3px 0 0;color:var(--secondary)}.pain-stage{position:relative;flex:1;min-height:0}.pain-stage canvas{width:100%;height:100%}
#pain-fallback{padding:24px 0;max-width:720px}#pain-fallback h2{font:500 26px var(--serif)}#pain-fallback p{line-height:1.6}
.region-control:hover{background:#24645208;box-shadow:inset 0 0 0 1px #24645230}.pane-heading .text-button,.text-button,.icon-button{min-height:44px}.pane-heading{height:44px}.detail-heading{height:44px}.method-link{min-height:24px}.method-link::after{inset:-10px -3px}.benefit{border-color:var(--rule)}
@media(min-width:1050px){.paper.landing-ready{height:100svh;min-height:700px}.landing-ready .view-slot{flex:1;display:flex;min-height:390px}.landing-ready #work-view,.landing-ready #technical-view{width:100%;display:flex;flex-direction:column;min-height:0;flex:1}.landing-ready .pain-pair{flex:1;min-height:0}.landing-ready #technical-view .main-figure{flex:1;min-height:0}.landing-ready .figure-pair{min-height:0!important}.landing-ready .benefits{flex:0 0 96px}.paper.landing-ready .intro h1{font-size:clamp(35px,3.2vw,46px)}}
@media(min-width:1050px) and (max-height:740px){.intro{padding:4px 0 8px}.paper.landing-ready .intro h1{font-size:36px}.pain-half figcaption{height:32px}.masthead{height:50px}}
@media(min-width:900px) and (max-width:1049px){.paper{padding:0 22px 12px}.intro{grid-template-columns:1.35fr 1fr;gap:24px;padding:10px 0 10px}.intro h1{font-size:34px}.intro p{font-size:15px}.view-actions{gap:4px 12px}.view-actions button{font-size:13px}.pain-pair{height:420px;gap:20px}.pain-half.assisted{padding-left:16px}.benefits{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px;padding:12px 0;gap:0}.benefit{padding:0 12px;border-left:1px solid var(--rule)!important}.benefit:first-of-type{border-left:0!important}.benefit .outcome-result{font-size:18px;line-height:24px}.benefit .outcome-copy{font-size:13px;line-height:18px}.method-link{min-height:24px}}
@media(max-width:899px){.intro{grid-template-columns:1fr;gap:14px;padding:18px 0 22px}.intro-side{justify-self:start;width:100%;max-width:none}.intro h1{max-width:640px}.view-actions{gap:6px 24px;margin-top:8px}.pain-pair{height:auto;display:block}.pain-half{padding:0;max-width:600px;margin:auto}.pain-half.assisted{border-left:0;border-top:1px solid var(--rule);padding:22px 0 0;margin-top:24px}.pain-half:not(.assisted)::before{display:none}.pain-half figcaption{height:40px;padding-inline:10px}.pain-stage{flex:none;aspect-ratio:560/440}.pain-stage canvas{position:absolute;inset:0}.benefits{margin-top:26px}.masthead{height:62px}}
@media(max-width:599px){.paper{padding:0 18px 26px}.masthead{height:auto;min-height:70px;gap:8px}.brand{font-size:19px;gap:6px}.brand img{width:32px;height:25px}.partner-link{font-size:12px;padding:7px 9px}.intro{padding:14px 0 20px}.intro h1{font-size:34px;line-height:1.1;letter-spacing:-.8px}.intro p{font-size:16px}.wide-break{display:none}.view-actions button{font-size:14px}.pain-stage{aspect-ratio:350/440}.pain-half figcaption{padding-inline:0}.pain-half .quiet-action{font-size:12px}.benefits{padding:0 16px}.brand span{white-space:nowrap}.method-link{min-height:32px}.pane-heading .text-button{min-width:58px}.detail-heading{height:auto}.pain-half.assisted{margin-top:20px}}
@media(max-width:359px){.masthead{padding:12px 0;gap:2px}.brand{font-size:19px}.partner-link{margin:2px 0 0;width:100%;font-size:14px}.intro h1{font-size:31px}.pain-half figcaption{gap:5px}.view-actions{column-gap:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{#mode-switch,.view-actions,.partner-link,.pain-half .quiet-action{display:none!important}.paper.landing-ready{height:auto;display:block}.view-slot{display:block!important}.pain-pair{height:440px;display:grid;grid-template-columns:1fr 1fr}.pain-stage{aspect-ratio:auto}.pain-half.assisted{border-top:0;margin:0;padding:0;border-left:1px solid var(--rule)}}
@media(max-width:1049px){.headline-break{display:none}}

/* Compact reading layout: one width contract, intrinsic figures, no height fit. */
.pain-half .compact-caption,.back-to-overview{display:none}.full-scroll{display:contents}#full-map-controls{position:absolute;inset:0}
@media(max-width:1023px){
  .paper,.paper.landing-ready{max-width:740px;height:auto;min-height:0;padding:0 18px 26px}
  .intro{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px 0 20px}
  .intro h1{font-size:clamp(31px,calc(7px + 7.5vw),35px);line-height:1.2;max-width:640px;margin-inline-end:18px}
  .headline-break{display:none}#mode-switch{margin:8px 0 4px;vertical-align:middle}.intro-side{justify-self:start;width:100%;max-width:none}
  .intro-side .partner-link{width:100%}.view-actions{margin-top:8px}
  .view-slot,#technical-view,#work-view{display:block}.pain-pair{display:block;height:auto}
  .pain-half{padding:0;max-width:420px;margin:auto}.pain-half:not(.assisted)::before{display:none}
  .pain-half.assisted{padding:14px 0 0;margin-top:18px;border-left:0;border-top:1px solid var(--rule)}
  .pain-half .compact-caption{display:flex}.pain-half figcaption{height:32px;padding:0 2px}
  .pain-half .compact-caption h2{color:var(--secondary)}
  .pain-stage{flex:none;aspect-ratio:auto;height:304px}.pain-half.assisted .pain-stage{height:360px}
  .pain-stage canvas{position:absolute;inset:0}
  .figure-pair{display:flex;flex-direction:column;height:auto;gap:18px}
  .overview-pane{width:100%;max-width:360px;margin:auto}.overview-stage{flex:none;height:auto;aspect-ratio:320/656}
  .pane-heading>span{display:inline}.pane-heading{height:44px}.pane-heading h2{font-size:14px}
  .pane-heading .text-button,.pane-heading>span{font-size:12px}.pane-heading{gap:10px}
  .detail-jump{display:none!important}.detail-pane{width:100%;max-width:424px;margin:auto;scroll-margin-top:8px}
  .back-to-overview{display:flex;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;color:var(--accent);background:var(--paper);border-bottom:1px solid var(--rule)}
  .is-unselected .back-to-overview{display:none}.detail-heading{height:auto;min-height:50px;flex-wrap:wrap;padding:10px 12px;gap:8px}
  .detail-heading h2{font-size:16px;white-space:normal}.detail-suffix{display:none}
  .detail-tools{width:100%;margin-left:0;gap:8px;justify-content:space-between}.detail-tools #inspect{display:block;flex:1;width:auto;max-width:none;min-width:0;min-height:44px}
  .detail-tools .icon-button{min-width:44px;justify-content:center}.detail-tools .icon-button span{display:none}
  .detail-stage{flex:none;width:100%;max-width:400px;margin:auto;height:440px}.is-unselected .detail-stage{height:230px}
  .desktop-prompt{display:none}.stacked-prompt{display:inline}
  .benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;margin-top:24px;padding:16px 0;gap:24px 0}
  .benefit{padding:0 16px;border:0!important}.benefit:nth-of-type(even){border-left:1px solid var(--rule)!important}
  .benefit .outcome-result{font-size:20px;line-height:26px}.benefit .outcome-copy{font-size:16px;line-height:24px}
  #architecture-dialog{width:100vw;height:100svh;border:0}
  #architecture-dialog .dialog-heading{position:relative;flex:none;padding:8px 12px;gap:0}
  #architecture-dialog .dialog-heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #architecture-dialog .dialog-actions{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%}
  #architecture-dialog .dialog-actions select{flex:1;width:0;min-width:0;max-width:none;min-height:44px;font-size:16px}
  #architecture-dialog .close-button{padding-inline:4px;flex:none}
  .full-scroll{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
  .full-stage{flex:none;width:100%;max-width:400px;margin:0 auto}.full-stage.is-map{max-width:360px}
}
@media(max-width:599px){
  .benefits{display:block;padding:0 16px}.benefit{padding:20px 0;border:0!important}
  .benefit+.benefit{border-top:1px solid var(--rule)!important}.benefit:nth-of-type(even){border-left:0!important}
}
/* Reserve both navigation slots: How becomes Deeper without moving the reader's anchor. */
.architecture-nav{display:inline-grid;grid-template-columns:104px 104px;grid-template-rows:44px;column-gap:8px;vertical-align:bottom;width:216px;height:44px;margin:0 0 3px 18px}
.architecture-nav button,.architecture-nav #mode-switch{min-width:0;width:100%;height:44px;margin:0;padding:10px 12px;border:1px solid var(--accent);border-radius:2px;background:var(--accent);color:var(--paper);font:600 17px/22px var(--sans);transition:background-color 140ms,border-color 140ms}
.architecture-nav #mode-switch,.architecture-nav #expand{grid-area:1/1}
.architecture-nav #simplify{grid-area:1/2;background:var(--paper);color:var(--accent)}
.architecture-nav button:hover{background:#1d5042;border-color:#1d5042;color:var(--paper);text-decoration:none}
.architecture-nav #simplify:hover{background:var(--tint);color:var(--accent);border-color:var(--accent)}
.architecture-nav button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(min-width:1024px){.intro{grid-template-columns:minmax(0,1fr) 340px;gap:24px}}
@media(max-width:1023px){.thesis-block h1{display:block;margin-inline-end:0}.architecture-nav{display:grid;margin:14px 0 0}.paper[data-view="technical"] .view-actions{display:none}}
@media print{.architecture-nav{display:none!important}}