@font-face{font-family:Inter;src:url('/fonts/inter-var-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#fff;--paper-deep:#eef5fa;--ink:#102F4D;--muted:#4f6373;--rule:#cbd9e3;--red:#a7342a;--red-dark:#17659c;--focus:#17659c;--display:Inter,sans-serif;--body:Inter,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--blue:#65B8F8}
body{font-family:var(--body);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
a{color:#17659c}a:hover{color:var(--ink)}
.shell{max-width:1080px;padding:0 2rem 2rem}.site-nav{align-items:center;padding:1rem 0;gap:1rem}.wordmark{font:600 1rem var(--body);letter-spacing:-.02em}.nav-links{gap:.5rem 1.1rem;align-items:center}.nav-links a{font:.85rem var(--body);letter-spacing:0;text-transform:none;padding:.35rem 0;text-decoration:none}.nav-links [aria-current=page]{text-decoration:underline;text-underline-offset:.45em;text-decoration-color:var(--blue)}
h1,h2,h3{font-family:var(--body);line-height:1.2;font-weight:600;letter-spacing:-.035em}h1{font-size:clamp(2rem,4vw,3rem);max-width:24ch}h2{font-size:1.4rem}.eyebrow{font:600 .73rem var(--body);letter-spacing:.07em;margin:0 0 .7rem}.portfolio-intro{padding:2.5rem 0 1.75rem;max-width:43rem}.lede{font:400 1.2rem/1.5 var(--body);letter-spacing:-.02em;margin:1rem 0 .7rem;max-width:45ch}.intro-note{font-size:.9rem;color:var(--muted);max-width:65ch;margin:0}
.project-list{max-width:none;margin:0;border-top:1px solid var(--rule)}.project{grid-template-columns:7.5rem minmax(0,1fr) 11rem;gap:1.5rem;padding:1.65rem 0}.project-index{font:.73rem var(--body);letter-spacing:.025em;padding-top:.4rem}.project h2{font-size:1.5rem;margin:0 0 .5rem}.project h2 a{text-decoration:none}.project-copy p{margin:0;max-width:47ch}.project-copy .evidence-line{font-size:.8rem;color:var(--muted);margin:.6rem 0}.project-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem}.project-links a{padding:.2rem 0}.mini-flow{border-left:2px solid var(--blue);padding:.25rem 0 .25rem 1rem;display:flex;flex-direction:column;justify-content:center;font-size:.8rem;line-height:1.4;gap:.15rem}.mini-flow strong{font-weight:600}.flow-next{color:var(--muted);font-size:.8rem}.portfolio-background{display:grid;grid-template-columns:9rem 1fr;gap:.7rem 1rem;margin-top:1.75rem}.portfolio-background h2{font-size:1rem;letter-spacing:-.02em;margin:0}.portfolio-background p{margin:0;max-width:60ch;font-size:.95rem;color:var(--muted)}.portfolio-background a{font-size:.85rem}.portfolio-background a:first-of-type{grid-column:2}.portfolio-background a:last-child{grid-column:2}
footer{font:.8rem/1.6 var(--body);letter-spacing:0;text-transform:none;margin-top:2.5rem;padding-top:1rem}footer p{margin:.5rem 0}
.case-header{margin:2.2rem 0 1.5rem;max-width:50rem}.case-header h1{max-width:none;font-size:clamp(2rem,5vw,3rem)}.case-header .lede-short{font:400 1.15rem/1.5 var(--body);max-width:62ch;margin:.7rem 0 1rem;letter-spacing:-.015em}.xsection,.psection,.nsection{margin-top:1.75rem;padding-top:1.25rem}.xsection h2,.psection h2,.nsection h2{font-size:1.35rem;margin:0 0 .9rem}.method-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:1.5rem}.method-flow li{border-top:3px solid var(--blue);padding:.65rem 0 0;min-width:0}.method-flow span{display:block;font-size:.7rem;color:var(--muted);margin-bottom:.35rem}.method-flow strong{display:block;font-size:1rem;font-weight:600;line-height:1.3}.method-flow p{font-size:.9rem;color:var(--muted);line-height:1.55;margin:.4rem 0 0}.method-note{font-size:.9rem;max-width:75ch;margin:1.1rem 0 0}
.technical-details{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:1.2rem 0 0;max-width:none;padding:0}.technical-details>summary{font:500 .88rem/1.5 var(--body);letter-spacing:0;text-transform:none;padding:.8rem 0;color:#17659c;min-height:44px}.technical-details[open]>summary{margin-bottom:.5rem}.technical-details .psection{border:0;padding:0;margin:0 0 1rem}.evidence-section{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--rule)}.evidence-section>.xc{padding:0;border:0}.evidence-section h2{font-size:1.35rem;margin:0 0 .5rem}.evidence-section .xsub{margin-bottom:1rem}.evidence-section .cnote{font-size:.82rem;max-width:85ch;line-height:1.6;margin:.8rem 0 0}.evidence-section .pnote{font-size:.9rem;max-width:85ch}
.xfig{background:#f7fafc}.xpanels{grid-template-columns:minmax(0,1fr)!important}.xa{border-right:0;border-bottom:1px solid var(--rule)}.xp{min-width:0;padding:1.1rem}.xhead h3{font:600 1.1rem/1.35 var(--body)}.xhead b{font-size:.7rem}.xsub{line-height:1.5}.bflow{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.bflow>div{min-width:0}.modes{min-width:0}.mode{border-radius:6px;flex-wrap:wrap}.col-modes::before,.col-ci::before,.col-help::before{display:none}.expert{border-radius:5px;flex-wrap:wrap;margin:0 0 .4rem}.emul{text-align:left;margin:.4rem 0 1rem}.ringwrap{width:12rem}.acap{font-size:.82rem}.bflow .ci{box-shadow:none}.effort{border-radius:5px}.clegend{margin:0 0 1rem;flex-wrap:wrap}.metrics{gap:1rem}.metric{padding:0 0 0 1rem;min-width:0}.ratio{font:600 2rem/1.2 var(--body)}.brow .track{display:grid;grid-template-columns:minmax(0,1fr) 3.5rem}.brow .v{white-space:nowrap;text-align:right}.bars{font-size:.85rem}.legend{flex-wrap:wrap}.notes p{font-size:.95rem}.notes{max-width:46rem}.table-scroll{max-width:100%;overflow:auto;margin:.75rem 0}.results{font-size:.9rem;max-width:none}.results th{font:.75rem var(--body);text-transform:none;letter-spacing:0}.results td:first-child{min-width:9rem}.pctl{gap:.4rem 1rem}.pctl button{font:.8rem var(--body);text-transform:none;letter-spacing:0;min-height:44px}.pgrid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.pbox pre{font-size:.82rem}.fullcase summary{font-size:.8rem}.fullcase pre,.trace{overflow-wrap:anywhere}.node.core b,.ci strong{font-family:var(--body);font-weight:600}.tip-i{opacity:.7}
/* Keep notes inside every viewport, including touch and keyboard activation. */
.bubble,.bubble.r,.bubble.c,.ci .bubble{position:fixed;left:50%!important;right:auto!important;top:auto;bottom:1rem;width:calc(100vw - 2rem);max-width:30rem;max-height:40vh;overflow:auto;transform:translateX(-50%)!important;border-radius:5px;pointer-events:auto;font:.85rem/1.5 var(--body);z-index:50}.bubble::before{display:none}
@media(min-width:1100px){.bflow{grid-template-columns:repeat(4,minmax(0,1fr))}.dots{grid-template-columns:repeat(6,1rem)}.dot{width:1rem;height:1rem}.count{font-size:.8rem}.mode{font-size:.8rem}}
@media(max-width:720px){.shell{padding:0 1.15rem 1.5rem}.site-nav{align-items:flex-start;gap:.5rem}.nav-links{gap:.5rem 1rem}.portfolio-intro{padding:1.65rem 0}.portfolio-intro h1{font-size:2rem}.lede{font-size:1.1rem}.project{grid-template-columns:minmax(0,1fr);gap:.6rem;padding:1.2rem 0}.project-index{padding:0}.mini-flow{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.4rem;border-left:0;padding:.5rem 0 0;font-size:.74rem}.mini-flow .flow-next{transform:rotate(-90deg)}.portfolio-background{display:block}.portfolio-background h2{margin-bottom:.5rem}.portfolio-background a{display:inline-block;margin:.7rem 1rem 0 0}.case-header{margin:1.5rem 0}.method-flow{grid-template-columns:1fr;gap:.9rem}.method-flow li{border-top:0;border-left:3px solid var(--blue);padding:0 0 0 .85rem}.method-flow p{margin:.3rem 0 0}.bflow,.pgrid,.wcase,.tools,.flow{grid-template-columns:minmax(0,1fr)}.arw{transform:rotate(90deg);text-align:center}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.metric:nth-child(odd){border:0;padding:0}.metric{padding-left:.75rem}.mtop{flex-wrap:wrap}.metric .ratio{font-size:1.7rem}.prows{gap:1.2rem}.prow,.paxis{grid-template-columns:1fr;gap:.3rem}.paxis>span{display:none}.pb{font-size:.85rem}.xp{padding:1rem .8rem}.expert{font-size:.85rem}.effort{grid-template-columns:1fr;gap:.5rem}.results{font-size:.82rem}.results th,.results td{padding:.55rem .5rem .55rem 0}.results td.n{white-space:normal}.results td:first-child{min-width:7rem}.xsection,.psection,.nsection{margin-top:1.5rem}.notes{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.rlabel{white-space:nowrap;overflow-wrap:normal}

/* The same saved preference as the main site, with semantic diagram colors. */
:root{--link:#17659c;--surface:#f7fafc;color-scheme:light}
[data-theme=dark]{--paper:#0c1c2b;--paper-deep:#132b40;--ink:#e8f2fa;--muted:#b5c8d8;--rule:#344e64;--red:#ffb0a6;--red-dark:#65b8f8;--focus:#65b8f8;--link:#65b8f8;--surface:#132b40;--sys:#65b8f8;--sys-soft:#1c3d56;--sys-ink:#b5d8f2;--base:#97aabc;--pihf:#65b8f8;--pihf-soft:#1c3d56;--pihf-ink:#b5d8f2;--gepa:#97aabc;--fail-soft:#482e32;--ok:#a8d49c;--ok-soft:#213d32;--expert:#edcc86;--expert-soft:#3b3528;--review:#d2c1ed;--review-soft:#342c49;--cur:#a8d49c;--cur-soft:#213d32;--code-ink:#e8f2fa;--code-bg:#101f30;color-scheme:dark}
a{color:var(--link)}a:hover{color:var(--ink)}.technical-details>summary{color:var(--link)}.xfig{background:var(--surface)}
.theme-toggle{display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--ink);font:1.15rem var(--body);cursor:pointer}.theme-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.nav-links{flex-wrap:wrap}
[data-theme=dark] .pframe{background:var(--sys-soft)}
[data-theme=dark] .node.core,[data-theme=dark] .ci{background:#214e73;color:#f4f8fc;border-color:#65b8f8}
[data-theme=dark] .node.core span,[data-theme=dark] .ci span,[data-theme=dark] .ci .model{color:#dcebf7}
[data-theme=dark] .ring{background:conic-gradient(from -45deg,#3b5267 0 24.4%,var(--paper) 0 25%,#3b5267 0 49.4%,var(--paper) 0 50%,#3b5267 0 74.4%,var(--paper) 0 75%,#3b5267 0 99.4%,var(--paper) 0)}
[data-theme=dark] .rlabel{color:#f4f8fc}
[data-theme=dark] .loop li,[data-theme=dark] .expert{border-color:#a48c55}
[data-theme=dark] .pbox{border-color:var(--rule)}[data-theme=dark] .pbox header b{color:#b5d8f2}[data-theme=dark] .pbox header span{color:var(--muted)}
[data-theme=dark] .bubble,[data-theme=dark] .ci .bubble{background:#e8f2fa;color:#102f4d;border:1px solid #9dbbd3}
@media(max-width:720px){.nav-links{gap:.4rem .9rem}.nav-links a{min-height:40px;display:inline-flex;align-items:center}.site-nav{gap:.6rem}.theme-toggle{width:40px;height:40px}}

.ci .model{color:#dcebf7}
[data-theme=dark] .h-tools b{color:var(--red)}

.tip.tip-dismissed .bubble{opacity:0;visibility:hidden;pointer-events:none}