:root{--green:#123d32;--dark:#0a2a22;--mint:#a8dfc8;--paper:#f3f7f4;--ink:#172f27;--muted:#516b60;--line:#d3e1d9;--bar:130px;color-scheme:light;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + 16px)}body{margin:0;color:var(--ink);background:var(--paper);line-height:1.6}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{color:inherit}button,.link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 16px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer}button:hover,.link-button:hover{background:#dfefe6;border-color:#7aa891}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button[aria-pressed=true]{background:#d1ebdf;border-color:#2c7257}a{color:#125d45;text-underline-offset:4px}:focus-visible{outline:3px solid #cf8b2a;outline-offset:4px}h1,h2,h3,p{margin:0 0 1rem}h1,h2,h3{line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.4rem,5vw,4.9rem);max-width:940px}h2{font-size:clamp(1.8rem,3vw,2.8rem)}h3{font-size:1.1rem}.kicker{font-size:.73rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#3d7e64}.muted,.hint{color:var(--muted);font-size:.86rem}.lead{font-size:1.13rem;max-width:920px}.course-header{position:sticky;z-index:50;top:0;background:var(--dark);color:#fff;box-shadow:0 6px 24px #09271e22}.top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(16px,4vw,60px)}.logo img{width:172px;display:block}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.course-header button{background:transparent;border-color:#588473;color:#fff}.course-header a{color:#fff}.languages{display:flex;gap:6px}.languages a{border:1px solid #588473;border-radius:50%;padding:6px 8px;text-decoration:none;font-size:.8rem}.languages [aria-current]{background:#fff;color:var(--dark)}.toc{display:flex;gap:5px;overflow:auto;padding:7px clamp(16px,4vw,60px) 13px;scrollbar-width:thin}.toc a{flex:none;padding:7px 12px;border-radius:7px;color:#d9eee4;text-decoration:none;white-space:nowrap;font-size:.81rem}.toc a.active{background:#a8dfc8;color:#0a2a22}.toc small{opacity:.65;margin-right:8px}.toc[hidden]{display:none}.hero{background:linear-gradient(130deg,#123d32,#1f644f);color:#fff;padding:64px clamp(20px,6vw,90px)}.hero .kicker{color:var(--mint)}.hero p{max-width:880px}.hero .hint{color:#cfebdf}.hero .link-button{margin-top:12px;color:var(--dark)}main{max-width:1700px;margin:auto}.lesson{padding:52px clamp(18px,4vw,64px);border-bottom:1px solid var(--line);scroll-margin-top:12px;min-width:0}.lesson:nth-child(even){background:#fff}.lesson-heading{display:flex;gap:24px;align-items:flex-start;justify-content:space-between}.lesson-heading>div{min-width:0;max-width:1040px}.lesson-heading button{flex:none}.lesson-no{font-size:.78rem;color:#468064;letter-spacing:.1em;font-weight:800}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}.toolbar label{display:flex;gap:8px;align-items:center;font-size:.88rem}.toolbar input[type=range]{width:clamp(130px,18vw,290px);accent-color:var(--green)}.toolbar input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}.toolbar output{font-variant-numeric:tabular-nums}.stage{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 12px 34px #193d2910;min-width:0}.stage-title{padding:12px 18px;border-bottom:1px solid var(--line);font-size:.85rem;font-weight:700;margin:0}.scene{display:block;width:100%;height:430px;touch-action:none;cursor:grab;background:#edf3f0}.scene:active{cursor:grabbing}.split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:22px}.plot{display:block;width:100%;height:430px;background:#fff}.metrics{display:flex;gap:12px;flex-wrap:wrap;padding:15px 20px;border-top:1px solid var(--line);background:#f8fbf9}.metric{flex:1;min-width:110px}.metric span{display:block;font-size:.72rem;color:var(--muted)}.metric strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.legend{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0;font-size:.8rem;color:var(--muted)}.legend span::before{content:'';display:inline-block;width:18px;height:3px;margin:0 6px 3px 0;background:var(--green)}.legend .gold::before{background:#b87420}.legend .gray::before{background:#8b9d95}.explain{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.explain p{font-size:.94rem}.callout{border-left:4px solid #468064;background:#e5f1e9;padding:18px 22px;margin:18px 0;border-radius:0 12px 12px 0;font-size:.93rem}.callout.warn{border-left-color:#b7771f;background:#fff4e3}.details{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.details summary{font-weight:700;cursor:pointer}.details p{margin-top:12px}.embedded{display:block;width:100%;height:760px;border:0;background:#fff}.frame-actions{display:flex;justify-content:flex-end;padding:8px 14px}.frame-actions a{font-size:.8rem}.four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.four-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four-grid .scene{height:330px}.four-grid .stage-title{min-height:64px}.readout{padding:12px 16px;font-size:.83rem;background:#f5f9f6;border-top:1px solid var(--line)}.lesson-controls{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.probe-controls{display:flex;gap:16px;flex-wrap:wrap;padding:10px 18px}.probe-controls label{font-size:.82rem;display:flex;align-items:center;gap:8px}.probe-controls input{width:100px;accent-color:var(--green)}.colorbar{height:10px;border-radius:6px;background:linear-gradient(90deg,#2871aa,#eef0d7,#bf4e28);margin:10px 18px 0}.colorbar.sd{background:linear-gradient(90deg,#dff4e7,#67a086,#163b32)}.scale-labels{display:flex;justify-content:space-between;padding:4px 18px 10px;font-size:.74rem}.conclusion-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.path-number{font-size:4rem;line-height:1;color:#8aba9f}.cluster{padding:28px;background:#123d32;color:#fff;border-radius:18px}.cluster a{color:#fff}.cluster p{margin:12px 0}.source-list{font-size:.85rem}.site-footer{padding:28px clamp(20px,4vw,64px);font-size:.82rem;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}.status{font-size:.85rem;min-height:1.6em;color:var(--muted)}.lesson:fullscreen{overflow:auto;background:var(--paper);padding:24px 32px}.lesson:fullscreen .lesson-heading h2{font-size:2rem}.lesson:fullscreen .scene,.lesson:fullscreen .plot{height:clamp(300px,46vh,650px)}.lesson:fullscreen .four-grid .scene{height:55vh}.lesson:fullscreen .embedded{height:65vh}.lesson:fullscreen .lesson-controls{position:sticky;bottom:0;padding:8px;background:#f3f7f4e8}.lesson:fullscreen .explain{margin-top:12px}.lesson:fullscreen .lead{font-size:1rem}.error-banner{background:#fff0da;padding:24px;border:1px solid #dba661}.skip-link{position:absolute;top:-100px}.skip-link:focus{top:0;z-index:100;background:white;padding:12px}[hidden]{display:none!important}@media(max-width:1100px){.four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.four-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four-grid.three .scene{height:280px}.scene,.plot{height:370px}.top-row{padding-inline:16px}.logo img{width:145px}}@media(max-width:760px){.split,.explain,.conclusion-grid{grid-template-columns:1fr}.hero{padding:40px 20px}.lesson{padding:36px 16px}.lesson-heading{gap:10px}.lesson-heading button{font-size:.75rem;padding:6px 10px}.top-actions{gap:5px}.top-actions button{font-size:.73rem;min-height:36px;padding:6px 10px}.logo img{width:116px}.languages a{font-size:.71rem;padding:5px}.four-grid,.four-grid.three{grid-template-columns:1fr 1fr}.four-grid .scene,.four-grid.three .scene{height:240px}.scene,.plot{height:340px}.embedded{height:800px}.toolbar{gap:8px}.lesson:fullscreen{padding:16px}.lesson:fullscreen .four-grid .scene{height:32vh}.site-footer{display:block}.top-row{flex-wrap:wrap}.lesson-heading h2{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--course-release:2026-10-17-6}
.embedded.embedded-simple{height:var(--simple-frame-height,900px)}
.hero .privacy-note{margin-top:36px;margin-bottom:0;font-size:.8rem;opacity:.85}
.hint:empty,.status:empty{display:none}
.toolbar .icon-control{width:46px;min-width:46px;height:44px;padding:4px;font-size:22px;line-height:1;border-color:#8eafa1;color:#123d32}.toolbar .icon-control:hover{background:#d1ebdf}.map-panel.actual-map .map-caption{color:#287164}.map-panel.sigma-map .map-caption{color:#195740}.actual-map .hint{color:#287164}
.pair-readout{padding:14px 20px;background:#fff6e9;border-top:1px solid #ead4b8;color:#7e3d0d;font-size:.9rem;font-variant-numeric:tabular-nums;min-height:132px}.pair-readout p{margin:4px 0}.pair-readout .hint{color:inherit}.legend .orange::before{height:8px;width:8px;border-radius:50%;background:#bc570c}
.legend .purple::before{background:#875a9b}.map-pair{display:grid;grid-template-columns:minmax(0,1fr)}.map-pair.paired{grid-template-columns:repeat(2,minmax(0,1fr))}.map-panel{min-width:0}.map-pair.paired .map-panel:first-child{border-right:1px solid var(--line)}.map-caption{margin:0;padding:10px 12px 0;font-size:.78rem;font-weight:700;color:#285d85}.map-panel:nth-child(2) .map-caption{color:#925c20}.map-panel .hint{padding:4px 12px;text-align:center;margin:0}.map-panel .plot{cursor:crosshair;height:340px}.map-pair.paired .plot{height:280px}.colorbar.prediction{background:linear-gradient(90deg,#d3e7f6,#1c5b91)}.colorbar.error{background:linear-gradient(90deg,#2b6b99,#f7f2e6,#b24b2c)}.colorbar.sd{background:linear-gradient(90deg,#e0f3e8,#195740)}.scale-labels{gap:10px}.scale-labels span:nth-child(2){text-align:center}.scale-labels span:first-child,.scale-labels span:last-child{white-space:nowrap}.map-panel canvas:focus-visible{outline-offset:-4px}
.section-toc{display:none}.lesson:fullscreen>.section-toc{display:block;margin-bottom:18px}.section-toc summary{cursor:pointer;font-size:.85rem;font-weight:700}.section-toc nav{display:flex;gap:6px;flex-wrap:wrap;padding:12px 0}.section-toc button{font-size:.8rem}.lesson:fullscreen>*{max-width:1640px;margin-left:auto;margin-right:auto}.dimension-strip{font-variant-numeric:tabular-nums;text-align:center;background:#fff6e7;color:#80521c;font-weight:700;padding:10px;min-height:0}.dimension-strip:empty{display:none}.cluster .link-button{color:#123d32}
.legend .actual-variogram::before{background:#236c96}
.sparse-comparison{border-top:1px solid var(--line)}.sparse-legend{padding:4px 12px;margin:0;gap:6px 12px;font-size:.72rem}.sparse-comparison .map-caption{min-height:48px}.sparse-comparison .scale-labels{flex-wrap:wrap}.sparse-comparison .hint{font-size:.72rem;padding:8px 12px}.sparse-comparison #sparse-variogram{cursor:default}
:root{--mobile-course-controls:compact}
.lag-readout{margin:0;padding:10px 18px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;background:#fffdf7}.plot.lag-hover-enabled{cursor:crosshair}
@media(max-width:600px){.top-row{flex-wrap:nowrap;padding:10px 12px;gap:8px}.logo img{width:102px}.top-actions{flex-wrap:nowrap;gap:4px}.top-actions #toc-toggle,.top-actions #all-fullscreen{width:34px;min-width:34px;padding:4px;font-size:0}.top-actions #toc-toggle::after{content:'☰';font-size:19px}.top-actions #all-fullscreen::after{content:'⛶';font-size:21px}.languages{gap:3px}.languages a{padding:5px;font-size:.69rem}.toc{padding-inline:12px}.lesson-heading{flex-wrap:wrap}.lesson-heading button{margin-bottom:4px}.four-grid,.four-grid.three{gap:8px}.four-grid .stage-title{padding:10px;font-size:.77rem}.four-grid .readout{padding:9px;font-size:.72rem}}