:root{--navy:#071d34;--blue:#0878a8;--cyan:#0ea5c6;--ink:#102a3a;--muted:#5b7080;--line:#cfe0ea;--soft:#edf7fc;--good:#176b43;--bad:#a53b2b;--warn:#946200;--white:#fff;--shadow:0 12px 30px rgba(9,40,61,.09)}
*{box-sizing:border-box}body{margin:0;background:#f3f8fb;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}.topbar{background:linear-gradient(135deg,var(--navy),#07527b);color:#fff;padding:calc(env(safe-area-inset-top) + 18px) 18px 22px}.topbar__inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.topbar h1{font-size:clamp(1.45rem,4vw,2.25rem);margin:2px 0}.eyebrow{margin:0;color:#08739d;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.topbar .eyebrow{color:#9fe7ff}.back-link{color:#fff;text-decoration:none;font-weight:800}.level-badge{background:#d9f5ff;color:#04587d;padding:7px 11px;border-radius:999px;font-weight:900}.page-shell{max-width:1120px;margin:auto;padding:24px 18px 60px}.hero-card,.lesson-panel,.patient-card,.decision-card,.results-panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.hero-card{padding:24px;display:flex;justify-content:space-between;gap:30px;align-items:end}.hero-card h2{margin:5px 0 8px;font-size:clamp(1.5rem,4vw,2.4rem);line-height:1.15}.hero-card p{max-width:760px;margin-bottom:0}.progress-box{min-width:230px;font-weight:800}.progress-track{height:10px;background:#dcebf2;border-radius:999px;margin-top:8px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .25s}.lesson-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.lesson-tab{border:1px solid var(--line);background:#fff;color:var(--ink);padding:13px;border-radius:13px;font-weight:900;cursor:pointer}.lesson-tab span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--soft);margin-right:7px}.lesson-tab.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.lesson-tab.is-active span{background:#fff;color:var(--navy)}.lesson-panel{padding:26px}.section-heading h2{margin:4px 0 8px}.section-heading p:last-child{color:var(--muted);max-width:820px}.step-grid,.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.step-card,.concept-card,.info-card{border:1px solid var(--line);border-radius:15px;padding:17px;background:#fbfdfe}.step-card h3,.concept-card h3,.info-card h3{margin:5px 0 7px}.step-number{display:grid;place-items:center;width:34px;height:34px;background:var(--blue);color:#fff;border-radius:10px;font-weight:900}.skill-callout{background:linear-gradient(135deg,#e7f7fc,#f6fcff);border:1px solid #add9e9;border-left:5px solid var(--cyan);padding:18px;border-radius:14px;margin:20px 0}.skill-callout h3{margin-top:0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.info-card ul{padding-left:20px;margin-bottom:0}.warning-card{background:#fffaf0;border-color:#ead39d}.complete-btn,.primary-btn,.secondary-btn,.knowledge-check button{appearance:none;border:0;border-radius:12px;padding:12px 16px;font-weight:900;cursor:pointer}.complete-btn,.primary-btn,.knowledge-check button{background:var(--blue);color:#fff}.complete-btn{margin-top:22px}.complete-btn.is-complete{background:var(--good)}.secondary-btn{background:var(--soft);color:#075d87;border:1px solid #b9dce9}.sound-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:20px 0}.sound-row{display:grid;grid-template-columns:1fr 2fr 1.5fr;gap:10px;padding:12px 14px;border-top:1px solid var(--line)}.sound-row:first-child{border-top:0}.sound-head{background:var(--navy);color:#fff;font-weight:900}.knowledge-check{background:#f5fafc;border:1px solid var(--line);border-radius:15px;padding:18px}.knowledge-check fieldset{border:0;padding:0;margin:12px 0}.knowledge-check label{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin:8px 0}.feedback{font-weight:800}.feedback.good{color:var(--good)}.feedback.bad{color:var(--bad)}.sim-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;margin-top:22px}.patient-card,.decision-card{padding:20px;box-shadow:none}.patient-card__top{display:flex;justify-content:space-between;gap:12px;align-items:start}.patient-card h3{margin:3px 0}.patient-meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.patient-meta span{background:var(--soft);border:1px solid #c4e0ea;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.88rem}.scenario-text{font-size:1.06rem}.finding-box{margin-top:18px;padding:18px;border-radius:15px;background:#071d34;color:#fff}.finding-box .eyebrow{color:#9fe7ff}.finding-box h3{font-size:1.35rem}.decision-card{display:grid;gap:14px}.decision-step{display:grid;grid-template-columns:38px 1fr;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.decision-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--soft);color:#075d87;font-weight:900}.decision-step h3{margin:0 0 4px}.decision-step p{margin:0 0 8px;color:var(--muted)}.choice-row{display:flex;gap:9px;flex-wrap:wrap}.choice{cursor:pointer}.choice input{position:absolute;opacity:0}.choice span{display:block;border:2px solid var(--line);border-radius:12px;padding:10px 15px;font-weight:900}.choice input:checked+span{border-color:var(--blue);background:#e8f6fb;color:#075d87}select,textarea{width:100%;border:1px solid #b9ced9;border-radius:11px;padding:11px;font:inherit;margin-top:6px;background:#fff}textarea{resize:vertical}.microcopy{font-size:.86rem!important;margin-top:5px!important}.submit-btn{width:100%}.results-panel{margin-top:18px;padding:22px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.score-ring{width:94px;height:94px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--navy);color:#fff;font-size:2rem;font-weight:900}.score-ring small{font-size:.8rem}.results-panel h3{margin:3px 0}.results-panel ul{padding-left:20px}.model-doc{background:var(--soft);border-left:4px solid var(--blue);padding:12px 14px;border-radius:10px}.model-doc p{margin-bottom:0}.disclaimer{margin-top:20px;color:var(--muted);font-size:.88rem;text-align:center}.lesson-panel[hidden],.results-panel[hidden],.finding-box[hidden]{display:none!important}
@media(max-width:850px){.step-grid,.concept-grid{grid-template-columns:repeat(2,1fr)}.sim-layout{grid-template-columns:1fr}.hero-card{align-items:stretch;flex-direction:column}.progress-box{min-width:0}.sound-row{grid-template-columns:1fr}.sound-head{display:none}}
@media(max-width:580px){.topbar__inner{grid-template-columns:1fr auto}.back-link{grid-column:1/-1}.step-grid,.concept-grid,.two-column{grid-template-columns:1fr}.lesson-panel{padding:18px}.lesson-tabs{position:sticky;top:0;z-index:20;background:#f3f8fb;padding:8px 0}.lesson-tab{font-size:.78rem;padding:10px 5px}.lesson-tab span{display:none}.results-panel{grid-template-columns:1fr}.score-ring{width:76px;height:76px}.patient-card__top{flex-direction:column}.secondary-btn{width:100%}}