.v56-wrap{max-width:1120px;margin:auto;padding:1rem 1.25rem 4rem;color:#182033}
.v56-hero{margin:1.5rem 0 2rem;padding:clamp(1.25rem,3vw,2rem);border-radius:1.2rem;background:linear-gradient(135deg,#eff4ff,#effaf7);border:1px solid #dce5f3}
.v56-hero .eyebrow{color:#405681;font-weight:750;letter-spacing:.04em}
.v56-hero h1{margin:.5rem 0;color:#17213b;line-height:1.15}
.v56-hero p{max-width:76ch;line-height:1.65}
.v56-chip{display:inline-block;padding:.25rem .65rem;border-radius:999px;background:#e6f2ef;color:#16554f;font-size:.88rem;font-weight:750}
.v56-panel{margin:1.25rem 0;padding:clamp(1rem,2.4vw,1.5rem);background:#fff;border:1px solid #dbe2ed;border-radius:1rem;box-shadow:0 8px 26px #17213b0c}
.v56-panel h2{margin-top:0;color:#1c2d4f}
.v56-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem;align-items:end}
.v56-controls label{display:grid;gap:.45rem;color:#25324a;font-weight:680}
.v56-controls input[type=number],.v56-controls select{width:100%;min-height:44px;padding:.5rem .65rem;border:1px solid #9ba9bc;border-radius:.55rem;background:#fff;color:#17213b;font:inherit}
.v56-range{display:grid;grid-template-columns:1fr auto;gap:.25rem .7rem;align-items:center;margin:1.1rem 0}
.v56-range label{font-weight:700;color:#25324a}
.v56-range input{grid-column:1/-1;width:100%;accent-color:#176d67}
.v56-range output{font-variant-numeric:tabular-nums;color:#125d58;font-weight:750}
.v56-controls input:focus-visible,.v56-controls select:focus-visible,.v56-range input:focus-visible{outline:3px solid #1b82a0;outline-offset:3px}
.v56-readouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.75rem;margin:1rem 0}
.v56-metric{padding:1rem;border:1px solid #dbe2ed;border-radius:.75rem;background:#f8faff}
.v56-metric span{display:block;color:#4b5870;font-size:.91rem}
.v56-metric output{display:block;margin-top:.3rem;color:#173f52;font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}
.v56-status{display:block;margin:.8rem 0;color:#173f52;font-weight:750;line-height:1.55}
.v56-formula{overflow-x:auto;padding:.8rem 1rem;background:#f6f8fc;border-radius:.65rem;color:#1e3152;font:600 1.05rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}
.v56-graphs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1rem;margin-top:1rem}
.v56-graph{padding:.75rem;border:1px solid #dbe2ed;border-radius:.8rem;background:#101826;color:#e7edf7}
.v56-graph h3{margin:.2rem .3rem .55rem;font-size:1rem;color:#e7edf7}
.v56-graph svg{display:block;width:100%;height:auto;overflow:visible}
.v56-graph text{font-family:system-ui,sans-serif}
.v56-tick{fill:#c0cbdb;font-size:11px}
.v56-caption{margin:.6rem .3rem .2rem;color:#c0cbdb;font-size:.88rem;line-height:1.5}
.v56-note{padding:.9rem 1rem;border-left:4px solid #507f79;background:#f2f8f6;color:#273b39;border-radius:.3rem .65rem .65rem .3rem;line-height:1.6}
.v56-challenges{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.8rem}
.v56-challenge{padding:1rem;border:1px solid #dbe2ed;border-radius:.8rem;background:#f8faff;line-height:1.55}
.v56-challenge strong{display:block;margin-bottom:.35rem;color:#1b5e57}
.v56-related a{color:#125d79;text-underline-offset:3px}.v56-related a:hover{color:#0b3d53}
@media(max-width:600px){.v56-wrap{padding-inline:.8rem}.v56-panel{padding:1rem}.v56-graph{padding:.55rem}}