:root {
  --navy: #102d46;
  --ink: #163b56;
  --muted: #60778a;
  --blue: #3b8ed6;
  --teal: #35b6ae;
  --coral: #ef897d;
  --gold: #e5b64d;
  --purple: #9a82d6;
  --off-white: #f5f8fa;
  --line: #dce7ed;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--off-white); font-family: "DM Sans", Arial, sans-serif; font-size: 16px; line-height: 1.55; }
button, a { font: inherit; }
button { cursor: pointer; }
.container { width: min(1160px, calc(100% - 48px)); margin: 0 auto; }
.skip-link { position: absolute; left: 16px; top: -60px; z-index: 10; padding: 10px 14px; color: white; background: var(--navy); border-radius: 0 0 8px 8px; }
.skip-link:focus { top: 0; }
.site-header { background: var(--navy); color: white; }
.header-inner { display: flex; align-items: center; justify-content: space-between; min-height: 76px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: white; font-family: "Space Grotesk", sans-serif; font-size: 1.08rem; font-weight: 700; text-decoration: none; }
.brand-mark { display: grid; width: 31px; height: 31px; place-items: center; color: var(--navy); background: #8fe1d7; border-radius: 9px; font-size: 1.5rem; line-height: 1; }
.header-label { color: #a4bac8; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; }
.hero { position: relative; overflow: hidden; color: white; background: var(--navy); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center; min-height: 520px; padding: 76px 0 86px; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .23; }
.hero-glow-one { width: 460px; height: 460px; right: -100px; top: -190px; background: #298f9f; }
.hero-glow-two { width: 330px; height: 330px; left: -220px; bottom: -220px; background: #3d75c3; }
.eyebrow { margin: 0 0 20px; color: #91dcd5; font-size: .74rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.pulse-dot { display: inline-block; width: 8px; height: 8px; margin-right: 8px; background: #91dcd5; border-radius: 50%; box-shadow: 0 0 0 5px rgba(145,220,213,.13); }
h1, h2, h3 { font-family: "Space Grotesk", Arial, sans-serif; line-height: 1.08; }
h1 { max-width: 640px; margin: 0; font-size: clamp(2.6rem, 5vw, 4.4rem); letter-spacing: -.045em; }
h1 span { color: #8fe1d7; }
.subtitle { margin: 24px 0 16px; color: #ffcf78; font-family: "Space Grotesk", sans-serif; font-size: clamp(1.15rem, 2vw, 1.4rem); font-weight: 600; }
.hero-description { max-width: 565px; margin: 0; color: #c3d3dc; font-size: 1.03rem; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 34px; }
.primary-button { display: inline-flex; align-items: center; gap: 18px; padding: 15px 21px; border: 0; border-radius: 9px; color: var(--navy); background: #8fe1d7; font-weight: 700; box-shadow: 0 8px 18px rgba(0,0,0,.13); transition: transform .2s, background .2s; }
.primary-button:hover, .primary-button:focus-visible { background: #b2eee7; transform: translateY(-2px); }
.button-arrow { font-size: 1.4rem; line-height: .8; }
.action-note { color: #a9c0cc; font-size: .82rem; }
.keyboard-icon { display: inline-grid; width: 22px; height: 22px; margin-right: 7px; place-items: center; border: 1px solid #6f8b9a; border-radius: 5px; color: white; }
.hero-visual { position: relative; min-height: 310px; display: grid; place-items: center; }
.monitor-card { width: min(100%, 440px); padding: 19px; border: 1px solid rgba(180,226,231,.22); border-radius: 18px; background: rgba(35,76,99,.82); box-shadow: 0 24px 60px rgba(0,0,0,.2); transform: rotate(2deg); }
.monitor-topline, .monitor-footer, .screen-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: .64rem; font-weight: 700; letter-spacing: .09em; }
.monitor-topline { padding-bottom: 13px; color: #9bb9c5; }
.status-live { color: #8fe1d7; }.status-live i, .available-label i { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: currentColor; }
.monitor-screen { padding: 18px 18px 15px; border-radius: 11px; background: #102c3e; }.screen-label { color: #6f93a1; font-size: .59rem; letter-spacing: .15em; }
.vitals-row { display: flex; justify-content: space-between; padding: 17px 0 9px; }.vitals-row div { display: flex; flex-direction: column; }.vitals-row strong { color: #8fe1d7; font-family: "Space Grotesk"; font-size: 1.65rem; line-height: 1; }.vitals-row span { margin-top: 5px; color: #8ba8b4; font-size: .6rem; letter-spacing: .08em; }.vitals-row small { font-size: .55rem; letter-spacing: 0; }.amber-text { color: #ffcf78 !important; }.teal-text { color: #73c9ed !important; }
.ecg { display: block; width: 100%; height: 68px; }.ecg path { fill: none; stroke: #71ddd0; stroke-width: 3; vector-effect: non-scaling-stroke; }
.screen-footer { color: #6f93a1; letter-spacing: .02em; }.screen-check { color: #8fe1d7; }.monitor-footer { padding-top: 15px; color: #9bb9c5; letter-spacing: .02em; }.monitor-icon { color: #ffcf78; font-size: 1.2rem; }
.floating-chip { position: absolute; display: flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; color: #d6e8ec; background: rgba(25,64,85,.9); font-size: .76rem; box-shadow: 0 10px 22px rgba(0,0,0,.14); }.floating-chip span { color: #8fe1d7; font-size: 1.1rem; }.chip-one { top: 30px; left: 0; }.chip-two { right: 0; bottom: 31px; }
.scenarios-section { padding: 76px 0 62px; }.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 30px; }.dark-eyebrow { margin-bottom: 11px; color: #5c9eaa; }.section-heading h2 { margin: 0; color: var(--navy); font-size: clamp(2rem, 4vw, 2.8rem); letter-spacing: -.04em; }.section-intro { max-width: 310px; margin: 0 0 4px; color: var(--muted); font-size: .92rem; }
.scenario-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }.scenario-card { min-height: 310px; padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: white; box-shadow: 0 8px 22px rgba(19,57,78,.04); }.active-card { border-top: 4px solid var(--blue); padding-top: 19px; }.coming-card { background: #f8fafb; }.card-topline { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 19px; }.case-number { color: #9db1bc; font-size: .72rem; font-weight: 700; letter-spacing: .12em; }.available-label, .coming-label { color: #3d9a91; font-size: .67rem; font-weight: 700; text-transform: uppercase; }.coming-label { color: #93a5ae; }.scenario-icon { display: grid; width: 47px; height: 47px; margin: 27px 0 20px; place-items: center; border-radius: 12px; font-size: 1.65rem; font-weight: 500; }.icon-blue { color: #3b8ed6; background: #e7f3fd; }.icon-coral { color: var(--coral); background: #fff0ee; }.icon-gold { color: #cc961e; background: #fff6dc; }.icon-purple { color: var(--purple); background: #f2effd; }.scenario-card h3 { margin: 0 0 11px; color: var(--navy); font-size: 1.18rem; }.scenario-card p { min-height: 72px; margin: 0; color: var(--muted); font-size: .86rem; }.card-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 19px; padding: 0; border: 0; color: var(--blue); background: transparent; font-size: .82rem; font-weight: 700; text-decoration: none; }.card-link:hover, .card-link:focus-visible { color: var(--navy); text-decoration: underline; }.card-link span { font-size: 1.1rem; }.muted-link { color: #a4b3bb; cursor: default; }.muted-link span { font-size: .6rem; letter-spacing: .15em; }
.disclaimer { display: flex; gap: 13px; align-items: flex-start; margin-top: 38px; padding: 18px 20px; border: 1px solid #d5e5ea; border-radius: 10px; color: #617a87; background: #edf7f8; font-size: .79rem; }.disclaimer p { margin: 0; }.disclaimer strong { color: var(--ink); }.info-icon { display: grid; flex: 0 0 auto; width: 20px; height: 20px; place-items: center; border: 1px solid #75b4b9; border-radius: 50%; color: #438c91; font-family: Georgia, serif; font-weight: 700; }.site-footer { color: #7e98a4; background: #eaf1f4; font-size: .76rem; }.footer-inner { display: flex; justify-content: space-between; padding: 18px 0; }.footer-inner span:first-child { color: var(--navy); font-weight: 700; }
@media (max-width: 900px) { .hero-grid { grid-template-columns: 1fr; gap: 35px; padding: 62px 0 78px; }.hero-visual { max-width: 600px; }.scenario-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 580px) { .container { width: min(100% - 32px, 1160px); }.header-inner { min-height: 64px; }.header-label { display: none; }.hero-grid { padding: 52px 0 64px; }.hero-description { font-size: .95rem; }.hero-actions { gap: 15px; }.hero-visual { min-height: 270px; }.monitor-card { padding: 13px; }.chip-one { top: 3px; left: -5px; }.chip-two { right: -5px; bottom: 3px; }.section-heading { display: block; }.section-intro { margin-top: 15px; }.scenarios-section { padding: 58px 0 45px; }.scenario-grid { grid-template-columns: 1fr; }.scenario-card { min-height: auto; }.scenario-card p { min-height: 0; }.disclaimer { margin-top: 28px; }.footer-inner { display: block; }.footer-inner span { display: block; }.footer-inner span + span { margin-top: 4px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }
:focus-visible { outline: 3px solid #ffcf78; outline-offset: 3px; }

/* Interactive simulation workspace */
body.simulation-open { overflow: hidden; }
.simulation-shell[hidden] { display: none; }
.simulation-shell { position: fixed; inset: 0; z-index: 20; display: flex; flex-direction: column; color: var(--ink); background: #f3f7f9; overflow: auto; }
.simulation-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 68px; padding: 0 28px; color: white; background: var(--navy); }
.simulation-brand { display: flex; align-items: center; gap: 10px; font-family: "Space Grotesk", Arial, sans-serif; font-size: .96rem; font-weight: 700; white-space: nowrap; }.simulation-brand small { color: #93aeba; font-family: "DM Sans", Arial, sans-serif; font-size: .74rem; font-weight: 500; }
.demo-badge { padding: 7px 11px; border: 1px solid rgba(143,225,215,.35); border-radius: 7px; color: #a9eee7; font-size: .68rem; font-weight: 700; letter-spacing: .08em; }.demo-badge span { margin-left: 7px; color: white; font-variant-numeric: tabular-nums; }
.simulation-tools { display: flex; align-items: center; gap: 7px; }.tool-button, .close-button { padding: 7px 10px; border: 1px solid #416279; border-radius: 6px; color: #c7dbe2; background: transparent; font-size: .72rem; }.tool-button:hover, .tool-button:focus-visible { border-color: #8fe1d7; color: white; background: #1d4961; }.close-button { width: 34px; height: 34px; padding: 0; margin-left: 4px; color: white; font-size: 1.35rem; line-height: 1; }
.simulation-progress { height: 5px; background: #d8e5e9; }.simulation-progress > div { width: 0; height: 100%; background: linear-gradient(90deg, #56b9b0, #5b9ddc); transition: width .25s ease; }
.simulation-body { display: grid; flex: 1; grid-template-columns: 290px minmax(0, 1fr); min-height: 0; }.patient-rail { padding: 31px 25px; color: #d1e2e8; background: #183f59; overflow-y: auto; }.rail-label { margin: 0 0 8px; color: #8fe1d7; font-size: .68rem; font-weight: 700; letter-spacing: .13em; }.patient-rail h2 { margin: 0; color: white; font-size: 1.55rem; letter-spacing: -.035em; }.patient-rail > p:not(.rail-label) { margin: 3px 0 27px; color: #9dbbc6; font-size: .8rem; }.patient-rail dl { margin: 0; }.patient-rail dl div { padding: 12px 0; border-top: 1px solid rgba(197,228,232,.15); }.patient-rail dt { color: #8eacb9; font-size: .64rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.patient-rail dd { margin: 3px 0 0; color: #f2fafb; font-size: .8rem; }.patient-state { margin-top: 26px; padding: 16px; border: 1px solid rgba(143,225,215,.2); border-radius: 11px; background: rgba(9,35,54,.32); }.patient-state p { margin: 0 0 6px; color: #8eacb9; font-size: .68rem; }.patient-state strong { color: #ffcf78; font-size: .91rem; }.mini-vitals { display: flex; gap: 9px; margin: 14px 0 11px; }.mini-vitals span { color: #8eacb9; font-size: .6rem; }.mini-vitals b { display: block; color: #8fe1d7; font-family: "Space Grotesk", Arial, sans-serif; font-size: .98rem; }.patient-quote { color: #d9eef0 !important; font-size: .76rem !important; font-style: italic; line-height: 1.45; }
.simulation-main { width: min(940px, calc(100% - 64px)); margin: 0 auto; padding: 42px 0 56px; overflow-y: auto; }.step-panel { max-width: 880px; margin: 0 auto; }.step-kicker { max-width: 880px; margin: 27px auto -22px; color: #5d9da7; font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }.step-kicker span { color: #92a5af; letter-spacing: .03em; }.step-eyebrow { margin: 0 0 13px; color: #5d9da7; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }.step-panel h1 { max-width: 750px; margin: 0 0 16px; color: var(--navy); font-size: clamp(2.1rem, 4.7vw, 3.55rem); }.lead { max-width: 700px; margin: 0 0 28px; color: #536f7e; font-size: 1.05rem; }.step-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 30px; }.sim-primary, .sim-secondary, .sim-danger { display: inline-flex; align-items: center; gap: 12px; padding: 12px 17px; border: 0; border-radius: 8px; font-size: .84rem; font-weight: 700; }.sim-primary { color: var(--navy); background: #86ddd3; }.sim-primary:hover:not(:disabled), .sim-primary:focus-visible { background: #b1eee8; }.sim-primary:disabled { cursor: not-allowed; color: #8da1aa; background: #dbe5e9; }.sim-secondary { border: 1px solid #a6c8d0; color: var(--ink); background: white; }.sim-secondary:hover, .sim-secondary:focus-visible { border-color: var(--blue); background: #edf8fb; }.sim-danger { color: #a74741; background: #fff0ee; }.sim-danger:hover, .sim-danger:focus-visible { background: #ffe1dd; }.text-button { padding: 0; border: 0; color: var(--blue); background: transparent; font-size: .75rem; font-weight: 700; text-decoration: underline; }
.objective-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 29px 0; }.objective-grid > div { padding: 18px; border: 1px solid #d8e7eb; border-radius: 10px; background: white; }.objective-grid span { color: #5d9da7; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.25rem; font-weight: 700; }.objective-grid p { margin: 11px 0 0; color: #587181; font-size: .82rem; }.teaching-prompt { display: flex; gap: 12px; margin-top: 28px; padding: 14px 16px; border-left: 4px solid #f0bd57; border-radius: 0 8px 8px 0; background: #fff8e6; }.prompt-icon { color: #c99025; font-size: 1rem; }.teaching-prompt strong { color: #91691d; font-size: .69rem; letter-spacing: .08em; text-transform: uppercase; }.teaching-prompt p { margin: 3px 0 0; color: #765f31; font-size: .82rem; }
.handoff-card { margin: 27px 0 18px; padding: 22px 25px; border: 1px solid #d6e6eb; border-radius: 13px; background: white; box-shadow: 0 10px 28px rgba(26,67,89,.05); }.handoff-header { display: flex; align-items: center; gap: 11px; padding-bottom: 17px; border-bottom: 1px solid #e4edf0; }.avatar { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: white; background: #5f9ed0; font-size: .69rem; font-weight: 700; }.handoff-header strong, .handoff-header small { display: block; }.handoff-header strong { color: var(--navy); font-size: .84rem; }.handoff-header small { color: #8198a4; font-size: .7rem; }.handoff-card blockquote { margin: 19px 0 0; color: #38586b; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.02rem; line-height: 1.55; }.callout { padding: 15px 17px; border-radius: 9px; font-size: .83rem; }.blue-callout { color: #2b617b; background: #e8f5fa; }.blue-callout strong { color: var(--navy); }
.room-scene { display: grid; grid-template-columns: 190px 1fr; gap: 24px; align-items: center; margin: 26px 0 21px; padding: 22px; border: 1px solid #d7e6ea; border-radius: 13px; background: white; }.bed-illustration { position: relative; height: 135px; border-bottom: 8px solid #a9c9d2; }.bed-head { position: absolute; width: 22px; height: 98px; bottom: 0; left: 3px; border-radius: 5px 5px 0 0; background: #7caeba; }.bed-person { position: absolute; width: 112px; height: 27px; bottom: 46px; left: 33px; border-radius: 20px 32px 7px 7px; background: #78c8c0; transform: rotate(-7deg); }.bed-person:after { position: absolute; right: -6px; top: -12px; width: 27px; height: 27px; border-radius: 50%; background: #f4c59b; content: ""; }.bed-frame { position: absolute; width: 174px; height: 6px; bottom: -20px; left: 4px; background: #5e8c9b; }.patient-says { margin: 0 0 12px; color: var(--navy); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.16rem; font-weight: 600; }.muted-copy { margin: 0; color: #67808d; font-size: .84rem; }.vitals-card { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; padding: 17px; border-radius: 10px; color: #d3e7eb; background: #193f58; }.vitals-card div { padding-right: 9px; border-right: 1px solid rgba(255,255,255,.14); }.vitals-card div:last-child { border: 0; }.vitals-card span { display: block; color: #91aeba; font-size: .61rem; line-height: 1.3; }.vitals-card strong { display: block; margin-top: 5px; color: #9ce6df; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.03rem; }.vitals-card small { color: #9bbbc2; font-family: "DM Sans", Arial, sans-serif; font-size: .58rem; }.map-note { margin: 10px 0 0; color: #6e8793; font-size: .73rem; }.safety-banner { margin-top: 18px; padding: 12px 15px; border-radius: 8px; color: #855e18; background: #fff4d9; font-size: .82rem; font-weight: 600; }
.assessment-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.assessment-choice { min-height: 106px; padding: 14px; border: 1px solid #d6e6eb; border-radius: 9px; color: var(--ink); background: white; text-align: left; }.assessment-choice:hover, .assessment-choice:focus-visible { border-color: #5dabb5; box-shadow: 0 3px 0 #5dabb5; }.assessment-choice.revealed { border-color: #69bdb4; background: #f0fbfa; }.assessment-choice span { display: block; margin-bottom: 7px; color: #5b9da5; font-size: .6rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.assessment-choice:not(.revealed) span { color: #9aabb3; }.assessment-choice strong, .assessment-choice small { display: block; }.assessment-choice strong { font-size: .82rem; }.assessment-choice small { margin-top: 7px; color: #6a8290; font-size: .73rem; line-height: 1.35; }.assessment-footer { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin-top: 20px; color: #6f8792; font-size: .76rem; }.finding-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 25px 0; }.finding-highlight { display: flex; align-items: center; gap: 12px; padding: 17px; border-radius: 9px; color: #486777; background: #e8f5f7; font-size: .75rem; font-weight: 600; line-height: 1.25; text-transform: uppercase; }.large-number { color: #d26e62; font-family: "Space Grotesk", Arial, sans-serif; font-size: 2rem; }.revealed-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 20px; }.revealed-list > div { display: flex; gap: 8px; padding: 11px 0; border-bottom: 1px solid #e0ebee; }.revealed-list p { margin: 0; color: #587181; font-size: .78rem; line-height: 1.4; }.revealed-list strong { color: var(--navy); }.check-mark { color: #48a79e; font-weight: 700; }.lab-unlock, .labs-revealed { display: flex; align-items: center; gap: 13px; margin-top: 24px; padding: 15px 17px; border-radius: 9px; background: #fff8e6; }.lab-unlock > div { flex: 1; }.lock-icon { color: #c99025; font-size: 1.35rem; }.lab-unlock strong, .labs-revealed h3 { color: #805f23; font-size: .8rem; }.lab-unlock p { margin: 3px 0 0; color: #806c43; font-size: .73rem; }.labs-revealed { display: block; color: #7a6844; background: #fdf8e9; }.labs-revealed h3 { margin: 0 0 10px; }.labs-revealed span { display: inline-block; margin: 3px 5px 3px 0; padding: 5px 8px; border-radius: 5px; color: #6e5b30; background: #fff0c9; font-size: .7rem; }.labs-revealed p { margin: 10px 0 0; font-size: .76rem; }
.choice-stack { display: grid; gap: 10px; max-width: 760px; }.reason-choice { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid #d6e6eb; border-radius: 10px; color: var(--ink); background: white; text-align: left; }.reason-choice:hover, .reason-choice:focus-visible { border-color: #54aaa7; background: #f4fbfb; }.choice-letter { display: grid; flex: 0 0 auto; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #3e9296; background: #e5f5f4; font-weight: 700; }.reason-choice strong { font-size: .87rem; line-height: 1.4; }.feedback { min-height: 0; margin-top: 15px; padding: 12px 14px; border-radius: 8px; font-size: .8rem; }.feedback:empty { display: none; }.success-feedback { color: #216f69; background: #e4f7f3; }.warning-feedback { color: #8a4d34; background: #fff0e7; }
.intervention-layout { display: grid; grid-template-columns: 1.35fr .65fr; gap: 25px; }.subheading { margin: 0 0 10px; color: var(--navy); font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }.unsafe-heading { color: #9e5b50; }.action-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }.action-choice, .unsafe-choice { display: flex; align-items: center; gap: 8px; padding: 10px 11px; border: 1px solid #d6e6eb; border-radius: 7px; color: #436274; background: white; font-size: .73rem; text-align: left; }.action-choice span { display: grid; flex: 0 0 auto; width: 18px; height: 18px; place-items: center; border-radius: 50%; color: #66aaa5; background: #eef8f6; }.action-choice.selected { border-color: #6cbeb7; background: #effafa; }.unsafe-list { display: grid; gap: 7px; }.unsafe-choice { border-color: #efd2cb; color: #9e5b50; background: #fff8f5; }.unsafe-choice:hover, .unsafe-choice:focus-visible { background: #ffece7; }.warning-feedback { border: 1px solid #f0c6b9; }.sbar-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }.sbar-choice { padding: 14px; border: 1px solid #d6e6eb; border-radius: 9px; color: var(--ink); background: white; text-align: left; }.sbar-choice:hover, .sbar-choice:focus-visible, .sbar-choice.selected { border-color: #65b4ad; background: #effaf8; }.sbar-choice span { display: block; margin-bottom: 6px; color: #4c9f9a; font-size: .64rem; font-weight: 700; text-transform: uppercase; }.sbar-choice strong { display: block; font-size: .77rem; line-height: 1.4; }.order-banner { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin: 24px 0 13px; padding: 14px 16px; border-radius: 8px; color: #536b76; background: #e7f4f6; font-size: .76rem; }.order-banner strong { color: #317f83; font-size: .68rem; letter-spacing: .09em; }.order-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }.order-choice { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border: 1px solid #d6e6eb; border-radius: 7px; color: #446474; background: white; font-size: .76rem; text-align: left; }.order-choice:hover:not(:disabled), .order-choice:focus-visible { border-color: #5dabb5; }.order-choice span { display: grid; flex: 0 0 auto; width: 22px; height: 22px; place-items: center; border-radius: 50%; color: #6a9fa7; background: #edf7f8; font-weight: 700; }.order-choice.selected { border-color: #65b4ad; background: #f0faf8; }.order-choice:disabled { cursor: default; }.reassess-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 26px 0 15px; }.reassess-columns > div { padding: 20px; border-radius: 10px; background: white; border: 1px solid #d6e6eb; }.reassess-columns > div:last-child { background: #effaf8; border-color: #b9ddd8; }.reassess-columns h3 { margin: 0; color: var(--navy); font-size: 1rem; }.reassess-columns ul { margin: 13px 0 0; padding-left: 17px; color: #55717f; font-size: .8rem; }.reassess-columns li + li { margin-top: 7px; }.reassess-choice { display: grid; gap: 8px; }
.education-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }.education-choice { display: flex; align-items: flex-start; gap: 10px; padding: 14px; border: 1px solid #d6e6eb; border-radius: 8px; color: #456676; background: white; font-size: .8rem; text-align: left; }.education-choice:hover, .education-choice:focus-visible, .education-choice.selected { border-color: #66b7ae; background: #effaf8; }.education-choice span { color: #53a89e; font-size: 1.05rem; line-height: 1; }.debrief-panel h1 { margin-bottom: 22px; }.score-hero { display: flex; align-items: center; gap: 23px; padding: 20px 24px; border-radius: 12px; color: #d8eff0; background: #193f58; }.score-number { color: #8fe1d7; font-family: "Space Grotesk", Arial, sans-serif; font-size: 3.7rem; font-weight: 700; line-height: 1; }.score-hero > div:first-child > span:last-child { color: #91adba; font-size: .8rem; }.score-hero strong { color: #ffcf78; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.15rem; }.score-hero p { margin: 4px 0 0; color: #b1cbd2; font-size: .77rem; }.debrief-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; margin-top: 22px; }.debrief-grid > div, .reflection { padding: 18px; border: 1px solid #d6e6eb; border-radius: 9px; background: white; }.debrief-grid h3, .reflection h3 { margin: 0 0 10px; color: var(--navy); font-size: .92rem; }.debrief-grid p, .debrief-grid li, .reflection li { color: #597483; font-size: .77rem; }.debrief-grid p { margin: 7px 0; }.debrief-grid ol { margin: 0; padding-left: 21px; }.debrief-grid li + li { margin-top: 8px; }.reflection { margin-top: 13px; background: #fff8e6; border-color: #f0dfb6; }.reflection ol { margin: 0; padding-left: 20px; }.reflection li + li { margin-top: 7px; }.knowledge-check { margin-top: 22px; padding: 21px; border: 1px solid #b9ddd8; border-radius: 11px; background: #effaf8; }.knowledge-check .step-eyebrow { margin-bottom: 8px; }.knowledge-check h2 { margin: 0 0 10px; color: var(--navy); font-size: 1.3rem; }.knowledge-check > p:not(.step-eyebrow) { margin: 0 0 15px; color: #526f7c; font-size: .83rem; }.knowledge-options { display: grid; gap: 7px; }.knowledge-options button { display: flex; align-items: flex-start; gap: 10px; padding: 10px 11px; border: 1px solid #c5dedb; border-radius: 7px; color: #456676; background: white; font-size: .76rem; text-align: left; }.knowledge-options button:hover, .knowledge-options button:focus-visible { border-color: #4da59b; }.knowledge-options button span { font-weight: 700; color: #378e89; }
.case-selected { box-shadow: 0 0 0 3px rgba(83,169,160,.18); }
.critical-banner { display: flex; align-items: center; gap: 13px; margin: 20px 0; padding: 14px 16px; border: 1px solid #e9b1a7; border-radius: 9px; color: #8c443b; background: #fff0ed; font-size: .8rem; }.critical-banner strong { color: #b24f44; font-size: .68rem; letter-spacing: .08em; }.critical-banner span { color: #815b57; }.score-breakdown { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 15px; }.score-breakdown > div { padding: 11px 12px; border: 1px solid #cfe2e6; border-radius: 8px; background: #edf7f8; }.score-breakdown span { display: block; color: #517482; font-size: .66rem; line-height: 1.25; }.score-breakdown strong { display: block; margin: 4px 0 7px; color: var(--navy); font-size: .83rem; }.score-breakdown div div { height: 4px; padding: 0; border-radius: 99px; background: #d0e3e6; overflow: hidden; }.score-breakdown i { display: block; height: 100%; border-radius: inherit; background: #5caea7; }
@media (max-width: 950px) { .simulation-bar { padding: 0 17px; }.simulation-tools { gap: 4px; }.tool-button { padding: 6px 7px; font-size: .66rem; }.simulation-body { grid-template-columns: 220px minmax(0, 1fr); }.patient-rail { padding: 25px 17px; }.simulation-main { width: calc(100% - 40px); padding-top: 32px; }.step-kicker { margin-top: 20px; } }
@media (max-width: 700px) { .simulation-bar { align-items: flex-start; flex-wrap: wrap; padding: 12px 16px; }.simulation-brand { margin-top: 2px; }.demo-badge { order: 3; width: 100%; text-align: center; }.simulation-tools { margin-left: auto; }.simulation-body { display: block; }.patient-rail { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; padding: 16px; }.patient-rail > p:not(.rail-label) { margin-bottom: 0; }.patient-rail dl { display: none; }.patient-state { grid-column: 1 / -1; margin-top: 13px; padding: 11px 13px; }.mini-vitals { margin: 7px 0; }.patient-quote { display: none; }.simulation-main { width: calc(100% - 28px); padding: 28px 0 45px; }.step-kicker { width: calc(100% - 28px); margin: 15px auto -12px; }.objective-grid, .assessment-grid, .sbar-grid, .education-grid, .debrief-grid, .score-breakdown { grid-template-columns: 1fr; }.room-scene { grid-template-columns: 1fr; }.bed-illustration { max-width: 190px; }.vitals-card { grid-template-columns: repeat(3, 1fr); }.vitals-card div:nth-child(3) { border: 0; }.vitals-card div:nth-child(n+4) { margin-top: 8px; }.finding-summary, .revealed-list, .reassess-columns { grid-template-columns: 1fr; }.assessment-footer, .order-banner { align-items: flex-start; flex-direction: column; }.intervention-layout, .order-list { grid-template-columns: 1fr; }.action-grid { grid-template-columns: 1fr; }.score-hero { align-items: flex-start; flex-direction: column; gap: 11px; }.critical-banner { align-items: flex-start; flex-direction: column; gap: 5px; } }
@media (max-width: 430px) { .simulation-brand small { display: none; }.simulation-tools { width: 100%; justify-content: flex-end; }.tool-button { font-size: .61rem; }.close-button { margin-left: 0; }.step-panel h1 { font-size: 2.15rem; }.vitals-card { padding: 12px; gap: 7px; }.vitals-card strong { font-size: .92rem; }.step-actions { justify-content: stretch; }.step-actions > button { flex: 1; justify-content: center; } }

/* Room-centered clinical simulation */
.clinical-shell { color: #d9e7eb; background: #0d2435; }
.clinical-topbar { display: flex; align-items: center; gap: 20px; min-height: 62px; padding: 0 18px; border-bottom: 1px solid #294c60; background: #102f46; }.clinical-brand { display: flex; align-items: center; gap: 9px; min-width: 190px; color: white; font-family: "Space Grotesk", Arial, sans-serif; font-size: .9rem; font-weight: 700; }.clinical-brand small { color: #8faeba; font-family: "DM Sans", Arial, sans-serif; font-size: .68rem; font-weight: 500; }.clinical-case { flex: 1; text-align: center; }.clinical-case b, .clinical-case span { display: block; }.clinical-case b { color: #9ce9df; font-size: .82rem; }.clinical-case span { margin-top: 2px; color: #8da9b6; font-size: .68rem; }.clinical-controls { display: flex; align-items: center; gap: 5px; }.elapsed-readout { padding: 6px 9px; border: 1px solid #355a6d; border-radius: 5px; color: #90aab6; font-size: .6rem; letter-spacing: .08em; }.elapsed-readout b { margin-left: 5px; color: #ffcf78; font-variant-numeric: tabular-nums; }.clinical-tool, .clinical-close { padding: 7px 9px; border: 1px solid #355a6d; border-radius: 5px; color: #c7dbe2; background: transparent; font-size: .66rem; }.clinical-tool:hover, .clinical-tool:focus-visible { border-color: #8fe1d7; color: white; background: #1b4961; }.clinical-close { width: 29px; height: 29px; padding: 0; margin-left: 3px; color: white; font-size: 1.2rem; line-height: 1; }.clinical-progress { height: 4px; background: #17394d; }.clinical-progress i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #65c6bb, #77aee7); transition: width .35s ease; }
.clinical-workspace { display: grid; flex: 1; grid-template-columns: minmax(220px, 24%) minmax(390px, 50%) minmax(270px, 26%); min-height: 0; overflow: hidden; }.patient-panel, .monitor-panel, .action-panel { min-width: 0; overflow-y: auto; }.patient-panel { padding: 19px 15px; background: #183d55; }.monitor-panel { padding: 20px 18px; background: #0b1e2d; }.action-panel { padding: 19px 14px; background: #f3f7f8; color: #24465a; }.panel-label { color: #7fa9b6; font-size: .61rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }.panel-label span { float: right; color: #69d0c4; }.patient-panel .panel-label { color: #8cded5; }.patient-name { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-top: 9px; }.patient-name strong { color: white; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.12rem; }.patient-name span { color: #98b4bf; font-size: .66rem; }.patient-state-tag { display: flex; align-items: center; gap: 6px; margin: 8px 0 4px; color: #ffcf78; font-size: .65rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }.patient-state-tag span { width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(255,207,120,.12); }.patient-state-tag.early { color: #f5b461; }.patient-state-tag.late, .patient-state-tag.critical { color: #ff8d83; }.patient-state-tag.critical span { animation: critical-pulse .8s infinite; }.patient-room-note { margin: 0 0 15px; color: #a9c4cc; font-size: .72rem; }
.hospital-bed-art { position: relative; height: 215px; margin: 8px 0 10px; border-radius: 12px; background: linear-gradient(160deg, #24566e, #16394f); overflow: hidden; }.hospital-bed-art:before { position: absolute; top: 22px; left: 13%; width: 72%; height: 10px; border-radius: 8px; background: #709ba8; box-shadow: 0 7px 0 #385f70; content: ""; }.bed-pillow { position: absolute; left: 18%; top: 54px; width: 22%; height: 34px; border-radius: 14px 9px 7px 14px; background: #dbe9e8; transform: rotate(-5deg); }.bed-mattress { position: absolute; left: 12%; right: 8%; bottom: 42px; height: 42px; border-radius: 8px; background: #b8d6d6; transform: skewY(-3deg); }.bed-rail { position: absolute; right: 8%; top: 36px; width: 8px; height: 102px; border: 2px solid #8db3ba; border-radius: 8px; }.bed-legs { position: absolute; left: 16%; right: 11%; bottom: 17px; height: 25px; border-bottom: 7px solid #638795; }.patient-head { position: absolute; z-index: 2; left: 23%; top: 57px; width: 42px; height: 42px; border-radius: 48% 52% 45% 50%; background: #e4b78e; transform: rotate(-5deg); }.patient-head:after { position: absolute; top: -5px; left: 4px; width: 33px; height: 16px; border-radius: 50% 50% 25% 20%; background: #a5a3a1; content: ""; }.patient-head i, .patient-head b { position: absolute; top: 20px; width: 4px; height: 4px; border-radius: 50%; background: #38515b; }.patient-head i { left: 11px; }.patient-head b { right: 10px; }.patient-body { position: absolute; z-index: 1; left: 35%; bottom: 75px; width: 105px; height: 55px; border-radius: 35px 20px 12px 15px; background: #6eb6ba; transform: rotate(-4deg); }.patient-arm { position: absolute; right: -22px; top: 18px; width: 56px; height: 13px; border-radius: 13px; background: #dfb187; transform: rotate(28deg); }.patient-arm:after { position: absolute; right: -4px; top: 1px; width: 13px; height: 10px; border-radius: 50%; background: #dfb187; content: ""; }.patient-monitor-glow { position: absolute; right: 7%; top: 52px; width: 5px; height: 5px; border-radius: 50%; background: #81e3d7; box-shadow: 0 0 17px 7px rgba(129,227,215,.5); }.patient-pale .patient-head { background: #d9ad8e; }.patient-clammy .patient-head, .patient-clammy .patient-body { filter: saturate(.65); }.patient-mottled .patient-head { background: #b78f88; }.patient-mottled .patient-body { background: #638e9e; }.patient-critical .patient-head { background: #a47f7e; transform: rotate(5deg); }.patient-critical .patient-head:before { position: absolute; left: 9px; bottom: 8px; width: 23px; height: 2px; border-radius: 2px; background: #734f55; content: ""; }.patient-improving .patient-head { background: #e8bc93; }.patient-speech { min-height: 37px; padding: 8px 10px; border-left: 3px solid #8fe1d7; border-radius: 0 6px 6px 0; color: #d5e9ea; background: rgba(9,34,51,.38); font-size: .72rem; font-style: italic; transition: background .3s; }.patient-speech.speaking { color: white; background: rgba(62,126,132,.54); }
.room-object-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 13px; }.room-object-grid button { min-height: 49px; padding: 5px 3px; border: 1px solid #326077; border-radius: 6px; color: #b9d4d9; background: #1d4a62; font-size: .59rem; line-height: 1.15; }.room-object-grid button:hover, .room-object-grid button:focus-visible { border-color: #8fe1d7; color: white; background: #24637a; }.room-object-grid button span { display: block; margin-bottom: 3px; color: #8fe1d7; font-size: .9rem; }
.monitor-panel > .panel-label { display: flex; justify-content: space-between; padding: 0 3px 10px; }.monitor-frame { padding: 10px; border: 2px solid #294d5d; border-radius: 9px; background: #172d39; box-shadow: inset 0 0 25px rgba(0,0,0,.25), 0 8px 20px rgba(0,0,0,.18); }.monitor-header { display: flex; justify-content: space-between; padding: 3px 6px 9px; color: #83a3ab; font-size: .58rem; letter-spacing: .08em; }.monitor-header span:last-child { color: #7ee0d3; }.monitor-header .monitor-early { color: #ffcf78; }.monitor-header .monitor-late, .monitor-header .monitor-critical { color: #ff8e83; }.monitor-screen { padding: 14px 14px 10px; border-radius: 4px; background: #07151d; }.monitor-vitals { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }.monitor-vitals div { min-width: 0; }.monitor-vitals span, .monitor-vitals small { display: block; color: #72919b; font-size: .58rem; }.monitor-vitals strong { display: block; margin: 4px 0 1px; color: #75e0d1; font-family: "Space Grotesk", Consolas, monospace; font-size: clamp(1.25rem, 2.3vw, 1.8rem); line-height: 1; white-space: nowrap; }.monitor-vitals div:nth-child(2) strong { color: #ffcf78; }.monitor-vitals div:nth-child(4) strong { color: #80cbe8; }.ecg-label { padding-top: 20px; color: #6d8993; font-size: .56rem; letter-spacing: .1em; }.ecg-label span { color: #76e4d4; }.live-ecg { display: block; width: 100%; height: 95px; margin-top: 3px; overflow: visible; }.live-ecg path { fill: none; stroke: #62ded0; stroke-width: 2.4; stroke-dasharray: 650; animation: ecg-draw 3s linear infinite; vector-effect: non-scaling-stroke; }.monitor-lower { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding-top: 11px; border-top: 1px solid #203b45; color: #72919b; font-size: .58rem; }.monitor-lower b { display: block; margin-top: 3px; color: #b9dadd; font-family: Consolas, monospace; font-size: .7rem; }.monitor-buttons { display: flex; gap: 6px; margin-top: 8px; }.monitor-buttons button { padding: 6px 8px; border: 1px solid #426171; border-radius: 5px; color: #a9cbd0; background: transparent; font-size: .61rem; }.monitor-buttons button:hover, .monitor-buttons button:focus-visible { border-color: #80ded4; color: white; }.trend-wrap { margin-top: 12px; padding: 12px; border: 1px solid #2a4b5d; border-radius: 8px; background: #132c3d; }.trend-heading { display: flex; justify-content: space-between; color: #b8d3d7; font-size: .66rem; }.trend-heading span { color: #75939e; font-size: .58rem; }.trend-svg { display: block; width: 100%; height: 155px; margin-top: 6px; }.trend-svg .grid-line, .grid-line { fill: none; stroke: #294859; stroke-width: 1; }.trend-svg .trend-hr { fill: none; stroke: #ffb36b; stroke-width: 2.5; }.trend-svg .trend-bp { fill: none; stroke: #8fe1d7; stroke-width: 2.5; }.trend-svg .trend-spo2 { fill: none; stroke: #80cbe8; stroke-width: 2.5; }.trend-svg .trend-rr { fill: none; stroke: #c59be4; stroke-width: 2.5; }.trend-legend { display: flex; flex-wrap: wrap; gap: 8px; color: #8ba9b2; font-size: .57rem; }.hr-legend { color: #ffb36b; }.bp-legend { color: #8fe1d7; }.spo2-legend { color: #80cbe8; }.rr-legend { color: #c59be4; }
.clinical-log { min-height: 125px; max-height: 190px; margin-top: 13px; padding: 9px 12px; border: 1px solid #223f51; border-radius: 8px; background: #112c3c; overflow-y: auto; }.log-empty { padding: 11px 0; color: #6f929e; font-size: .7rem; font-style: italic; }.log-entry { display: flex; gap: 10px; padding: 6px 0; border-bottom: 1px solid rgba(130,177,185,.1); }.log-entry time { flex: 0 0 39px; color: #6babb2; font-family: Consolas, monospace; font-size: .6rem; }.log-entry p { margin: 0; color: #bed5d9; font-size: .68rem; line-height: 1.4; }
.action-panel-head { display: flex; justify-content: space-between; align-items: end; gap: 5px; padding-bottom: 12px; border-bottom: 1px solid #d2e1e5; }.action-panel-head .panel-label { color: #4f8792; }.action-panel-head > span { color: #80959d; font-size: .59rem; text-align: right; }.action-group { padding: 10px 0 0; }.action-group h3 { margin: 0 0 6px; color: #5f828d; font-size: .62rem; letter-spacing: .09em; text-transform: uppercase; }.action-group > div { display: grid; gap: 4px; }.nursing-action { display: grid; grid-template-columns: 20px 1fr auto; gap: 6px; align-items: center; padding: 7px 7px; border: 1px solid #d7e4e7; border-radius: 5px; color: #2e5266; background: white; font-size: .68rem; font-weight: 600; text-align: left; }.nursing-action:hover, .nursing-action:focus-visible { border-color: #5cb5ac; background: #effaf9; }.nursing-action:disabled { cursor: not-allowed; opacity: .46; }.nursing-action.done { border-color: #a9d8d2; color: #307c76; background: #eefaf8; }.action-icon { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; color: #599b9b; background: #edf7f6; font-size: .8rem; }.nursing-action small { color: #91a2a8; font-size: .52rem; font-weight: 400; white-space: nowrap; }.action-result { min-height: 75px; margin-top: 13px; padding: 11px; border-left: 3px solid #79aaa9; border-radius: 0 6px 6px 0; background: #e8f5f5; }.action-result strong, .action-result span { display: block; }.action-result strong { color: #2f7778; font-size: .68rem; }.action-result span { margin-top: 4px; color: #51717b; font-size: .67rem; line-height: 1.45; }.result-assessment { border-color: #4b9fd0; background: #e9f5fc; }.result-safe { border-color: #54ae9e; background: #e9f8f3; }.result-escalation { border-color: #e8a647; background: #fff5df; }.result-lab { border-color: #9d80ca; background: #f5f0ff; }.result-unsafe { border-color: #d8756e; background: #fff0ed; }.result-unsafe strong { color: #ae5049; }.result-info { border-color: #8daec1; background: #eef4f7; }.room-gate { margin-top: 14px; padding: 18px 13px; border: 1px solid #d5e3e6; border-radius: 8px; background: white; }.gate-icon { display: block; color: #4caaa3; font-size: 1.45rem; }.room-gate strong { display: block; margin-top: 5px; color: #183e57; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.02rem; }.room-gate p, .room-gate li { color: #5d7681; font-size: .72rem; line-height: 1.45; }.room-gate ul { margin: 10px 0 16px; padding-left: 17px; }.action-main, .action-secondary { padding: 10px 13px; border: 0; border-radius: 6px; color: #12354c; background: #7fd7cd; font-size: .7rem; font-weight: 700; }.action-main:hover, .action-main:focus-visible { background: #b1eee8; }.action-secondary { border: 1px solid #a1c1c7; background: white; }.overlay-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.clinical-overlay { position: absolute; inset: 0; z-index: 5; display: grid; place-items: center; padding: 25px; background: rgba(4,18,28,.76); overflow-y: auto; }.clinical-overlay[hidden], .instructor-drawer[hidden] { display: none; }.overlay-card { width: min(780px, 100%); max-height: 92vh; padding: 22px; border: 1px solid #c8dde1; border-radius: 12px; color: #274a5d; background: #f5fafb; box-shadow: 0 28px 70px rgba(0,0,0,.35); overflow-y: auto; }.overlay-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 13px; border-bottom: 1px solid #d3e4e7; }.overlay-head h2 { margin: 4px 0 0; color: #143c56; font-size: 1.45rem; }.overlay-close { width: 29px; height: 29px; border: 1px solid #aac5cb; border-radius: 5px; color: #456878; background: white; font-size: 1.2rem; }.chart-tabs { display: flex; flex-wrap: wrap; gap: 5px; margin: 13px 0; }.chart-tabs button { padding: 7px 9px; border: 1px solid #cddfe2; border-radius: 5px; color: #5a7783; background: white; font-size: .68rem; }.chart-tabs button.active, .chart-tabs button:hover, .chart-tabs button:focus-visible { border-color: #5cacaa; color: #216f70; background: #e9f8f6; }.chart-content h3 { margin: 11px 0 9px; color: #173e57; font-size: 1rem; }.chart-content p, .chart-content li { color: #52717d; font-size: .78rem; }.chart-content ul { padding-left: 20px; }.chart-note { margin-top: 15px; padding: 11px; border-radius: 6px; color: #6f5b31 !important; background: #fff5d9; font-size: .72rem !important; }.allergy-card { padding: 15px; border-radius: 7px; color: #276d65; background: #e9f7f2; font-weight: 700; }.locked-chart { padding: 25px; border: 1px dashed #b9cfd5; border-radius: 8px; text-align: center; }.locked-chart strong { color: #46707d; font-size: .85rem; }.locked-chart p { margin-bottom: 0; }.labs-table { width: 100%; border-collapse: collapse; font-size: .73rem; }.labs-table th, .labs-table td { padding: 9px 10px; border-bottom: 1px solid #d8e6e9; text-align: left; }.labs-table th { color: #68838d; font-size: .61rem; letter-spacing: .08em; text-transform: uppercase; }.labs-table td { color: #4a6977; }.labs-table tr.abnormal td { color: #ae5049; background: #fff0ec; }.order-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }.order-cards button { display: flex; align-items: flex-start; gap: 8px; padding: 10px; border: 1px solid #d1e1e4; border-radius: 6px; color: #446775; background: white; font-size: .7rem; text-align: left; }.order-cards button.prioritized { border-color: #5aada5; background: #edf9f6; }.order-cards button span { display: grid; flex: 0 0 auto; width: 19px; height: 19px; place-items: center; border-radius: 50%; color: #459790; background: #e1f2ef; font-weight: 700; }.chart-timeline { margin: 0; padding-left: 20px; }.chart-timeline li { padding: 5px 0; }.chart-timeline time { display: inline-block; width: 40px; margin-right: 6px; color: #5ba2a0; font-family: Consolas, monospace; font-size: .65rem; }.sbar-card { width: min(900px, 100%); }.overlay-intro { color: #5d7681; font-size: .78rem; }.sbar-builder { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }.sbar-builder section { padding: 11px; border: 1px solid #d5e4e7; border-radius: 8px; background: white; }.sbar-builder h3 { margin: 0 0 7px; color: #347d80; font-size: .75rem; }.sbar-builder button { display: block; width: 100%; margin-top: 5px; padding: 9px; border: 1px solid #d2e0e3; border-radius: 5px; color: #526f7b; background: #fbfdfd; font-size: .7rem; text-align: left; }.sbar-builder button.selected { border-color: #55a9a1; color: #226f6a; background: #e8f7f3; }.instructor-feedback { margin-top: 13px; padding: 12px; border-radius: 7px; font-size: .75rem; }.instructor-feedback.good { color: #216f69; background: #e5f7f1; }.instructor-feedback.needs-work { color: #8c513c; background: #fff0e7; }.instructor-feedback p { margin: 7px 0; }.instructor-drawer { position: absolute; z-index: 6; top: 66px; right: 0; bottom: 0; width: min(330px, 90%); border-left: 1px solid #416174; color: #d5e7ea; background: #123247; box-shadow: -12px 0 30px rgba(0,0,0,.2); overflow-y: auto; }.instructor-head { display: flex; justify-content: space-between; padding: 15px; border-bottom: 1px solid #33576a; color: #8fe1d7; font-family: "Space Grotesk", Arial, sans-serif; }.instructor-head button { border: 0; color: white; background: transparent; font-size: 1.2rem; }.instructor-body { padding: 15px; }.instructor-body > div { padding: 11px 0; border-bottom: 1px solid rgba(193,224,228,.12); }.instructor-body span { display: block; color: #81a8b4; font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }.instructor-body strong { color: #ffcf78; font-size: .88rem; }.instructor-body p, .instructor-body li { color: #c2dadd; font-size: .7rem; line-height: 1.45; }.instructor-body ol { margin: 6px 0 0; padding-left: 18px; }.instructor-body time { margin-right: 5px; color: #78c9c1; font-family: Consolas, monospace; }.debrief-card { width: min(900px, 100%); }.debrief-score { display: flex; align-items: baseline; gap: 9px; margin: 18px 0; padding: 16px 18px; border-radius: 8px; color: #d4edee; background: #183f58; }.debrief-score strong { color: #8fe1d7; font-family: "Space Grotesk", Arial, sans-serif; font-size: 3rem; line-height: 1; }.debrief-score span { color: #ffcf78; font-size: .78rem; }.debrief-areas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }.debrief-areas > div { padding: 9px; border: 1px solid #d2e3e5; border-radius: 6px; background: white; }.debrief-areas span, .debrief-areas b { display: block; }.debrief-areas span { color: #587680; font-size: .62rem; }.debrief-areas b { margin: 3px 0; color: #246d70; font-size: .78rem; }.debrief-areas i { display: block; height: 4px; border-radius: 5px; background: #5eafa5; }.debrief-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; margin-top: 16px; }.debrief-columns > div { padding: 14px; border: 1px solid #d2e3e5; border-radius: 7px; background: white; }.debrief-columns h3 { margin: 0 0 7px; color: #18435c; font-size: .8rem; }.debrief-columns p { margin: 0 0 12px; color: #5a7580; font-size: .72rem; }.pathophys-note, .reflection-prompts { margin-top: 12px; padding: 12px; border-radius: 7px; color: #6f5a31; background: #fff6dd; font-size: .73rem; }.reflection-prompts { color: #3f6b71; background: #e9f7f5; }.alarm-flash { animation: alarm-flash .3s 3; }.projector-mode .clinical-workspace { grid-template-columns: minmax(260px, 25%) minmax(460px, 50%) minmax(320px, 25%); }.projector-mode .nursing-action, .projector-mode .room-object-grid button { font-size: .8rem; }.projector-mode .monitor-vitals strong { font-size: 2rem; }
@keyframes ecg-draw { to { stroke-dashoffset: -650; } } @keyframes patient-breathe { 50% { transform: rotate(-4deg) translateY(-2px) scaleY(1.025); } } @keyframes patient-blink { 0%, 96%, 100% { transform: scaleY(1); } 97% { transform: scaleY(.12); } } @keyframes critical-pulse { 50% { box-shadow: 0 0 0 7px rgba(255,93,83,.2); } } @keyframes alarm-flash { 50% { filter: brightness(1.25); } }
.patient-body { animation: patient-breathe 4s ease-in-out infinite; transform-origin: 40% 100%; }.patient-head i, .patient-head b { animation: patient-blink 7s ease-in-out infinite; transform-origin: center; }.patient-head b { animation-delay: .13s; }
@media (max-width: 1100px) { .clinical-topbar { flex-wrap: wrap; padding: 10px 13px; }.clinical-case { order: 3; flex-basis: 100%; }.clinical-controls { margin-left: auto; }.clinical-workspace { grid-template-columns: 235px minmax(350px, 1fr) 285px; }.clinical-brand { min-width: auto; }.monitor-vitals { grid-template-columns: repeat(3, 1fr); row-gap: 13px; } }
@media (max-width: 820px) { .clinical-shell { overflow-y: auto; }.clinical-workspace { display: block; overflow: visible; }.patient-panel, .monitor-panel, .action-panel { overflow: visible; }.patient-panel { display: grid; grid-template-columns: 190px 1fr; gap: 0 13px; padding: 13px; }.patient-panel > .panel-label, .room-object-grid { grid-column: 1 / -1; }.hospital-bed-art { grid-row: span 3; margin: 7px 0 0; }.patient-speech { align-self: end; }.room-object-grid { grid-template-columns: repeat(9, 1fr); margin-top: 10px; }.room-object-grid button { min-height: 42px; }.monitor-panel { padding: 16px 13px; }.action-panel { padding: 16px 13px 30px; }.action-group > div { grid-template-columns: repeat(2, 1fr); display: grid; }.nursing-action { grid-template-columns: 20px 1fr; }.nursing-action small { display: none; }.clinical-log { max-height: 160px; } }
@media (max-width: 540px) { .clinical-topbar { min-height: 0; }.clinical-controls { width: 100%; margin: 0; flex-wrap: wrap; }.elapsed-readout { order: 10; }.clinical-tool { flex: 1; }.patient-panel { display: block; }.hospital-bed-art { height: 190px; }.patient-name { margin-top: 9px; }.room-object-grid { grid-template-columns: repeat(3, 1fr); }.monitor-vitals { grid-template-columns: repeat(2, 1fr); }.monitor-lower { grid-template-columns: repeat(2, 1fr); row-gap: 9px; }.action-group > div { grid-template-columns: 1fr; }.sbar-builder, .debrief-columns, .order-cards { grid-template-columns: 1fr; }.clinical-overlay { padding: 10px; }.overlay-card { padding: 15px; max-height: 96vh; }.debrief-areas { grid-template-columns: repeat(2, 1fr); } }
@media (prefers-reduced-motion: reduce) { .patient-head, .patient-body, .live-ecg path, .alarm-flash { animation: none !important; } }

/* Four-case shock curriculum */
.legacy-scenario-grid { display: none; }.upgraded-scenario-grid { grid-template-columns: repeat(4, 1fr); }.enabled-shock-card { min-height: 350px; }.shock-category { min-height: 0 !important; margin-bottom: 8px !important; color: #5b9da5 !important; font-size: .62rem !important; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }.scenario-meta { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 15px; }.scenario-meta span { padding: 4px 6px; border-radius: 4px; color: #5e7883; background: #edf5f6; font-size: .61rem; }.mode-launcher { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 0 21px; padding: 12px 14px; border: 1px solid #d7e5e8; border-radius: 9px; color: #5b7681; background: #eef7f8; font-size: .73rem; }.mode-launcher span { margin-right: 3px; color: #2b6373; font-weight: 700; }.mode-launcher button { padding: 7px 9px; border: 1px solid #b9d2d7; border-radius: 5px; color: #386977; background: white; font-size: .68rem; }.mode-launcher button:hover, .mode-launcher button:focus-visible { border-color: #54a9a3; color: #236f6f; background: #e7f7f4; }.learning-launcher { display: flex; justify-content: space-between; align-items: center; gap: 22px; margin-top: 27px; padding: 20px 22px; border: 1px solid #cfe2e6; border-radius: 11px; background: #edf7f8; }.learning-launcher h3 { margin: 0 0 6px; color: #173f57; font-size: 1.2rem; }.learning-launcher p { margin: 0; color: #5d7883; font-size: .77rem; }.learning-launcher .eyebrow { margin-bottom: 6px; }.learning-launcher .primary-button { flex: 0 0 auto; padding: 11px 14px; font-size: .74rem; }
.comparison-table { width: 100%; border-collapse: collapse; font-size: .72rem; }.comparison-table th, .comparison-table td { padding: 10px; border-bottom: 1px solid #d4e3e6; text-align: left; vertical-align: top; }.comparison-table th { color: #527681; background: #eaf5f6; font-size: .61rem; letter-spacing: .06em; text-transform: uppercase; }.comparison-table td { color: #56727d; }.comparison-table td strong { color: #173e57; }.distributive-panel { margin-top: 15px; padding: 12px; border-radius: 7px; color: #6d5830; background: #fff5d9; font-size: .73rem; }.oxygen-pathway { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; padding: 24px 10px; color: #376572; text-align: center; }.oxygen-pathway span { max-width: 150px; padding: 12px; border: 1px solid #b9d9d8; border-radius: 8px; background: #ecf9f6; font-size: .74rem; }.oxygen-pathway b { color: #58a59e; font-size: 1.2rem; }.activity-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }.activity-grid button { padding: 16px; border: 1px solid #d2e2e5; border-radius: 8px; color: #264e60; background: white; text-align: left; }.activity-grid button:hover, .activity-grid button:focus-visible { border-color: #55a7a0; background: #eef9f7; }.activity-grid strong, .activity-grid span { display: block; }.activity-grid strong { font-family: "Space Grotesk", Arial, sans-serif; font-size: .9rem; }.activity-grid span { margin-top: 6px; color: #69828c; font-size: .72rem; }.clinical-safety-note { padding: 9px; border-radius: 5px; color: #765f31 !important; background: #fff6dc; font-size: .66rem !important; }.mode-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 10px 0; }.mode-row button { padding: 6px 8px; border: 1px solid #c0d8da; border-radius: 5px; color: #3e777c; background: white; font-size: .63rem; }.mode-row button:hover, .mode-row button:focus-visible { border-color: #57aaa2; background: #effaf7; }.knowledge-check-inline { margin-top: 14px; padding: 13px; border-radius: 7px; color: #315f6a; background: #edf8f6; font-size: .73rem; }.knowledge-check-inline strong { display: block; color: #216d6a; }.knowledge-check-inline p { margin: 7px 0; }.knowledge-check-inline button { padding: 7px 9px; border: 1px solid #a7d0ca; border-radius: 5px; color: #236f6a; background: white; font-size: .68rem; }.knowledge-check-inline span { display: block; margin-top: 7px; color: #226d68; font-weight: 700; }.instructor-body label { display: block; margin-bottom: 10px; color: #b8d3d7; font-size: .68rem; }.instructor-body select { display: block; width: 100%; margin-top: 4px; padding: 6px; border: 1px solid #486b78; border-radius: 4px; color: #173e57; background: white; font-size: .68rem; }.instructor-button-row { display: flex; flex-wrap: wrap; gap: 5px; }.instructor-button-row button { padding: 6px; border: 1px solid #527887; border-radius: 4px; color: #d3e7e9; background: #1b465c; font-size: .63rem; }.instructor-button-row button:hover, .instructor-button-row button:focus-visible { border-color: #8fe1d7; }.instructor-guide { padding: 10px; border-radius: 6px; background: rgba(90,158,159,.18); }
@media (max-width: 1000px) { .upgraded-scenario-grid { grid-template-columns: repeat(2, 1fr); } }.projector-mode .upgraded-scenario-grid { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 620px) { .upgraded-scenario-grid { grid-template-columns: 1fr; }.learning-launcher { display: block; }.learning-launcher .primary-button { margin-top: 14px; }.comparison-table { display: block; overflow-x: auto; white-space: nowrap; }.activity-grid { grid-template-columns: 1fr; }.oxygen-pathway { display: block; }.oxygen-pathway span, .oxygen-pathway b { display: block; max-width: none; margin: 5px auto; }.oxygen-pathway b { transform: rotate(90deg); } }
@media print { .clinical-topbar, .clinical-progress, .clinical-workspace { display: none !important; }.clinical-overlay { position: static; display: block; background: white; }.overlay-card { width: 100%; max-height: none; border: 0; box-shadow: none; } }
.patient-flushed .patient-head { background: #efb18b; }.patient-flushed .patient-body { background: #77b8ab; }.patient-diaphoretic .patient-head { background: #dbab8c; }.patient-diaphoretic .patient-body { background: #70aaa8; }.patient-diaphoretic .patient-monitor-glow { box-shadow: 0 0 17px 9px rgba(143,225,215,.7); }.patient-clammy .patient-monitor-glow { box-shadow: 0 0 17px 11px rgba(143,225,215,.75); }
.nursing-process-strip { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 13px 0; padding: 10px; border-radius: 6px; color: #347a7e; background: #e9f8f5; font-family: "Space Grotesk", Arial, sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .08em; }.nursing-process-strip b { color: #73bcb3; font-size: 1rem; }
#startup-error-panel { position: fixed; z-index: 9999; right: 16px; bottom: 16px; width: min(520px, calc(100% - 32px)); padding: 12px 14px; border: 2px solid #d8756e; border-radius: 8px; color: #7d312d; background: #fff0ed; box-shadow: 0 12px 30px rgba(0,0,0,.2); font: 13px/1.45 Consolas, monospace; } #startup-error-panel strong { display: block; margin-bottom: 6px; font-family: Arial, sans-serif; } #startup-error-panel pre { margin: 0; white-space: pre-wrap; }

.learning-hub-page { width: min(1180px, 100%); max-height: 94vh; padding: 24px; overflow-y: auto; color: #244e60; background: #f6fbfb; border: 1px solid #c7dfe2; border-radius: 14px; box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.learning-hub-header { display: flex; justify-content: space-between; gap: 24px; padding-bottom: 16px; border-bottom: 1px solid #d6e6e8; }.learning-hub-header h2 { margin: 5px 0; color: #143e58; font-size: clamp(1.4rem, 3vw, 2.1rem); }.learning-hub-header p { margin: 6px 0 0; max-width: 760px; color: #607b85; font-size: .82rem; }
.learning-nav { position: sticky; top: -24px; z-index: 2; display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 0; background: #f6fbfb; }.learning-nav button, .learning-tools button, .learning-tools select { padding: 8px 10px; border: 1px solid #bed6da; border-radius: 6px; color: #356977; background: white; font-size: .72rem; cursor: pointer; }.learning-nav button:hover, .learning-nav button:focus-visible, .learning-tools button:hover, .learning-tools button:focus-visible { border-color: #55a9a1; background: #e8f7f4; }.learning-nav button.active { color: white; background: #347f83; }.learning-nav .learning-return { margin-left: auto; color: #765b2d; background: #fff7df; }
.learning-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-bottom: 14px; padding: 10px; border: 1px solid #d6e5e7; border-radius: 8px; background: #edf7f8; }.learning-tools label { display: inline-flex; align-items: center; gap: 5px; color: #52727c; font-size: .7rem; }.learning-section h3 { margin: 10px 0 8px; color: #173e57; font-size: 1.35rem; }.learning-section h4 { margin: 5px 0 7px; color: #337b80; font-size: .9rem; }.learning-section p { color: #55727d; font-size: .8rem; line-height: 1.55; }
.learning-hero { padding: 22px; border-radius: 11px; background: linear-gradient(135deg, #e6f7f4, #edf4fb); }.learning-kicker, .learning-memory { color: #328884; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.learning-definition { max-width: 780px; color: #224f64 !important; font-size: 1.12rem !important; }.learning-memory { display: inline-block; margin-top: 8px; padding: 7px 10px; border-radius: 5px; background: #fff2c9; }.learning-pathway { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 14px 0; }.learning-pathway span { max-width: 170px; padding: 11px 12px; border: 1px solid #b9dcda; border-radius: 8px; color: #346875; background: #ecf9f6; font-size: .74rem; text-align: center; }.learning-pathway b { color: #55a6a0; font-size: 1.1rem; }.learning-callout { margin: 14px 0; padding: 14px; border-left: 4px solid #6bb5ac; border-radius: 7px; color: #426b73; background: #eaf7f5; }.learning-callout.pearl { border-left-color: #e5b85f; background: #fff7df; }.learning-two-col, .education-columns, .process-grid, .learning-path-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.learning-two-col > div, .education-columns article, .process-grid article, .learning-path-grid article, .learning-stage-columns > div, .abcde-grid article { padding: 14px; border: 1px solid #d4e4e6; border-radius: 8px; background: white; }
.learning-list { margin: 7px 0 0; padding-left: 19px; }.learning-list li { margin: 5px 0; color: #55727d; font-size: .77rem; line-height: 1.38; }.learning-table-wrap { overflow-x: auto; }.learning-comparison { min-width: 930px; width: 100%; border-collapse: collapse; font-size: .72rem; }.learning-comparison th, .learning-comparison td { padding: 9px; border-bottom: 1px solid #d5e4e6; text-align: left; vertical-align: top; }.learning-comparison thead th { color: #3b707b; background: #e8f5f5; }.learning-comparison thead small { display: block; color: #6b8b92; font-weight: 400; }.learning-comparison tbody th { width: 125px; color: #315f6d; background: #f2f8f8; }.learning-comparison td { color: #57747d; line-height: 1.35; }.learning-fast-strip, .rapid-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 14px 0; }.learning-fast-strip div, .rapid-grid div { padding: 12px; border-radius: 7px; color: #3a6873; background: #edf7f7; font-size: .75rem; }.learning-fast-strip span { display: block; margin-top: 4px; color: #64818a; font-size: .68rem; }
.learning-stage-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.learning-stage-columns > div:nth-child(1) { border-top: 4px solid #69b2a7; }.learning-stage-columns > div:nth-child(2) { border-top: 4px solid #e4b45e; }.learning-stage-columns > div:nth-child(3) { border-top: 4px solid #d8756e; }.learning-warning { padding: 11px; border-radius: 7px; color: #8a4e42 !important; background: #fff0eb; font-weight: 700; }.learning-numbered { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 26px; padding-left: 26px; }.learning-numbered li { padding: 7px; color: #55727d; font-size: .8rem; }.learning-path-grid { grid-template-columns: repeat(2, 1fr); }.learning-path-grid .learning-pathway { justify-content: flex-start; }.learning-path-grid .learning-pathway span { max-width: 130px; font-size: .68rem; }.abcde-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; }.abcde-grid article > strong { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: white; background: #429a96; font-size: 1.1rem; }.adpie-strip { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 15px 0; padding: 16px; border-radius: 8px; color: #317c7d; background: #e7f7f4; font-size: 1rem; font-weight: 800; letter-spacing: .08em; }
.activity-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; }.activity-tabs button { padding: 9px 11px; border: 1px solid #c5dce0; border-radius: 6px; color: #3c707a; background: white; font-size: .72rem; cursor: pointer; }.activity-tabs button.active { color: white; background: #347f83; }.learning-activity-card { padding: 16px; border: 1px solid #c9dfe1; border-radius: 9px; background: white; }.learning-activity-card h3 { margin-top: 0; font-size: 1rem; }.learning-choice-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin: 10px 0; }.learning-choice-grid button, .learning-action { padding: 10px; border: 1px solid #c5dce0; border-radius: 6px; color: #3d6d77; background: #fafdfe; font-size: .74rem; text-align: left; cursor: pointer; }.learning-choice-grid button.selected, .learning-choice-grid button:hover, .learning-choice-grid button:focus-visible { border-color: #55a9a1; background: #e6f7f3; }.learning-action { color: white; background: #347f83; }.learning-feedback { margin-top: 10px; padding: 11px; border-radius: 6px; color: #286d69; background: #e5f7f1; font-size: .76rem; }.classification-grid, .matching-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }.classification-grid label, .matching-grid label { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px; border: 1px solid #d5e4e6; border-radius: 6px; color: #4b707b; font-size: .75rem; }.classification-grid select, .matching-grid select { max-width: 180px; padding: 6px; border: 1px solid #b9d5d8; border-radius: 5px; background: white; color: #315f6d; }.priority-list { display: grid; gap: 6px; max-width: 700px; }.priority-list > div { display: flex; align-items: center; gap: 8px; padding: 8px; border: 1px solid #d5e4e6; border-radius: 6px; color: #486d77; background: #fafdfe; }.priority-list strong { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; color: white; background: #55a6a0; }.priority-list span { flex: 1; font-size: .77rem; }.priority-list button { border: 0; color: #3f8582; background: transparent; font-size: 1rem; cursor: pointer; }.learning-nclex { margin-top: 16px; padding: 11px; border-radius: 7px; color: #735e2e; background: #fff6dc; font-size: .75rem; }.learning-answer { padding: 10px; border-radius: 6px; color: #276e68 !important; background: #e4f7f1; font-weight: 700; }.learning-projector { font-size: 1.08em; }
@media (max-width: 800px) { .learning-stage-columns, .abcde-grid { grid-template-columns: repeat(2, 1fr); }.learning-fast-strip, .rapid-grid { grid-template-columns: repeat(2, 1fr); }.learning-two-col, .education-columns, .process-grid, .learning-path-grid { grid-template-columns: 1fr; }.learning-choice-grid { grid-template-columns: repeat(2, 1fr); }.learning-hub-page { padding: 16px; }.learning-nav { top: -16px; } }
@media (max-width: 520px) { .learning-stage-columns, .abcde-grid, .learning-numbered, .classification-grid, .matching-grid { grid-template-columns: 1fr; }.learning-fast-strip, .rapid-grid { grid-template-columns: 1fr; }.learning-hub-header { gap: 8px; }.learning-nav .learning-return { margin-left: 0; }.learning-pathway { display: block; }.learning-pathway span, .learning-pathway b { display: block; max-width: none; margin: 5px auto; }.learning-pathway b { transform: rotate(90deg); }.learning-choice-grid { grid-template-columns: 1fr; } }
@media print { .learning-hub-page { max-height: none; width: 100%; padding: 0; border: 0; box-shadow: none; }.learning-nav, .learning-tools, .learning-nclex, .overlay-close { display: none !important; }.learning-table-wrap { overflow: visible; }.learning-comparison { min-width: 0; font-size: 8pt; } }