@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--navy:#061329;--panel:#102140;--ink:#f4f6ff;--muted:#b4c1d9;--pink:#f32fc0;--blue:#70d6ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--navy);color:var(--ink);font:17px/1.7 'DM Sans',sans-serif}header,main>section,footer{padding-left:max(6vw,calc((100vw - 1200px)/2));padding-right:max(6vw,calc((100vw - 1200px)/2))}header{height:95px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff14}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.brand{font:800 27px 'Manrope',sans-serif;white-space:nowrap}.brand span{color:var(--pink)}.brand small{font:14px 'DM Sans',sans-serif;margin-left:15px;color:var(--muted)}nav{display:flex;gap:28px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:70px;padding-bottom:70px;background:radial-gradient(ellipse at 90% 40%,#52226765,transparent 57%)}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:700;color:var(--blue);margin:0 0 25px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.13}h1{font-size:clamp(48px,6.5vw,85px);letter-spacing:-.055em;margin:0 0 25px}em{font-style:normal;color:#bd86ff}h2{font-size:clamp(32px,4vw,49px);letter-spacing:-.04em;margin:0 0 25px}h3{font-size:22px;margin:0 0 12px}p{color:var(--muted)}.deck{font-size:23px;color:white;line-height:1.4}.hero-art{margin:0;align-self:center;min-height:320px}.hero-art img{width:100%;border-radius:3px;display:block}.hero-art figcaption{font-size:12px;letter-spacing:.12em;text-align:center;margin-top:15px;color:var(--blue)}figcaption span{letter-spacing:0;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:25px;padding:13px 23px;border:0;border-radius:50px;background:var(--pink);color:white;font:600 15px 'DM Sans',sans-serif;cursor:pointer}.textlink{font-size:14px;margin-left:22px}.idea,.evidence{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:85px;padding-bottom:85px;background:#101e3b}.steps article{display:flex;gap:23px;margin-bottom:30px}.steps b{font-size:27px;color:var(--blue);font-weight:400}.steps p{margin:0}.lab{padding-top:90px;padding-bottom:75px;background:#d9e7ff;color:#142440}.lab p{color:#415674}.lab .eyebrow{color:#7740ae}.sectionhead{max-width:760px;margin-bottom:40px}.labgrid{display:grid;grid-template-columns:280px 1fr;gap:45px}.controls label{display:flex;justify-content:space-between;margin-top:22px;font-weight:700;font-size:15px}.controls output{color:#8245a8}.controls input{width:100%;accent-color:#9237ae}.controls p{font-size:14px;margin:3px 0 20px;line-height:1.5}.presets{display:flex;flex-wrap:wrap;gap:6px}button{font-family:inherit}.presets button{border:1px solid #a0b4d3;background:transparent;color:#263e64;border-radius:18px;padding:7px 10px;cursor:pointer}.presets button:hover{background:white}canvas{width:100%;display:block}#motion{background:#c6d9f5;border-radius:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px;border-top:1px solid #a8bddb;padding-top:18px}.metrics span{font-size:13px;display:block}.metrics strong{font:700 25px Manrope,sans-serif;display:block}.insight{background:#c5d8f5;padding:16px;border-left:3px solid #7b4ea8;min-height:75px}.plothead{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.plothead p{font-size:14px}.plothead i{display:inline-block;width:15px;height:3px;vertical-align:middle;margin:0 7px 0 15px}.pink{background:#b41480}.blue{background:#006896}.small{font-size:13px!important;line-height:1.5}.tradeoff{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:0 75px;background:radial-gradient(ellipse at 0 90%,#54206175,transparent 70%)}.tradeoff .eyebrow{grid-column:1/-1}.tradeoff p{font-size:19px;margin:0}.impact{padding-top:80px;padding-bottom:85px}.applications{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.applications article{border-top:1px solid #6b83ae;padding-top:25px}.applications span{font-size:12px;letter-spacing:.15em;color:var(--pink);display:block;margin-bottom:20px}.evidence h3{font-size:19px}.evidence details{border-top:1px solid #4d6080;padding-top:20px;margin-top:25px}.evidence summary{cursor:pointer;color:var(--blue)}code{display:block;white-space:normal;color:var(--blue)}details a{color:var(--blue);text-decoration:underline}footer{padding-top:40px;padding-bottom:40px;display:flex;align-items:center;justify-content:space-between;background:#c7dcff;color:#192c4b;font-size:14px}footer p{color:#415674}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f595de;outline-offset:5px}@media(max-width:800px){header{height:auto;padding-top:20px;padding-bottom:20px;flex-wrap:wrap;gap:20px}.brand small{display:none}.hero,.idea,.evidence,.tradeoff,.labgrid{grid-template-columns:1fr;gap:35px}.hero{padding-top:45px}.hero-art{min-height:0}.hero-art img{max-height:360px;object-fit:contain}.applications{grid-template-columns:1fr;gap:25px}.plothead{display:block}.metrics strong{font-size:21px}.textlink{display:inline-block;margin:20px 0 0 20px}footer{gap:20px;flex-wrap:wrap}main>section{padding-top:55px;padding-bottom:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.study{background:#f3f5f7;color:#192c42;padding-top:85px;padding-bottom:85px}.study p{color:#465467}.study .eyebrow{color:#74429b}.study-intro{max-width:760px;font-size:21px}.study-facts{display:flex;gap:50px;padding:25px 0;border-block:1px solid #ccd3dc;margin:30px 0}.study-facts span{font-size:14px}.study-facts strong{display:block;font:700 32px Manrope,sans-serif}.study-note{font-size:12px;letter-spacing:.07em}.paper-figure{margin:35px 0 55px;padding:30px;background:white;border:1px solid #d6dce3}.paper-figure img{width:100%;display:block}.paper-figure figcaption{font:15px/1.65 Georgia,serif;color:#344254;margin-top:22px}.figure-reading{border-left:3px solid #8943a2;padding-left:18px;font-size:16px}.downloads{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:#486077}.downloads a{color:#165d80;text-decoration:underline;text-underline-offset:4px}.study-method{display:grid;grid-template-columns:1fr 1fr;gap:45px}.study-method p{font-size:15px}@media(max-width:800px){.paper-figure{padding:12px;margin-inline:-3vw}.study-facts{gap:20px;flex-wrap:wrap}.study-method{grid-template-columns:1fr;gap:20px}nav{gap:14px;flex-wrap:wrap}.paper-figure figcaption{font-size:14px}}

.chapter-opening{padding-top:65px;padding-bottom:65px;background:radial-gradient(ellipse at 85% 35%,#54226770,transparent 65%)}.chapter-opening>p{max-width:720px}.bearing-plots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bearing-plots figure{margin:0}.bearing-plots canvas{background:#c6d9f5}.bearing-plots figcaption{font-size:14px;color:#415674;line-height:1.5;margin-top:10px}.table-scroll{overflow:auto;margin:22px 0}table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}th,td{padding:12px;border-bottom:1px solid #aebdd1}details>summary{cursor:pointer;font-weight:600}.lab details{margin-top:30px}@media(max-width:1100px){.bearing-plots{grid-template-columns:1fr}}

.plot-scroll{overflow-x:auto}.plot-scroll canvas{min-width:700px}.motion-stop{margin:12px 0;padding:8px 14px;border:1px solid #657998;border-radius:20px;background:transparent;color:#233e65;cursor:pointer}.study h3 a{text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.bearing-plots canvas{width:100%;min-height:260px;object-fit:contain}.study-method p{font-size:16px}.controls label{font-size:16px}.metrics{grid-template-columns:1fr}.metrics strong{font-size:25px}}
.labgrid>div{min-width:0}.controls label{gap:12px;flex-wrap:wrap}.controls output{white-space:normal}input[type=range]{margin-inline:0}.study details{margin-top:20px}.study summary:focus-visible,.plot-scroll:focus-visible{outline:3px solid #74429b;outline-offset:4px}
.controls select{font:inherit;color:#142440;background:#f5f8ff;border:1px solid #657998;border-radius:4px;width:100%;min-height:44px;padding:6px;margin:12px 0}.controls select:focus-visible{outline:3px solid #74429b;outline-offset:4px}

/* Shared keyboard access and contrast improvements. */
.button{background:#a61b82;color:#fff}
:is(a,button,input,select,summary,[tabindex]):focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 7px #172a48}
.lab :is(a,button,input,select,summary,[tabindex]):focus-visible{outline-color:#172a48;box-shadow:0 0 0 7px #fff}
.skip-link{position:absolute;left:12px;top:12px;z-index:1000;padding:12px 18px;background:#fff;color:#142440;transform:translateY(-180%);font-weight:700}
.skip-link:focus{transform:translateY(0)}
#main-content:focus{outline:none}

.study summary:focus-visible{outline-color:#fff}.lab.study summary:focus-visible,.lab .study summary:focus-visible{outline-color:#172a48}
/* Study inspection controls */ #chartWindow{font:inherit;padding:.6rem;margin:.5rem;max-width:100%} #loadWorkedCase{font:inherit;padding:.8rem 1rem;margin:.6rem 0} #allConfigurations td,#allConfigurations th{white-space:nowrap}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.archive-image{max-width:900px;margin:2.5rem auto 1rem}.archive-image img{display:block;width:100%;height:auto;border:1px solid #52698b;border-radius:18px;background:#061329}.archive-image figcaption{max-width:78ch;margin:1rem auto 0;color:#dce6f5;font-size:1rem;line-height:1.7}.archive-image figcaption strong{color:#fff}.archive-transcription{max-width:900px;margin:1rem auto 2.5rem;padding:1rem 0;border-block:1px solid #52698b;color:#dce6f5;line-height:1.7}.archive-transcription summary{color:#70d6ff;font-weight:700;cursor:pointer}.archive-transcription p{max-width:78ch}
.loop-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem 2rem;margin:1.5rem 0;padding:1.3rem;background:#edf3ff;color:#142440}.loop-controls label{display:block;font-weight:700;font-size:.95rem;line-height:1.4}.loop-controls output{display:block;color:#70409f;font-size:1.15rem;margin:.35rem 0}.loop-controls input{width:100%;accent-color:#8245a8}.loop-results{padding:1.4rem;background:#f3f6fc;color:#142440}.loop-results h5{margin-top:0}.loop-results dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:0 1.5rem}.loop-results dl div{border-bottom:1px solid #b7c4d8;padding:.7rem 0}.loop-results dt{color:#344254;font-size:.93rem}.loop-results dd{margin:.2rem 0;font:700 1.25rem Manrope,sans-serif}.loop-results p{color:#344254}.loop-balance{font-weight:700}.recovery-topic .loop-controls :is(input,output){color:#142440}.recovery-topic .loop-controls :focus-visible{outline:3px solid #172a48;box-shadow:0 0 0 5px white}

/* Keep the full chapter navigation reachable on desktop and intermediate widths. */
@media(min-width:801px){header{height:auto;min-height:95px}nav{flex-wrap:wrap;justify-content:flex-end;row-gap:4px;min-width:0}}
#sgl-performance-evidence table{min-width:870px}
.mhd-energy-velocity{margin:1.5rem 0;padding:clamp(1rem,2.5vw,1.5rem);background:#101e38;border:1px solid #64799e;border-radius:.8rem}.mhd-energy-velocity h5{margin:.1rem 0 .7rem;font-size:1.2rem}.mhd-energy-velocity p{max-width:92ch}.mhd-energy-velocity .equation{font-weight:700;color:#fff}.mhd-bridge-control{display:grid;gap:.4rem;margin:1rem 0;font-weight:700}.mhd-bridge-control input{width:100%;min-height:2.5rem}.mhd-bridge-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:.7rem;margin:1rem 0}.mhd-bridge-results div{padding:.8rem;border-left:2px solid #70d6ff;background:#152746;min-width:0}.mhd-bridge-results dt{font-size:.9rem;color:#c8d7ef}.mhd-bridge-results dd{margin:.3rem 0 0;font-weight:700;font-size:1.1rem;overflow-wrap:anywhere}.mhd-energy-velocity :is(input,[tabindex]):focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:600px){.mhd-energy-velocity{padding:1rem;margin-inline:0}.mhd-bridge-results{grid-template-columns:1fr 1fr}}

.reader-bridge{padding:1.4rem max(6vw,calc((100vw - 1200px)/2));background:#dce9ff;color:#102140;border-block:1px solid #a5bddf}.reader-bridge__inner{max-width:1200px;margin:auto}.reader-bridge h2{font-size:clamp(1.55rem,2.6vw,2.1rem);margin:0 0 1rem;color:#14284a}.reader-bridge__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.reader-bridge article{padding:1rem 1.1rem;background:#f5f8ff;border-top:3px solid #7449c5;border-radius:.35rem}.reader-bridge article:nth-child(2){border-color:#1784bb}.reader-bridge article:nth-child(3){border-color:#e62cae}.reader-bridge h3{font-size:1rem;margin:0 0 .45rem;color:#14284a}.reader-bridge p{font-size:.95rem;line-height:1.55;color:#263e62;margin:0}.reader-bridge__note{font-size:.8rem!important;margin-top:.8rem!important;color:#415674!important}@media(max-width:760px){.reader-bridge{padding:1.5rem max(1rem,5vw)}.reader-bridge__grid{grid-template-columns:1fr}}

.reader-bridge{padding:1.4rem max(6vw,calc((100vw - 1200px)/2));background:#dce9ff;color:#102140;border-block:1px solid #a5bddf}.reader-bridge__inner{max-width:1200px;margin:auto}.reader-bridge h2{font-size:clamp(1.55rem,2.6vw,2.1rem);margin:0 0 1rem;color:#14284a}.reader-bridge__story{max-width:78ch;padding:1rem 1.2rem;background:#f5f8ff;border-left:4px solid #7449c5;border-radius:.35rem}.reader-bridge__story h3{font-size:1.15rem;margin:0 0 .45rem;color:#14284a}.reader-bridge__story p,.reader-bridge__details p{font-size:1rem;line-height:1.6;color:#263e62;margin:0}.reader-bridge__details{max-width:78ch;margin-top:.9rem;padding:.8rem 1rem;background:#eef4ff;border:1px solid #b4c7e3;border-radius:.35rem}.reader-bridge__details summary{cursor:pointer;font-weight:700;color:#14284a}.reader-bridge__details summary:focus-visible{outline:3px solid #173f85;outline-offset:3px}.reader-bridge__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.reader-bridge__grid article{padding:1rem;background:#f8faff;border-top:3px solid #1784bb;border-radius:.25rem}.reader-bridge__grid article:nth-child(2){border-color:#e62cae}.reader-bridge__grid h3{font-size:1rem;margin:0 0 .45rem;color:#14284a}.reader-bridge__note{font-size:.8rem!important;margin-top:.65rem!important;color:#415674!important}@media(max-width:760px){.reader-bridge{padding:1.5rem max(1rem,5vw)}.reader-bridge__grid{grid-template-columns:1fr}}
.rime-study{margin:2.5rem 0;padding:clamp(1rem,2.5vw,2rem);background:#101e3a;border:1px solid #5f7295;border-radius:1rem;color:#eef4ff}.rime-study h3{font:700 clamp(1.7rem,3.5vw,2.5rem)/1.18 Manrope,sans-serif;max-width:25ch}.rime-study>p{max-width:86ch;line-height:1.75}.rime-study .eyebrow{color:#e9a5f1}.rime-study a{text-decoration:underline;text-underline-offset:3px}.rime-figure{margin:1.5rem 0;padding:1rem;background:#08152d;border-radius:.8rem}.rime-figure img{display:block;width:100%;height:auto}.rime-figure figcaption{max-width:95ch;margin:.8rem auto 0;line-height:1.65}.rime-simple{padding:1rem 1.2rem;background:#182a4b;border-left:3px solid #f7c46b;line-height:1.7}.rime-study table{width:100%;border-collapse:collapse;margin:1.3rem 0}.rime-study caption{text-align:left;font-weight:700;margin-bottom:.7rem}.rime-study th,.rime-study td{text-align:left;vertical-align:top;padding:.7rem;border-bottom:1px solid #50658c;line-height:1.6}.rime-study th{color:#f5a1f0}.rime-study details{border-top:1px solid #50658c;padding-top:1rem}.rime-study summary{cursor:pointer;font-weight:700}.rime-study details p{max-width:95ch;line-height:1.7}.rime-study :is(a,summary):focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px #813bb5}@media(max-width:650px){.rime-figure{padding:.55rem;margin-inline:-.3rem}.rime-study th,.rime-study td{padding:.5rem;min-width:9rem}}
.sgl-study-timeline{margin:1.6rem 0;padding:clamp(1rem,2.2vw,1.6rem);background:#dce9ff;color:#14284a;border:1px solid #a5bddf;border-radius:.85rem}.sgl-study-timeline figcaption{color:#14284a;line-height:1.55;margin-bottom:1rem}.sgl-study-timeline ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.sgl-study-timeline li{padding:1rem;background:#f7faff;border-top:3px solid #1784bb;border-radius:.35rem;min-width:0}.sgl-study-timeline li:nth-child(2){border-color:#7449c5}.sgl-study-timeline li:nth-child(3){border-color:#e62cae}.sgl-study-timeline li:nth-child(4){border-color:#087f8c}.sgl-study-timeline h4{margin:0 0 .45rem;color:#14284a;font:700 1rem/1.3 Manrope,sans-serif}.sgl-study-timeline li p,.sgl-study-timeline .sgl-imaging-window,.sgl-study-timeline .sgl-downlink-note,.sgl-study-timeline .sgl-source-note{color:#263e62;font-size:.93rem;line-height:1.55}.sgl-study-timeline li p{margin:.35rem 0}.sgl-time-label{display:block;margin-top:.7rem;font-weight:700;color:#14284a;font-size:.88rem}.sgl-study-timeline .sgl-imaging-window,.sgl-study-timeline .sgl-downlink-note{padding:.8rem 1rem;background:#f7faff;border-left:3px solid #7449c5;border-radius:.25rem}.sgl-study-timeline .sgl-downlink-note{border-color:#087f8c}.sgl-study-timeline .sgl-source-note{margin-bottom:0;font-size:.85rem}.sgl-study-timeline a{color:#164f73;text-decoration:underline;text-underline-offset:2px}@media(max-width:760px){.sgl-study-timeline ol{grid-template-columns:1fr}.sgl-study-timeline li{padding:.8rem 1rem}.sgl-study-timeline .sgl-time-label{margin-top:.4rem}}

.study-boundary-note{max-width:76ch;margin:1.2rem 0;padding:1rem 1.2rem;background:#f1f5fc;color:#182d4a;border-left:4px solid #7449c5;border-radius:0 .5rem .5rem 0}.study-boundary-note p{margin:.35rem 0;line-height:1.65}.study-boundary-note h5{margin:.15rem 0 .5rem;color:#182d4a}.study-boundary-note a{color:#164f73;text-decoration:underline;text-underline-offset:2px}
:root{--nav-bg:#0b1830;--nav-border:#52678f}
.site-nav{display:flex;align-items:center;gap:.4rem .9rem;flex-wrap:wrap;padding:.7rem max(6vw,1.2rem);background:var(--nav-bg);border-top:1px solid var(--nav-border);border-bottom:1px solid var(--nav-border)}
.site-nav a{color:#eaf2ff;text-decoration:none;padding:.35rem .45rem;border-radius:4px;font-size:.95rem}
.site-nav a:hover,.site-nav a:focus-visible{background:#243b66;color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-nav a:first-child{font-weight:700}
@media(max-width:560px){.site-nav{gap:.25rem .45rem}.site-nav a{font-size:.9rem;padding:.3rem .35rem}}