:root{color:#162c3c;background:#f3f6f8;font-family:system-ui,sans-serif;font-size:18px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:#164a87}a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #a34c00}.site-header{background:#fff;border-bottom:1px solid #cbd7de;align-items:center;gap:30px;padding:18px max(20px,50% - 700px);display:flex}.site-header>a{font-size:1.3rem;font-weight:700}.site-header img{width:140px;height:auto;margin-left:auto}.site-header nav{gap:20px;display:flex}main{max-width:1400px;margin:auto;padding:32px 24px}h1{max-width:1000px;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2}h2{font-size:1.2rem}.eyebrow{color:#425d70;font-weight:600}details,.controls,figure{background:#fff;border:1px solid #cad5dd;border-radius:10px;padding:22px}summary{cursor:pointer;font-weight:600}.formula{font-family:Georgia,serif;font-size:1.15rem}.controls{margin-top:24px}.input-grid,.charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}label{font-weight:600;display:block}input[type=number]{width:100%;font:inherit;border:1px solid #70899a;border-radius:5px;margin-top:8px;padding:12px;display:block}.range-group{padding-bottom:12px;position:relative}.range-group label{font-size:.9rem}.range-track{height:42px;margin:8px 12px;position:relative}.range-track input{pointer-events:none;appearance:none;background:0 0;width:100%;height:32px;margin:0;position:absolute;top:0;left:0}.range-track:before{content:"";background:#adc0cc;border-radius:8px;width:100%;height:5px;position:absolute;top:14px}.range-track input::-webkit-slider-thumb{pointer-events:auto;appearance:none;background:#164a87;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #164a87}.range-track input::-moz-range-thumb{pointer-events:auto;background:#164a87;border:2px solid #fff;border-radius:50%;width:20px;height:20px}.range-track #range-b::-webkit-slider-thumb{background:#007053;box-shadow:0 0 0 2px #007053}.range-track #range-b::-moz-range-thumb{background:#007053}.range-track input:focus-visible{z-index:2}.error{color:#8c230b;background:#fff0ea;padding:12px;font-weight:600}.result{background:#e5f2ed;border-left:5px solid #007053;margin:24px 0;padding:20px 24px}.result strong{font-size:1.3rem}.result p{margin:6px 0}.charts{margin-top:24px}figure{min-width:0;margin:0;padding:16px}figcaption p{min-height:3em;font-size:.9rem}.feedback{border-top:1px solid #cbd7de;margin-top:32px;padding-top:18px}.feedback a{margin:0 24px 12px 0;display:inline-block}footer{color:#435867;border-top:1px solid #cbd7de;margin-top:24px;padding-top:20px;font-size:.85rem}@media (width<=900px){.charts{grid-template-columns:1fr}}@media (width<=550px){.input-grid{grid-template-columns:1fr}.site-header{flex-wrap:wrap;gap:14px}.site-header img{width:100px}main{padding:20px 12px}}h1{overflow-wrap:anywhere}figure>.js-plotly-plot{height:370px;min-height:370px}figure{overflow:hidden}.normal-formula{margin:16px 0;padding:16px 0;font-size:1.25rem;overflow:auto hidden}.normal-formula math{text-align:left;width:max-content;max-width:none;margin:0}button,.button-link{font:inherit;cursor:pointer;color:#164a87;background:#fff;border:1px solid #164a87;border-radius:6px;padding:10px 16px;text-decoration:none;display:inline-block}button:hover,.button-link:hover{background:#e8f0f7}button:focus-visible,input[type=file]:focus-visible{outline-offset:4px;outline:3px solid #a34c00}.button-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.source-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.source-row p{overflow-wrap:anywhere}input[type=file]{font:inherit;max-width:100%;margin-top:10px;display:block}.numeric-control input[type=range]{accent-color:#164a87;width:100%;min-height:28px;margin:14px 0;display:block}.slider-label{margin-top:14px;font-size:.85rem}fieldset{border:1px solid #cad5dd;border-radius:6px;margin:24px 0;padding:16px}.radio-label{margin-top:12px;font-weight:400}.radio-label input{margin-right:10px}.site-header nav{flex-wrap:wrap}input[aria-invalid=true]{border-color:#8c230b}@media (width<=700px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%}}.math-expression{font-size:1.08em}.formula-list{flex-wrap:wrap;align-items:center;gap:24px 40px;padding:18px 0;display:flex}.formula-list>.math-expression{max-width:100%;font-size:1.25rem}