*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f7fb;color:#152334;line-height:1.5}header{background:linear-gradient(135deg,#edf4fb,#f8fbff 60%,#eef7f4);border-bottom:1px solid #d9e2ec;padding:64px 20px 44px}.wrap{width:min(1100px,calc(100% - 32px));margin:auto}.eyebrow,.kicker{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#315b8a;margin:0 0 8px}h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1;margin:0}.subtitle{font-size:1.35rem;font-weight:700;color:#34506f}.lede{max-width:760px;color:#5a6879}main{padding:28px 0 48px}.panel{background:#fff;border:1px solid #d9e2ec;border-radius:18px;padding:26px;margin-bottom:22px;box-shadow:0 10px 28px rgba(30,45,65,.07)}.grid2,.controls,.lenses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lenses{grid-template-columns:repeat(3,minmax(0,1fr))}.heading-row{display:flex;justify-content:space-between;gap:16px;align-items:start}.controls label,.reason-box,.lenses>div,.status{background:#f8fafc;border:1px solid #d9e2ec;border-radius:14px;padding:16px;font-weight:700}.controls input[type=number]{display:block;margin:10px 0;width:100%;padding:9px;border:1px solid #cfd8e3;border-radius:9px}.controls input[type=range]{width:100%}button{border:1px solid #cfd8e3;background:white;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{border:1px solid #d9e2ec;padding:14px;text-align:center}th{background:#edf3f9}.eq{background:#e8f4f1;box-shadow:inset 0 0 0 2px #3f786e;font-weight:800}.result{font-size:1.15rem;font-weight:800;color:#3f786e}.status{margin-top:18px;background:#edf3f9}.reason-box+.reason-box{margin-top:12px}.note{background:#fff6e6;border-left:4px solid #9a6b22;padding:12px 14px;border-radius:9px}.muted{color:#617083}.planned{background:#fff6e6!important;border-style:dashed!important}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.links a{display:block;border:1px solid #d9e2ec;border-radius:12px;padding:14px;text-decoration:none;color:#315b8a;font-weight:800;background:#f9fbfe}#chart svg{width:100%;height:auto}footer{text-align:center;color:#617083;padding:10px 20px 36px}@media(max-width:800px){.grid2,.controls,.lenses,.links{grid-template-columns:1fr}.heading-row{flex-direction:column}}