*{box-sizing:border-box}body{margin:0;background:#f5f7fc;color:#152946;font:16px/1.65 system-ui,Arial,sans-serif}a{color:#144c83}header{background:#081d39;color:white;padding:16px max(16px,calc((100% - 1180px)/2))}header a{color:white;text-decoration:none;margin:0 12px 0 0;display:inline-block}header nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px}header a:hover{text-decoration:underline}.wrap{width:min(1140px,94%);margin:auto}.hero{background:linear-gradient(120deg,#081c38,#22466b);color:white;padding:45px 0}.hero h1{font-size:clamp(31px,4.5vw,52px);line-height:1.15;margin:8px 0}.hero p{max-width:850px}.eyebrow{color:#e2bd67;font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin:25px 0}.card{background:white;border:1px solid #dfe5ef;border-radius:14px;padding:22px;box-shadow:0 5px 19px #0a1c3309}.card h2,.card h3{color:#0b2c54;margin-top:0}.btn{display:inline-block;background:#d5a73b;color:#071b36;padding:11px 17px;border:0;border-radius:9px;font-weight:750;text-decoration:none;cursor:pointer;margin:4px 8px 4px 0}.btn.alt{background:#e9eef6}.muted{color:#526580}.notice{padding:16px 20px;border-left:4px solid #c99c34;background:#fff9e9;border-radius:7px;margin:23px 0}footer{background:#081d39;color:#e7eaf0;padding:26px 0;margin-top:40px}footer a{color:white}.tag{font-weight:750;color:#976d13;font-size:13px}.stack{display:grid;gap:10px}.stack label{display:block;background:#f6f8fc;padding:12px;border-radius:8px}.stats{display:flex;gap:12px;flex-wrap:wrap}.stats span{background:#f1f5fa;padding:12px;border-radius:8px}.hidden-hints .coach{display:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #db9f28;outline-offset:3px}@media(max-width:600px){.hero{padding:27px 0}header nav{gap:6px}.card{padding:17px}}/* Case-based learning module, accessible across phone/tablet/desktop */
.lesson-intro{background:#e9f3fb;border-left:5px solid #b18b36;border-radius:12px;padding:16px;margin:16px 0}
.learning-steps li{margin-bottom:16px}.learning-steps li p{margin:5px 0}
.case-section.caution{border-left:5px solid #b18b36;background:#fffaf1}
.case-section summary{cursor:pointer;color:#143b65;font-weight:650;padding:8px 0}
.case-section summary:focus-visible,.ratings button:focus-visible{outline:3px solid #d3a342;outline-offset:3px}
.learning-quiz{border:1px solid #d6dfed;border-radius:10px;background:#fafcff;padding:15px;margin:13px 0}
.reflection{width:100%;border:1px solid #9dacc0;padding:10px;border-radius:8px;font:inherit;margin:7px 0}
.ratings{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.ratings button{cursor:pointer;border:1px solid #8095ad;border-radius:8px;padding:9px 12px;background:white;color:#173e62;font:inherit}
.ratings button.chosen{background:#123d66;color:#fff;border-color:#123d66}
.learning-summary{padding:12px 14px;background:#eaf1f9;border-radius:8px;margin:12px 0}
.button.alt{background:#eef3f8;color:#173d68;border:1px solid #b9c9dd}
@media(max-width:640px){.ratings button{width:100%}.reflection{max-width:100%}}
@media print{.ratings,.reflection,#saveLearning,#resetLearning,details summary{display:none}details{display:block}details>*{display:block!important}}

.clinical-context{border-left:4px solid #c19b42;background:#fbfdff}.clinical-context p{margin:9px 0!important}.clinical-context details{margin:12px 0}.clinical-context summary{cursor:pointer;font-weight:700}.clinical-context textarea{width:100%;max-width:100%;padding:10px;border:1px solid #93a9c4;border-radius:7px;font:inherit}.clinical-context label{display:block;margin:10px 0 4px;font-weight:650}