:root{--blue:#075a92;--dark:#073d65;--teal:#00796b;--soft:#edf5fb;--mint:#e8f5f2;--ink:#1f2933;--muted:#5c6773;--border:#cfd8e3;--bg:#f1f4f7;--bad:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}.shell{max-width:1220px;margin:auto;padding:24px}.hero,.panel{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 24px #00355e12}.hero,.panel{padding:26px}.panel{margin-top:22px}.lesson[hidden]{display:none}.eyebrow,.ref{color:var(--teal);font-weight:700}.ref{font-size:.88rem;color:var(--muted)}h1,h2,h3{color:var(--dark)}h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.1;margin:.2rem 0}.pbl,.callout,.hold,.real{padding:13px 15px;border-radius:11px;margin-top:15px}.pbl,.callout{background:var(--mint);border:1px solid #8ed0c6;color:#075f55}.hold{background:#fff8e8;border:1px solid #f0ca6a}.real{background:var(--soft);border:1px solid #b9d3e8}.nav{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.nav button,button{min-height:44px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--dark);font-weight:700;padding:9px 12px;cursor:pointer}.nav button.active,.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.danger{color:var(--bad);background:#fef3f2}.wide{width:100%;margin-top:10px}.progress{height:8px;background:#dde6ed;border-radius:9px;margin-top:14px;overflow:hidden}.progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--teal))}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid2>*{min-width:0}.card,.diagram{border:1px solid var(--border);border-radius:14px;padding:17px;background:#fff}.card code{display:inline-block;background:var(--soft);padding:8px 10px;border-radius:7px;white-space:normal}.muted{color:var(--muted);font-size:.92rem}.diagram h3{margin-top:0}.diagram svg{width:100%;height:auto;display:block}.diagram svg text{font:700 22px Arial;fill:var(--dark)}.diagram .svg-note{font-size:17px;fill:var(--teal)}.wire{stroke:var(--blue);stroke-width:4}.feed{stroke:var(--teal);stroke-width:4;fill:none}.dash{stroke:var(--blue);stroke-width:3;stroke-dasharray:7 6;fill:none}.block{fill:var(--soft);stroke:var(--blue);stroke-width:3}.square{rx:8}.bubble{fill:#fff;stroke:var(--blue);stroke-width:3}.mini{fill:#fff;stroke:var(--teal);stroke-width:3}.nofill{fill:none}.smallsvg rect{fill:#fff;stroke:var(--blue)}.smallsvg text{font-size:16px}.controls,.scenario,.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px}.scenario{grid-template-columns:repeat(4,1fr)}.scenario.two{grid-template-columns:1fr 1fr}.metrics>div{border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center}.metrics small{display:block;color:var(--muted)}.metrics strong{font-size:1.8rem;color:var(--dark)}.metrics.one{grid-template-columns:1fr}.status{padding:11px 13px;background:#f7f9fb;border:1px solid var(--border);border-radius:9px}.status.good{background:#ecfdf3;color:#067647}.status.bad{background:#fef3f2;color:var(--bad)}label{display:block;font-weight:700;margin-top:9px}input,select{width:100%;min-height:42px;padding:8px;border:1px solid var(--border);border-radius:8px;margin-top:5px;font:inherit}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{border:1px solid var(--border);padding:8px;text-align:left}th{background:var(--blue);color:#fff}.tablewrap{overflow-x:auto;margin-top:10px}footer{text-align:center;color:var(--muted);font-size:.9rem;margin:24px}.evidence li{margin:6px 0}@media(max-width:820px){.grid2{grid-template-columns:1fr}.nav{grid-template-columns:1fr 1fr}.shell{padding:14px}.hero,.panel{padding:18px}.grid2>*{min-width:0}}@media(max-width:480px){.nav,.controls,.scenario,.scenario.two,.metrics{grid-template-columns:1fr}.diagram svg{min-width:0}}