:root{color-scheme:light;--paper:#f4f3ec;--ink:#17343e;--muted:#4f656b;--line:#cbd4ce;--teal:#075c61;--soft:#e7ece5;--night:#102e3b}*{box-sizing:border-box}html{scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--teal);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b24e23;outline-offset:4px}button,input,summary{font:inherit}button,summary{cursor:pointer}img{max-width:100%;height:auto;display:block}p{margin:16px 0}figure{margin:28px 0}figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:10px}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(48px,5.5vw,82px);line-height:1.02;margin:22px 0}h2{font-size:clamp(32px,3.4vw,46px);line-height:1.14;margin:12px 0 26px}h3{font-size:22px;line-height:1.35;letter-spacing:-.02em;margin:32px 0 12px}strong{font-weight:700}.eyebrow{font-size:11px;line-height:1.6;font-weight:750;letter-spacing:.14em}.skip{position:fixed;z-index:20;top:-100px;left:16px;padding:12px;background:#fff}.skip:focus{top:10px}.topbar{position:sticky;top:0;z-index:10;background:#f4f3ecf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(24px,calc((100vw - 1240px)/2));padding-top:max(12px,env(safe-area-inset-top))}.wordmark{font-size:12px;font-weight:800;letter-spacing:.15em;text-decoration:none;color:var(--ink)}.wordmark span{font-weight:450;letter-spacing:.08em;color:var(--muted)}.topbar nav{display:flex;align-items:center;gap:26px;font-size:14px}.topbar nav>a{display:inline-flex;min-height:44px;align-items:center}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:14px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:#fff;padding:10px 19px;font-size:14px;font-weight:650;text-decoration:none}.button:hover,button:hover{background:#255361}.small{padding:7px 15px}.hero{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:70px 24px 58px}.lead{font-size:21px;line-height:1.55;max-width:490px}.hero p:not(.eyebrow){max-width:500px}.hero-image{margin:0}.hero-image img{aspect-ratio:8/5;object-fit:cover;border-radius:8px;box-shadow:12px 16px #dbe4de}.hero-image figcaption{margin-top:30px}.text-link{display:inline-block;min-height:44px;margin-top:8px;font-weight:700}.quick-map{max-width:1192px;margin:0 auto 48px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:24px;padding:25px 0}.quick-map span{display:block;color:var(--teal);font-size:10px;letter-spacing:.16em;font-weight:750;margin-bottom:10px}.quick-map strong{font-size:15px}.quick-map p{font-size:14px;color:var(--muted);margin:4px 0}.reading-layout{max-width:1192px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;padding:0 0 70px}.reading-layout aside{align-self:start;position:sticky;top:96px}.toc summary{font-size:12px;font-weight:700;letter-spacing:.06em;min-height:44px;padding:10px 0}.toc a{display:flex;align-items:center;min-height:44px;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--muted);font-size:13px}.toc a:hover{color:var(--teal)}article{min-width:0;max-width:860px}article>section{padding:35px 0 42px;border-bottom:1px solid var(--line);scroll-margin-top:20px}article>section:first-child{padding-top:0}.stack,.effects{margin:25px 0}.stack>div,.effects>div{display:grid;grid-template-columns:165px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}dt{font-weight:700;font-size:15px}dd{margin:0;font-size:16px}.aside-note{font-size:14px;color:var(--muted);line-height:1.7}.mesh-figure{background:var(--soft);border:1px solid var(--line);padding:24px;border-radius:6px}.mesh-figure svg{display:block;width:100%;height:auto;color:#29626b}.deep{border:1px solid var(--line);border-radius:5px;padding:0 20px;margin:26px 0;background:#ecefe8}.deep summary{padding:15px 0;min-height:48px;font-weight:650;font-size:15px}.deep[open]{padding-bottom:12px}.deep .code-example{margin-top:10px}code{font:.88em/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;background:#e3e9e1;padding:1px 4px;border-radius:3px;overflow-wrap:anywhere}pre{margin:0;padding:22px;background:var(--night);color:#e5f1ee;overflow:auto;border-radius:0 0 5px 5px;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}pre code{padding:0;background:transparent;color:inherit;font:inherit;border-radius:0}.code-example figcaption,.teaching-code>span{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:10px 15px;background:#dce6df;border-radius:5px 5px 0 0;font-size:11px;color:var(--ink)}.code-example figcaption a{min-height:30px;display:inline-flex;align-items:center}.teaching-code{margin:26px 0}.teaching-code>p{font-size:15px}.annotations{padding-left:23px;font-size:15px}.annotations li{padding:5px 0}.lab{margin:34px 0;padding:28px;border:1px solid #a8c6be;border-radius:8px;background:#e4eee7}.lab-heading h3{margin:6px 0 14px;font-size:27px;font-family:Georgia,serif;font-weight:400}.lab>p{font-size:15px}.lab-control label,.angle-lab>label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:650}input[type=range]{width:100%;height:44px;margin:4px 0;accent-color:var(--teal);cursor:pointer}.checks{display:flex;flex-wrap:wrap;gap:8px 25px;margin-bottom:16px}.checks label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}.checks input{width:20px;height:20px;accent-color:var(--teal);flex-shrink:0}#wave-plot{display:block;width:100%;height:auto;background:var(--night);border-radius:5px}.plot-grid{fill:none;stroke:#496470;stroke-width:1;stroke-dasharray:3 7}#components path{fill:none;stroke:#9bbbbc;stroke-width:1.5;opacity:.6}#wave-sum{fill:none;stroke:#98ead8;stroke-width:3}#normal-arrows{fill:none;stroke:#ffbc8d;stroke-width:2}.legend{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;margin:10px 0 20px}.legend span{display:inline-flex;gap:8px;align-items:center}.line-key,.arrow-key{display:inline-block;width:20px;height:3px;background:#075c61}.arrow-key{background:#a44d21}.lab-actions{display:flex;flex-wrap:wrap;gap:10px}.lab-actions button{background:transparent;color:var(--ink);font-size:13px;min-height:44px;padding:8px 14px}.lab-actions button:first-child{background:var(--ink);color:#fff}.lab-actions button:hover{background:#d0e2d8}.lab-actions button:first-child:hover{background:#255361}.lab-actions button:disabled{opacity:.65;cursor:default}.readout{min-height:26px;margin-bottom:5px;font-size:14px}.angle-lab{border-left:3px solid #739d91;background:var(--soft);padding:22px 26px;margin:30px 0}.angle-lab h3{margin-top:8px}.reflection-bar{height:22px;background:#153447;border-radius:4px;overflow:hidden;margin-top:10px}#reflection-fill{display:block;width:2.04%;height:100%;background:#a4c9db}.angle-lab>p:not(.eyebrow){font-size:14px}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.world-grid figure{margin:0}.world-grid img{aspect-ratio:8/5;object-fit:cover;border-radius:5px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:5px;margin:26px 0}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7}th,td{padding:17px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:#e4e9e1;font-size:12px}td:first-child{font-weight:650;width:30%;min-width:135px}tbody tr:last-child td{border-bottom:0}.source-list{list-style:none;padding:0}.source-list li{display:grid;grid-template-columns:155px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.source-list a{display:flex;align-items:center;min-height:44px;font-family:ui-monospace,Consolas,monospace}.source-list span{align-self:center;color:var(--muted)}.closing{padding:28px;background:#dfe9df;border-radius:5px;margin-top:30px}.closing h3{margin-top:0}.closing>.button{margin-right:24px}.closing>a{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-size:14px}.page-footer{border-top:1px solid var(--line);padding:25px max(24px,calc((100vw - 1192px)/2)) max(30px,env(safe-area-inset-bottom));font-size:12px;color:var(--muted)}.page-footer p{margin:8px 0}@media(max-width:1260px){.reading-layout,.quick-map{margin-left:24px;margin-right:24px}.reading-layout{gap:44px;grid-template-columns:190px minmax(0,1fr)}.hero{gap:40px}}@media(max-width:900px){.hero{gap:28px;padding-top:45px}.hero-image img{box-shadow:8px 10px #dbe4de}.lead{font-size:19px}.hero h1{font-size:55px}.quick-map{grid-template-columns:1fr 1fr;gap:22px}.reading-layout{display:block;max-width:820px;margin:auto;padding:0 24px 50px}.reading-layout aside{position:static;margin-bottom:24px}.toc{border:1px solid var(--line);padding:5px 18px;border-radius:4px;background:var(--soft)}.toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-bottom:12px}.wordmark span{display:none}article{max-width:none}}@media(max-width:600px){body{font-size:16px}.topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:10px}.topbar nav{gap:12px;font-size:12px}.wordmark{font-size:10px;letter-spacing:.09em}.button.small{font-size:12px;padding:7px 10px}.hero{grid-template-columns:1fr;padding:34px 20px 35px;gap:28px}.hero h1{font-size:53px}.lead{font-size:19px}.hero-image figcaption{margin-top:21px}.hero-image img{box-shadow:7px 8px #dbe4de}.quick-map{margin:0 20px 28px;padding:20px 0;gap:20px}.quick-map strong{display:block;font-size:14px;line-height:1.5}.quick-map p{font-size:13px;line-height:1.6}.reading-layout{padding:0 20px 35px}.toc nav{grid-template-columns:1fr}.stack>div,.effects>div{grid-template-columns:1fr;gap:5px;padding:14px 0}.stack dt,.effects dt,.stack dd,.effects dd{font-size:15px}article>section{padding:26px 0 34px}.mesh-figure{padding:14px}.lab{padding:18px;margin-left:-3px;margin-right:-3px}.lab-heading h3{font-size:25px}.checks{gap:0}.checks label{width:100%;font-size:13px}.lab-actions{gap:8px}.lab-actions button{font-size:12px;padding:8px 10px}.legend{font-size:11px;gap:8px 16px}.angle-lab{padding:18px}.angle-lab>label{font-size:13px}.world-grid{grid-template-columns:1fr;gap:24px}.world-grid img{max-height:280px}.deep{padding:0 14px}.deep summary{font-size:14px}pre{font-size:12px;padding:16px}.code-example figcaption{padding:9px 12px}.source-list li{grid-template-columns:1fr;gap:0}.source-list a{min-height:36px}.closing{padding:21px}.table-wrap td,.table-wrap th{padding:12px}.page-footer{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media print{.topbar,.toc,.skip,.lab-actions{display:none}.hero{display:block;padding:15px 0}.hero-image{max-width:400px}.quick-map{margin:20px 0}.reading-layout{display:block;margin:0;padding:0}body{font-size:11pt;background:#fff}article{max-width:none}article>section{break-inside:auto}h2,h3{break-after:avoid}.code-example,.lab{break-inside:avoid}pre{white-space:pre-wrap}a{color:inherit}.world-grid{grid-template-columns:1fr 1fr}}