:root{color-scheme:dark;--bg:#111820;--surface:#17212c;--surface-2:#1b2734;--border:#344252;--text:#ecf0f4;--muted:#b2becb;--accent:#7cc8e6}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.7}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.3}h1{font-size:clamp(27px,4vw,36px);font-weight:650;letter-spacing:-1px}h2{font-size:clamp(23px,3vw,29px);font-weight:650;letter-spacing:-.6px}h3{font-size:17px;font-weight:600}h4{font-size:14px;font-weight:650}p{color:var(--muted)}p+p{margin-top:12px}strong{color:var(--text);font-weight:600}.container,.header-inner{width:min(1100px,calc(100% - 64px));margin-inline:auto}.site-header{border-bottom:1px solid var(--border)}.header-inner{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none;font-weight:650;font-size:19px;line-height:1.5;white-space:nowrap}.brand img{border-radius:50%;object-fit:cover;flex-shrink:0}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.1px}nav{display:flex;gap:27px;font-size:13px}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--text);text-decoration:underline}.section-intro{padding:44px 0 29px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--accent);font-weight:650;margin-bottom:9px}.section-intro>p:last-child{margin-top:10px;font-size:14px}.experiment{border:1px solid var(--border);background:var(--surface);padding:32px;border-radius:7px}.experiment-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.badge{font-size:8px;letter-spacing:.9px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:6px 8px;white-space:nowrap}.experiment-intro{font-size:14px;margin-top:16px;max-width:800px}.equation-panel{border-block:1px solid var(--border);padding:24px 12px;text-align:center;margin:26px 0}.label{font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:600}.equation-panel math{font-size:27px;margin:19px auto}.equation-panel>p:last-child{font-size:12px}.math-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:3px 0}math{font-family:math,serif;font-size:21px;margin:15px 0;color:var(--text)}.model-details{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;margin:28px 0 22px}.model-details h3{margin-bottom:10px}.model-details p{font-size:13px}dl{margin:0;font-size:12px}dl>div{display:grid;grid-template-columns:118px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #34425280}dl>div:first-child{padding-top:0}dt{color:var(--muted)}dd{margin:0}details{font-size:13px}summary{color:var(--accent);cursor:pointer;font-weight:500;min-height:30px}details[open]>summary{margin-bottom:13px}.method-details{padding:14px 17px;background:#11182088;border:1px solid var(--border);border-radius:4px;margin-bottom:28px}.method-details p{font-size:12px}.method-details math{font-size:19px}#heat-experiment{margin-top:30px}.load-status{padding:25px;border:1px solid var(--border)}.load-status.error{color:#f3b8a8}.visualization-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.checkbox-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;min-height:32px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.field-panel{padding:14px 20px 18px;border:1px solid var(--border);background:#101923;border-radius:4px}.field-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.4px;gap:10px}#temperature-field{display:block;width:min(100%,700px);height:auto;aspect-ratio:9/7;margin:4px auto 0}.color-legend{display:flex;align-items:center;gap:18px;justify-content:center;color:var(--muted);font-size:10px}.color-scale{width:240px}.color-ramp{height:9px;background:linear-gradient(to right,rgb(39,35,86),rgb(41,78,126),rgb(31,130,141),rgb(86,184,112),rgb(243,223,75));border:1px solid #ffffff20}.color-ticks{display:flex;justify-content:space-between;font-size:9px;margin-top:2px;font-variant-numeric:tabular-nums}.refinement-control{padding:23px 0 20px}.control-heading{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:14px}.control-heading label{font-weight:600}.control-heading output{color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:0;min-height:30px;display:block}datalist{display:none}.slider-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:0 4px;margin-top:7px;font-variant-numeric:tabular-nums}.small{font-size:11px;color:var(--muted)}#slider-help{margin-top:12px}.metrics{display:grid;grid-template-columns:.85fr 1.3fr 1fr;border:1px solid var(--border);border-radius:4px}.metrics>div{padding:18px 20px;border-right:1px solid var(--border)}.metrics>div:last-child{border-right:0}.metrics span{display:block;font-size:11px;color:var(--muted)}.metrics strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.5px;margin:5px 0;font-variant-numeric:tabular-nums;line-height:1.4}.metrics small{display:block;font-size:10px;color:var(--muted)}.metrics .error-readout strong{color:var(--accent)}.convergence-panel{margin-top:30px;padding:23px;border:1px solid var(--border);border-radius:4px}.graph-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.graph-heading p{margin-top:5px}.graph-key{white-space:nowrap;font-size:10px;color:var(--muted)}.graph-key i{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:5px}#convergence-graph{width:100%;height:auto;display:block;margin-top:20px;overflow:visible}.grid-line{stroke:#344252;stroke-width:1}.grid-line.vertical{stroke-dasharray:3 5;opacity:.5}.axis{stroke:#718194;stroke-width:1}.tick,.axis-label{fill:#b2becb;font-family:system-ui,sans-serif;font-size:12px}.axis-label{font-size:11px}.error-line{stroke:var(--accent);fill:none;stroke-width:2}.graph-point{stroke:var(--accent);fill:var(--surface);stroke-width:2}.graph-point.current{fill:var(--accent);stroke:#ecf0f4}.graph-caption{margin-top:4px}.data-table{margin-top:19px;border-top:1px solid var(--border);padding-top:14px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}caption{text-align:left;color:var(--muted);padding:6px 0 12px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{font-weight:500}thead{color:var(--muted)}tr.selected{background:#7cc8e60b;color:var(--accent)}.metric-definition{padding-top:28px;margin-top:28px;border-top:1px solid var(--border)}.metric-definition>p{font-size:13px;margin-top:10px}.metric-definition .small{font-size:11px}.interpretation{margin-top:30px}.explanation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:18px}.explanation-grid p{font-size:12px;margin-top:9px}.benchmark-note{font-size:11px;line-height:1.8;color:var(--muted);border-left:2px solid #718194;padding:10px 17px;margin-top:27px;background:#11182088}.experiment-links{display:flex;gap:16px 25px;flex-wrap:wrap;padding-top:23px;font-size:11px}.experiment-links span{margin-left:4px}[hidden]{display:none!important}.coming-soon{padding:35px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:25px}.coming-soon:first-of-type{margin-top:10px}.coming-soon .eyebrow{font-size:9px;margin-bottom:6px}.coming-soon h2{font-size:24px}.coming-soon p:last-child{font-size:13px;margin-top:9px}.coming-label{color:var(--muted);font-size:12px;border:1px solid var(--border);border-radius:4px;padding:6px 12px;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:25px;padding-top:24px;padding-bottom:28px;color:var(--muted);font-size:10px}footer span:first-child{color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:15px;top:-90px;padding:8px 15px;color:var(--bg);background:var(--accent);z-index:10}.skip:focus{top:10px}
@media(max-width:800px){.container,.header-inner{width:calc(100% - 36px)}.header-inner{padding:18px 0;flex-wrap:wrap;gap:16px}.brand{font-size:18px}nav{width:100%;justify-content:space-between;gap:15px;font-size:12px}.section-intro{padding-top:30px}.experiment{padding:22px}.experiment-heading{flex-wrap:wrap;gap:12px}.badge{font-size:7px}.model-details{grid-template-columns:1fr;gap:22px}.metrics strong{font-size:19px}.metrics>div{padding:15px 12px}.explanation-grid{grid-template-columns:1fr;gap:20px}.convergence-panel{padding:18px}.graph-heading{flex-wrap:wrap}.field-panel{padding:12px}.metric-definition math{font-size:20px}}
@media(max-width:480px){.container,.header-inner{width:calc(100% - 28px)}body{font-size:14px}.experiment{padding:17px}.experiment-heading h2{font-size:23px}h1{font-size:28px}.section-intro>p:last-child{font-size:13px}.eyebrow{font-size:9px}.equation-panel{padding:20px 0}.equation-panel math{font-size:25px}.equation-panel .label{font-size:8px}.model-details dl>div{grid-template-columns:100px 1fr;font-size:11px}.visualization-heading{align-items:start;flex-direction:column;gap:4px}.visualization-heading h3{font-size:16px}.field-panel{padding:10px 4px}.field-meta{padding:0 6px;font-size:9px}.color-legend{flex-direction:column;gap:4px}.color-scale{width:75%}.metrics{grid-template-columns:1fr}.metrics>div{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;align-items:center;border-right:0;border-bottom:1px solid var(--border);padding:13px}.metrics>div:last-child{border-bottom:0}.metrics span{grid-row:1 / 3}.metrics strong{font-size:20px;margin:0}.metrics small{font-size:9px}.convergence-panel{padding:15px 10px}.graph-key{font-size:9px}#convergence-graph .tick{font-size:14px}#convergence-graph .axis-label{font-size:13px}.graph-heading h3{font-size:16px}.graph-caption{font-size:10px}.coming-soon{align-items:start;flex-direction:column;gap:13px;padding:28px 0}footer{flex-direction:column;gap:7px}.experiment-links{flex-direction:column;align-items:start;gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Visitor counter: independent of the experiment layout. */
footer{flex-wrap:wrap}.visit-counter{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-variant-numeric:tabular-nums}.visit-counter svg{flex:none;color:var(--muted)}

/* Supplementary library: shared site colors, with no new runtime dependencies. */
body{min-height:100vh;display:flex;flex-direction:column}main.container{flex:1}nav{flex-wrap:wrap}
.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:22px}
.material-card{display:block;color:var(--text);text-decoration:none;border:1px solid var(--border);border-radius:7px;background:var(--surface);overflow:hidden}
.material-card:hover{border-color:var(--accent)}.material-card-content{padding:24px}.material-card h2{font-size:22px;margin-bottom:13px}.material-card p:not(.eyebrow){font-size:13px;line-height:1.8}.material-card-action{display:flex;justify-content:space-between;gap:12px;color:var(--accent);font-size:12px;margin-top:25px}.material-thumbnail{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.library-link{font-size:13px;margin:24px 0 32px}.materials-page{padding-bottom:25px}.breadcrumbs{display:flex;justify-content:flex-start;gap:10px;font-size:12px;color:var(--muted);margin:28px 0}.breadcrumbs a{color:var(--muted)}.experiment-heading h1{font-size:clamp(23px,3vw,29px);letter-spacing:-.6px}
@media(max-width:480px){.material-card-content{padding:20px}.breadcrumbs{font-size:11px;gap:8px}}