*{box-sizing:border-box}body{margin:0;background:#f1f4f6;color:#152432;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #007d8a;outline-offset:4px}header{height:84px;max-width:1500px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6dfe4}.brand{text-decoration:none;display:flex;align-items:center;gap:18px;color:inherit;font-size:12px;font-weight:750;letter-spacing:2px}.brandmark{font-size:30px;letter-spacing:-3px}.brandmark span{color:#007e88}.actions{display:flex;gap:10px}button{border:1px solid #cbd6de;background:transparent;color:inherit;padding:9px 14px;border-radius:6px;font-size:14px;font-weight:600;min-height:42px}button:hover{background:#e1e9ed}#language{min-width:60px}main{max-width:1500px;padding:30px 5%;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.8px;color:#42616e;margin:0 0 10px}h1{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-1.1px;margin:0 0 9px}p{margin:0}.intro p:last-child{color:#536776}.module{font-size:12px;letter-spacing:1px;border:1px solid #ccd8df;border-radius:100px;padding:8px 15px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 365px;align-items:start;background:#fff;border:1px solid #d6dfe4;border-radius:14px;overflow:hidden}.viewer{background:#101d29;color:#e9f2f7;position:sticky;top:0;min-width:0}.viewtop{padding:19px 23px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px}.viewtop label{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:0}.viewtop input{accent-color:#56c9d5;width:17px;height:17px}.canvas-wrap{height:570px;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.axis-help{position:absolute;bottom:12px;left:23px;font-size:11px;letter-spacing:.7px;color:#9aafbc;pointer-events:none}.viewbottom{display:flex;justify-content:space-between;gap:12px;padding:10px 23px}.views,.zoom{display:flex;gap:6px}.viewer button{border-color:#3a4c5b;color:#c9d8e2}.viewer button:hover{background:#243847}.viewer button.selected{background:#e8f5f7;color:#123640;border-color:#e8f5f7}.zoom button{font-size:20px;padding:3px 13px}.hint{padding:0 23px;color:#9dafbe;font-size:12px}.legend{display:flex;gap:18px;flex-wrap:wrap;padding:19px 23px 24px;font-size:13px}.legend span:before{content:"";width:8px;height:8px;background:currentColor;display:inline-block;margin-right:7px;border-radius:50%}.cyan{color:#57d1dc}.amber{color:#f3b86c}.white{color:#dbe7f0}aside{padding:24px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-head h2{font-size:18px;margin:0}.section-head button{border:0;padding:5px;color:#007781}.small{font-size:14px;color:#60717c;margin:10px 0 14px}.presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.presets button.selected{background:#123b46;color:white;border-color:#123b46}.preset-key{font-size:12px;color:#6a7b85;margin:9px 0 18px}.control{margin:0 0 17px}.control label{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:600}.control output{font-variant-numeric:tabular-nums;color:#00757f;white-space:nowrap}input[type=range]{width:100%;height:25px;accent-color:#007d89;margin:6px 0 0;cursor:pointer}.ends{display:flex;justify-content:space-between;font-size:12px;color:#6a7b85}.hip-control{border-top:1px solid #e1e8ec;padding-top:17px;margin-bottom:18px}.hip-control label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}select{width:100%;padding:10px 7px;background:#f4f7f8;color:#18333f;border:1px solid #ccd7dd;border-radius:5px;font-size:14px}.reading{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;padding:35px 0}.reading h2{font-size:22px;margin:0 0 10px}.reading p{color:#526674;font-size:15px}.concept{border-left:1px solid #ced9df;padding-left:25px}.concept>span{font-size:12px;color:#68808f}.concept h3{font-size:17px;margin:7px 0 10px}details{border-top:1px solid #ced9df;border-bottom:1px solid #ced9df;padding:16px 0;font-size:14px}summary{cursor:pointer;font-weight:600}.about{max-width:950px;color:#526674}.about p{margin-top:14px}footer{max-width:1500px;margin:auto;padding:0 5% 25px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.8px;color:#617682}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#163a45;color:white;padding:12px 20px;border-radius:8px;display:none;max-width:90%;z-index:10}@media(min-width:1300px){.canvas-wrap{height:640px}}@media(max-width:960px){.workspace{grid-template-columns:minmax(0,1fr) 320px}aside{padding:18px}.viewtop{flex-wrap:wrap}.canvas-wrap{height:560px}.viewbottom{padding:10px 14px}.views{gap:3px}.views button{padding:8px}.reading{gap:20px}}@media(max-width:740px){header{height:70px;padding:0 5%}.brand{gap:8px;letter-spacing:.5px;font-size:10px}.brandmark{font-size:26px}.actions{gap:5px}.actions button{padding:7px 9px;font-size:12px}main{padding-top:23px}.module{display:none}.intro{margin-bottom:20px}.intro p:last-child{font-size:14px}.workspace{grid-template-columns:1fr}.viewer{position:relative}.canvas-wrap{height:430px}.viewtop{padding:15px;font-size:11px}.viewtop label{font-size:12px}.hint{padding:0 15px}.legend{padding:16px;gap:12px}.axis-help{left:15px;font-size:10px}.reading{grid-template-columns:1fr;gap:22px;padding:25px 0}.concept{padding-left:16px}.reading p{font-size:16px}aside{padding:21px}.presets{grid-template-columns:repeat(4,1fr)}.presets button{padding:8px 3px}.control{margin-bottom:23px}footer{flex-direction:column;gap:4px}.zoom button{min-width:42px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Load-path working surface */
header{height:auto;padding-top:16px;padding-bottom:16px}main{padding-top:20px}.intro{margin-bottom:16px}h1{font-size:clamp(26px,3vw,36px)}.assumption{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;background:#e3edf0;color:#294d59;border:1px solid #cddde3;padding:10px 15px;border-radius:8px;margin-bottom:16px;font-size:14px}.assumption a{color:inherit}.viewer{position:relative;align-self:stretch;display:flex;flex-direction:column}.canvas-wrap{height:510px;min-height:460px;flex-grow:1}canvas{position:absolute}.viewtop{font-size:12px;padding:15px 20px}.toggles{display:flex;gap:14px}.toggles label{font-size:14px}.axis-help{font-size:12px}.legend{padding:5px 20px;font-size:13px;gap:8px 15px}.legend span:before{border-radius:0;width:15px;height:3px;vertical-align:middle}.hint{padding:8px 20px 18px}.green{color:#85deb1}.pink{color:#e9a2d9}.tabs{display:flex;margin:10px 0 14px;border-bottom:1px solid #d6e1e6}.tabs button{flex:1;border:0;border-radius:0;color:#647681;padding:8px 3px}.tabs button[aria-selected=true]{color:#006d79;border-bottom:3px solid #007f8a;background:#eef6f7}.presets{grid-template-columns:repeat(4,1fr);gap:5px}.presets button{padding:7px 3px}.control{margin-bottom:15px}.solvers{border-top:1px solid #dbe4e9;padding-top:13px;margin-top:16px}.solvers h3{margin:0 0 10px;font-size:15px}.solvers button{width:100%;margin-bottom:7px;text-align:left;border-color:#b7cfd5;color:#174e5a}.solvers button:first-of-type{background:#123e49;color:white;border-color:#123e49}.solvers p{font-size:12px;color:#617781}.solvers #solver-note{font-size:14px;color:#1d5361;margin-top:9px}.shares{display:flex;gap:10px;justify-content:space-between;background:#f4f7f8;border-radius:8px;padding:15px 12px;font-variant-numeric:tabular-nums;font-size:14px}.shares b{display:block;font-size:20px;color:#82541a}.results{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:22px;padding:25px 0;border-bottom:1px solid #d2dde3}.results h2{font-size:22px;margin:0 0 7px}.result-main>p:last-child{color:#4f6673;font-size:15px}.metric{border-left:1px solid #ccd9e0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.metric span{font-size:14px;color:#516c79}.metric strong{font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.metric small{font-size:12px;color:#627984}.reactions{display:grid;grid-template-columns:1fr 1.2fr;gap:15px 40px;padding:23px 0}.reactions h2{font-size:18px;margin:0 0 8px}.reactions p{color:#526977;font-size:14px}.reaction{display:grid;grid-template-columns:85px 1fr 65px;align-items:center;gap:10px;margin:8px 0;font-size:14px;font-variant-numeric:tabular-nums}.bar{height:8px;background:#dce5e9;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:#007b87;border-radius:5px}.reaction.bad{color:#b53736}.reaction.bad i{background:#cb6662}#contact-note{grid-column:1/-1;border-left:3px solid #7aa7b2;padding-left:12px}.about h3{font-size:16px;margin:20px 0 8px}.about a{color:#007684}.equation{font:14px/1.8 ui-monospace,monospace;background:#e5edf0;padding:16px;border-radius:6px;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:740px){.canvas-wrap{height:445px;min-height:445px;flex-grow:0}.viewtop{padding:12px 14px}.toggles label{font-size:12px}.axis-help{font-size:12px}.legend{font-size:12px}.results{grid-template-columns:1fr 1fr;gap:20px}.result-main{grid-column:1/-1}.metric{padding-left:12px}.metric strong{font-size:18px}.reactions{grid-template-columns:1fr;gap:10px}.control{margin-bottom:20px}.reactions p,.small{font-size:15px}.assumption{font-size:13px}}
.coupling-box{background:#eef4f6;padding:13px;border-left:3px solid #7d68ac;margin:16px 0;font-size:14px}.coupling-box strong{font-size:12px;letter-spacing:.5px}.coupling-box p{margin:7px 0;font-variant-numeric:tabular-nums}.coupling-box small{color:#566b78;font-size:12px}.weight-readout{font-size:16px;font-weight:650;margin:15px 0;color:#286070}.paper-values{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.paper-values div{background:#e7edf2;padding:12px;border-radius:6px}.paper-values span{display:block}.paper-values p{grid-column:1/-1}@media(max-width:740px){.paper-values{grid-template-columns:1fr 1fr}}