/* Normal ECG course shares the academy's focused, dark reading surface. */
.cm-ecg-sim .stage.is-basic-reading-active {padding:0;background:#0c1728;border-color:#31435b;box-shadow:none;}
.cm-ecg-sim.is-basic-reading-mode :is(.ecg-advanced,#ecg-pause,#ecg-show-guide,#ecg-zoom) {display:none!important;}
.cm-ecg-sim.is-basic-reading-mode .ecg-paper-wrap {display:block;background:transparent;}
.cm-ecg-sim.is-basic-reading-mode .ecg-paper-scroll {display:none;}
#cm-basic-reading {container:ecg-reading/inline-size;padding:22px;display:grid;flex:0 0 auto;min-height:0;gap:20px;font-family:"Avenir Next","Segoe UI",sans-serif;}
#cm-basic-reading .cm-basic-reading__toolbar {padding:0;border:0;background:none;box-shadow:none;grid-template-columns:minmax(0,1fr) auto;gap:16px;}
#cm-basic-reading .cm-basic-reading__kicker {padding:0;background:none;border:0;color:#77dccc;font-size:.64rem;letter-spacing:.16em;}
#cm-basic-reading .cm-basic-reading__toolbar h2 {font-size:clamp(1.5rem,2.7vw,2.1rem);}
#cm-basic-reading .cm-basic-reading__toolbar p {font-size:.9rem;max-width:85ch;color:#afc2d9;}
#cm-basic-reading #close-basic-reading {align-self:start;background:#15263b!important;border:1px solid #38516b;border-radius:10px;padding:10px 14px;font-size:var(--ecg-control-size);color:#d3e4f4!important;box-shadow:none;}
#cm-basic-reading .cm-basic-reading__mode-grid {display:flex;gap:8px;overflow-x:auto;padding:3px 3px 9px;scrollbar-width:thin;}
#cm-basic-reading .cm-basic-reading__mode {flex:1 0 135px;min-height:64px;border:1px solid #2a4059;background:#112138;box-shadow:none;padding:10px 12px;border-radius:12px;font-size:var(--ecg-control-size);white-space:nowrap;}
#cm-basic-reading .cm-basic-reading__mode span {display:block;color:#8098b4;font-size:var(--ecg-control-size);letter-spacing:.08em;margin-bottom:5px;}
#cm-basic-reading .cm-basic-reading__mode.is-active {background:#1b4c4d;border-color:#6cddc9;color:#dcfff6;}
#cm-basic-reading .cm-basic-reading__mode.is-active span {color:#83e3d1;}
#cm-basic-reading .cm-basic-reading__mode.is-understood span::after {content:" ✓";color:#8ce8c2;}
.ecg-normal-progress {display:grid;grid-template-columns:1fr auto;gap:9px 18px;align-items:center;}
.ecg-normal-progress p {margin:0;color:#e3edf9;font-size:.94rem;}
.ecg-normal-progress span {font-size:.7rem;color:#9db3cb;}
.ecg-normal-progress progress {grid-column:1/-1;display:block;width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;appearance:none;background:#23354c;accent-color:#70dcca;}
.ecg-normal-progress progress::-webkit-progress-bar {background:#23354c;}
.ecg-normal-progress progress::-webkit-progress-value {background:#70dcca;}
#cm-basic-reading .cm-basic-reading__content {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.85fr);align-items:start;gap:22px;}
#cm-basic-reading .cm-basic-reading__sheet-shell {padding:12px;border:1px solid #35445b;border-radius:14px;background:#0d1b2c;min-width:0;grid-template-rows:none;position:sticky;top:90px;}
#cm-basic-reading .cm-basic-reading__sheet-meta {margin-bottom:10px;}
#cm-basic-reading .cm-basic-reading__sheet-chip {font-size:.68rem;background:#1a2b40;color:#bacddd;border-color:#35465d;}
.ecg-normal-sheet-scroll {overflow:auto;overscroll-behavior:contain;min-width:0;max-width:100%;border-radius:8px;background:#fff9fc;scrollbar-width:thin;scrollbar-color:#718da4 #dce5eb;}
#cm-basic-reading .cm-basic-reading__sheet {width:100%;max-height:none;height:auto;border-radius:0;}
#cm-basic-reading .ecg-normal-sheet-scroll.is-zoomed {max-height:min(65dvh,620px);}
#cm-basic-reading .ecg-normal-sheet-scroll.is-zoomed #cm-basic-reading-sheet {min-width:var(--ecg-normal-zoom-width);width:var(--ecg-normal-zoom-width);max-width:none;height:auto;}
.ecg-normal-ruler {pointer-events:none;}
#cm-basic-reading-sheet.is-measuring {cursor:crosshair;}
.ecg-normal-ruler-tools {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
.ecg-normal-ruler-tools button,.ecg-normal-navigation>button {border:1px solid #35516b;border-radius:9px;background:#182c43;color:#d9eafb;padding:9px 12px;font-size:var(--ecg-control-size);min-height:44px;}
.ecg-normal-ruler-tools button[aria-pressed=true] {border-color:#76e4d0;background:#194748;}
.ecg-normal-ruler-tools p {flex-basis:100%;color:#9eb8d2;font-size:.73rem;line-height:1.55;margin:0;min-height:2em;}
#cm-basic-reading .cm-basic-reading__side {display:flex;flex-direction:column;gap:14px;min-width:0;}
#cm-basic-reading .cm-basic-reading__status {padding:0;border:0;background:none;box-shadow:none;animation:none;}
#cm-basic-reading-status {font-size:.62rem;padding:4px 8px;}
#cm-basic-reading-focus-title {font-size:1.25rem;line-height:1.2;margin:10px 0 0;}
#cm-basic-reading-focus-copy {display:none;}
#cm-basic-reading .cm-basic-reading__actions {display:flex;gap:8px;}
#cm-basic-reading .cm-basic-reading__actions button {font-size:var(--ecg-control-size);padding:8px 10px;min-height:44px;background:#15283e;border:1px solid #38516b;color:#cde2f3;}
#cm-basic-reading .cm-basic-reading__detail-list {display:flex;flex-wrap:wrap;gap:8px;}
#cm-basic-reading .cm-basic-reading__detail {font-size:var(--ecg-control-size);padding:9px 12px;min-height:44px;background:#172a40;border:1px solid #344c65;box-shadow:none;border-radius:10px;}
#cm-basic-reading .cm-basic-reading__detail.is-active {background:#28605c;color:#e7fff7;border-color:#79e0c9;}
#cm-basic-reading .cm-basic-reading__explain {padding:18px;background:#122a39;border:1px solid #2e5960;border-radius:13px;box-shadow:inset 3px 0 #72dfcb;animation:none;}
#cm-basic-reading .cm-basic-reading__explain::before {display:none;}
#cm-basic-reading .cm-basic-reading__explain>strong {font-size:.93rem;color:#b1f2e5;}
#cm-basic-reading .cm-basic-reading__explain :is(p,li) {font-size:.88rem;line-height:1.7;color:#d1e1ef;}
.ecg-normal-reading {border-top:1px solid #2f415a;padding-top:12px;}
.ecg-normal-reading summary {cursor:pointer;font-size:.76rem;color:#9ecacb;}
#cm-basic-reading .cm-basic-reading__learn {border:0;background:none;box-shadow:none;padding:8px 0;animation:none;}
#cm-basic-reading .cm-basic-reading__learn-kicker,#cm-basic-reading .cm-basic-reading__learn-image {display:none;}
#cm-basic-reading .cm-basic-reading__learn :is(h4,p) {font-size:.8rem;line-height:1.6;}
#cm-basic-reading .cm-basic-reading__learn-link {font-size:.78rem;white-space:normal;}
.ecg-normal-electric-slot .ecg-electric {border:1px solid #355368;border-radius:14px;padding:14px;display:flex;gap:8px;}
.ecg-normal-electric-slot .ecg-electric>svg {width:100%;max-height:250px;}
.ecg-normal-electric-slot .ecg-electric .ecg-muted {font-size:.68rem;}
.ecg-normal-bottom {display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.ecg-normal-bottom>section,.ecg-normal-complete {padding:22px;border:1px solid #2c445b;background:#101f32;border-radius:16px;}
.ecg-normal-bottom h3,.ecg-normal-complete h3 {font-size:1.1rem;line-height:1.45;color:#eaf5ff;margin:9px 0 14px;}
.ecg-normal-takeaways ul {margin:0;padding-left:20px;}
.ecg-normal-takeaways li,.ecg-normal-complete p {font-size:.88rem;line-height:1.7;color:#bacfe2;margin:9px 0;}
.ecg-normal-answers {display:grid;gap:8px;}
.ecg-normal-answers button {text-align:left;padding:11px 13px;border-radius:10px;border:1px solid #39546c;background:#152b42;color:#d6e8f6;font-size:var(--ecg-control-size);line-height:1.45;}
.ecg-normal-answers button.is-correct {border-color:#77dcb6;background:#174338;color:#d7ffee;opacity:1;}
.ecg-normal-answers button.is-incorrect {border-color:#eaba8b;background:#452f24;color:#ffe2c6;opacity:1;}
#ecg-normal-feedback {font-size:.84rem;line-height:1.65;color:#f1d7b7;}
#ecg-normal-feedback[data-correct=true] {color:#a6e9ce;}
.ecg-text-button {padding:8px;background:none;border:0;color:#9cded4;text-decoration:underline;font-size:var(--ecg-control-size);}
.ecg-normal-navigation {display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid #2c4058;padding-top:18px;}
.ecg-normal-navigation span {font-size:.76rem;color:#a4bcd4;white-space:nowrap;}
.ecg-normal-complete {background:linear-gradient(120deg,#143e3e,#112339);}
.ecg-normal-complete .ecg-primary {margin:10px 12px 10px 0;}
.cm-ecg-sim :is(.stage:fullscreen,.stage:-webkit-full-screen).is-basic-reading-active .ecg-paper-wrap,.cm-ecg-sim.is-ecg-only .is-basic-reading-active .ecg-paper-wrap {overflow:auto;}
.cm-ecg-sim :is(.stage:fullscreen,.stage:-webkit-full-screen) .ecg-normal-electric-slot .ecg-electric>svg,.cm-ecg-sim.is-ecg-only .ecg-normal-electric-slot .ecg-electric>svg {max-height:250px;}
@container ecg-reading (max-width:850px) {#cm-basic-reading .cm-basic-reading__content,.ecg-normal-bottom {grid-template-columns:1fr;}#cm-basic-reading .cm-basic-reading__sheet-shell {position:static;}#cm-basic-reading .cm-basic-reading__toolbar {grid-template-columns:1fr;}#close-basic-reading {justify-self:start;}.ecg-normal-progress {grid-template-columns:1fr;}.ecg-normal-electric-slot .ecg-electric>svg {max-height:280px;}}
@container ecg-reading (max-width:600px) {#cm-basic-reading:is([data-lesson=rate],[data-lesson=rhythm]) #cm-basic-reading-sheet {min-width:680px;}#cm-basic-reading[data-lesson=leads] #cm-basic-reading-sheet {min-width:480px;}}
@media(max-width:600px) {#cm-basic-reading {padding:14px;gap:16px;}.ecg-normal-bottom>section {padding:16px;}.ecg-normal-navigation {flex-wrap:wrap;}.ecg-normal-navigation span {order:-1;width:100%;text-align:center;}.ecg-normal-navigation>button {flex:1;font-size:var(--ecg-control-size);}#cm-basic-reading .cm-basic-reading__mode {flex-basis:130px;}.ecg-normal-electric-slot .ecg-electric {max-height:none!important;}.ecg-normal-ruler-tools button {font-size:var(--ecg-control-size);}}
@media(prefers-reduced-motion:reduce) {#cm-basic-reading-overlay>* {animation:none;}}
