/* Emergency Editorial System · content stays in the existing Reveal deck. */
:root{
  --paper:#f3f1eb;--paper-deep:#e9e6df;--ink:#20262a;--muted:#566168;
  --line:#c9ccc9;--accent:#b73e36;--red:#b73e36;--blue:#226579;
  --green:#2d6858;--amber:#a35a24;--dark:#151c21;--dark-2:#202c32;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;
  --s7:48px;--s8:64px;--s9:96px;--safe-x:80px;
}
html,body,.reveal{background:#11181c;color:var(--ink)}
.reveal .slides section{
  background:var(--paper);color:var(--ink);height:720px;overflow:hidden;
  box-shadow:none;isolation:isolate;
}
.reveal .slides section::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 79px,rgba(32,38,42,.09) 80px,transparent 81px),
             linear-gradient(90deg,transparent calc(100% - 80px),rgba(32,38,42,.09) calc(100% - 79px),transparent calc(100% - 78px));
}
.reveal .slides section::after{content:none}
.slide,.slide.compact{height:100%;padding:108px var(--safe-x) 82px;position:relative;z-index:1}
.slide.compact{padding-top:100px}
.reveal h1,.reveal h2,.reveal h3{color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif;font-weight:700;letter-spacing:-.027em}
.reveal h1{font-size:76px;line-height:1.1}
.reveal h2{font-size:49px;line-height:1.2;max-width:1130px}
.reveal h3{font-size:30px;line-height:1.26}
.reveal p,.reveal li{color:var(--muted);font-size:27px;line-height:1.48;letter-spacing:.005em}
.reveal strong{color:var(--ink);font-weight:800}
.accent{color:var(--accent)!important}.blue-text{color:var(--blue)!important}.green-text{color:var(--green)!important}.amber-text{color:var(--amber)!important}
.kicker{color:var(--accent);font:800 15px/1.3 "Arial",sans-serif;letter-spacing:.17em;margin-bottom:21px}
.kicker.blue{color:var(--blue)}
.lede{font-size:27px!important;color:var(--muted)!important;margin-top:27px!important;line-height:1.48!important}
.small{font-size:21px!important;color:var(--muted)!important}.tiny{font-size:17px!important;color:var(--muted)!important}
.source{bottom:30px;left:80px;color:#4e5b60;font:15px/1.25 "Arial",sans-serif;max-width:800px}
.source a{color:#31677a;text-decoration:underline;text-decoration-color:#a8bdc3;text-underline-offset:3px}

/* Opening and chapter changes carry the pauses in the story. */
.reveal .slides section.cover,.reveal .slides section.chapter,.reveal .slides section.end,
.reveal .slides section[data-slide="15"]{
  background:var(--dark);color:#f4f0e8;
}
.reveal .slides section.cover::before{
  content:"";inset:auto;right:85px;top:110px;width:350px;height:430px;border:0;
  border-left:1px solid rgba(241,236,224,.25);border-radius:0;background:none;
}
.reveal .slides section.cover::after,.reveal .slides section.chapter::after,
.reveal .slides section.end::after,.reveal .slides section[data-slide="15"]::after{background:#dd6958}
.cover{padding-top:132px}.cover .kicker{color:#e58b79}.cover h1{font-size:91px;line-height:1.12;max-width:960px;color:#f4f0e8;margin:0;font-weight:750}
.cover .accent{color:#df7466!important}.cover .lede{font-size:31px!important;color:#d2d1cc!important;max-width:970px;margin-top:23px!important}
.cover .hero-line{margin-top:auto;gap:23px;align-items:center;border-top:1px solid rgba(255,255,255,.23);padding-top:19px;width:690px}
.cover .pill{border:0;border-radius:0;color:#e58b79;background:transparent;padding:0;font:800 17px/1.3 Arial,sans-serif;letter-spacing:.06em}
.cover .chev{font-size:26px;color:#dc7567}.cover .small{color:#c8cfce!important;font-size:20px!important}
.reveal .slides section.chapter::before{
  content:"";inset:0;background:linear-gradient(90deg,transparent 79px,rgba(255,255,255,.13) 80px,transparent 81px),
  linear-gradient(90deg,transparent 72%,rgba(183,62,54,.055) 72%);
}
.reveal .slides section.chapter.blue::before{background:linear-gradient(90deg,transparent 79px,rgba(255,255,255,.13) 80px,transparent 81px),linear-gradient(90deg,transparent 72%,rgba(61,124,137,.055) 72%)}
.chapter .chapter-main{margin:auto 0;position:relative;z-index:2}.chapter .kicker{color:#e58b79}.chapter.blue .kicker{color:#9dd0d7}
.chapter h1{font-size:79px;color:#f4f0e8;max-width:980px}.chapter .accent{color:#e5796d!important}.chapter .blue-text{color:#96cdd4!important}
.chapter .lede{max-width:860px;color:#cbd3d0!important;font-size:28px!important}
.chapter-no{font:700 176px/.8 Arial,sans-serif;letter-spacing:-.07em;right:115px;top:245px;color:rgba(244,240,232,.11)}
.reveal .slides section.end::before{content:"";inset:80px 80px auto;height:1px;background:rgba(255,255,255,.22);border:0}
.end h1{font-size:84px;color:#f4f0e8;text-align:left;margin:auto 0 0;line-height:1.15}.end .lede{color:#ccd3d1!important;text-align:left;margin:30px 0 auto!important;font-size:29px!important}

/* Open, ruled editorial layouts replace repeated floating tiles. */
.grid2,.grid3{margin-top:45px;gap:38px;border:0}
.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}
.card,.card.important,.card.good{
  min-height:198px;border:0;border-top:2px solid var(--line);border-radius:0;background:transparent;box-shadow:none;
  backdrop-filter:none;padding:27px 18px 20px 0;position:relative;
}
.grid2 .card + .card,.grid3 .card + .card{border-left:0;padding-left:0}
.card.important{border-top-color:var(--accent)}.card.good{border-top-color:var(--green)}
.card .label{color:var(--muted);font:800 15px/1.2 Arial,sans-serif;letter-spacing:.1em;margin-bottom:22px}
.card .label::before{display:none}
.card.important .label{color:var(--accent)}.card.good .label{color:var(--green)}
.card h3{font-size:30px;margin-bottom:14px;max-width:485px}
.card p{font-size:23px;line-height:1.48;max-width:490px}
.grid3 .card h3{font-size:29px}.grid3 .card p{font-size:22px}
.band,.band.blue,.band.green{
  margin-top:35px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;
  padding:19px 0 0;position:relative;font-size:23px;color:var(--muted);line-height:1.42;
}
.band::before{content:none}
.compare{margin-top:43px;gap:24px 42px;grid-template-columns:1fr 1fr;border:0}
.compare .wrong,.compare .right{
  border:0;border-top:2px solid var(--accent);border-radius:0;min-height:145px;background:transparent;padding:21px 18px 20px 0;
}
.compare .right{border-top-color:var(--green)}
.compare .right:nth-child(even){border-left:0;padding-left:0}
.compare .wrong:nth-child(3),.compare .right:nth-child(4){border-top-width:2px}
.compare b,.compare .right b{color:var(--accent);font:800 16px/1.25 Arial,sans-serif;letter-spacing:.13em;margin-bottom:17px}
.compare .right b{color:var(--green)}
.compare strong{color:var(--ink);font-size:28px;line-height:1.27}
.compare p{color:var(--muted);font-size:20px;margin-top:11px}

/* A line of action reads faster than a row of cards. */
.flow,.flow.mnemonic{margin-top:52px;gap:22px;align-items:stretch;border:0}
.flow .step,.mnemonic .step{
  background:transparent;border:0;border-top:2px solid var(--line);border-radius:0;min-height:160px;padding:24px 14px 20px 0;position:relative;
}
.flow .step + .step,.mnemonic .step + .step{border-left:0;padding-left:0}
.flow .step b,.mnemonic .step b{color:var(--accent);font:700 43px/1 Arial,sans-serif;letter-spacing:-.04em;margin:0 0 26px}
.flow .step strong,.mnemonic .step strong{font-size:26px;line-height:1.34;display:block;max-width:285px}
.flow .arrow{display:none}
.flow .step:not(:last-child)::after{content:"→";position:absolute;right:-17px;top:29px;color:var(--accent);font:700 19px/1 Arial,sans-serif}
.flow.mnemonic .step{padding:26px 20px 24px 0;min-height:199px}
.flow.mnemonic .step + .step{padding-left:0}
.mnemonic .step b{font-size:55px;color:var(--blue);margin-bottom:23px}
.mnemonic .step strong{font-size:24px}.mnemonic + .band{margin-top:30px}
.split{grid-template-columns:minmax(0,1fr) 500px;gap:30px;align-items:center;flex:1;min-height:0}
.split .text-stack{border-top:0;padding-top:0}
.split .text-stack p{margin-top:17px}.split .text-stack .superline{margin-top:0!important}
.superline{color:var(--ink)!important;font-size:36px!important;font-weight:800;line-height:1.31!important}
.split .diagram{width:calc(100% + 80px);margin-right:-80px}
.diagram{height:420px;border-radius:0;border:0;box-shadow:none;background:#1b2b31}
.diagram .caption{height:55px;justify-content:flex-start;text-align:left;padding:7px 26px 10px;background:#1b2b31;border-top:1px solid #3a5057;color:#e6eeeb;font-size:18px}
.diagram svg{height:365px}
.diagram-human{background:#1b2b31}
.diagram-human .hi-patient{--mass:#3a7480;--figure:#c5edf0;--joint:#3a7480}
.diagram-human .hi-rescuer{--mass:#a06750;--figure:#f6c2a2;--joint:#a06750}
.diagram-human .hi-upper-limb,.diagram-human .hi-thigh{stroke-width:15}
.diagram-human .hi-lower-limb,.diagram-human .hi-shin{stroke-width:11}
.diagram-human .hi-hand,.diagram-human .hi-palm,.diagram-human .hi-fist{stroke-width:2.5}
.count-dots{display:none}
.number-row{margin-top:34px;gap:45px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px}
.number{font-size:205px;line-height:.83;color:var(--blue);letter-spacing:-.1em}
.number-row p{font-size:31px;line-height:1.4;max-width:440px;padding-bottom:6px;color:var(--ink)}
.number-row + .band{margin-top:31px}
.badge-row{gap:0;margin-top:48px;border-top:1px solid rgba(255,255,255,.32)}
.badge-row span{border:0;border-radius:0;background:transparent;color:#f3f0e9;padding:20px 28px 20px 0;font-size:22px;font-weight:700}
.badge-row span + span{border-left:1px solid rgba(255,255,255,.24);padding-left:28px}
.reveal .slides section[data-slide="15"]::before{content:"";inset:0;background:radial-gradient(circle at 85% 50%,rgba(183,62,54,.11),transparent 33%)}
.reveal .slides section[data-slide="15"] h2{color:#e9e4d9;font-size:29px;font-weight:600}
.reveal .slides section[data-slide="15"] .kicker{color:#e48a79}
.big-quote{font-size:82px!important;line-height:1.23!important;max-width:1100px;color:#f5f2e9!important;font-weight:800;margin-top:72px!important}

/* Real-news pages use the actual video thumbnail as the poster, with a resilient dark fallback. */
.reveal .slides section.media-slide{background:#182126;color:#f3f0e8}
.reveal .slides section.media-slide::before{content:"";inset:0;background:linear-gradient(90deg,transparent 79px,rgba(255,255,255,.1) 80px,transparent 81px)}
.media-slide h2{color:#f3f0e8;font-size:45px}.media-slide .kicker{color:#e88677}.media-slide .kicker.blue{color:#9ccbd2}
.media-slide .accent{color:#e97869!important}.media-slide .blue-text{color:#9ccbd2!important}
.video-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,.65fr);gap:37px;margin-top:30px}
.video-box{height:390px;border:0;border-radius:0;background-color:#25353c;background-position:center;background-size:cover;box-shadow:none}
.reveal .slides section[data-slide="14"] .video-box{background-image:linear-gradient(0deg,rgba(12,19,23,.72),rgba(12,19,23,.14)),url('https://i.ytimg.com/vi/vEqK14g06uE/maxresdefault.jpg')}
.reveal .slides section[data-slide="27"] .video-box{background-image:linear-gradient(0deg,rgba(12,19,23,.72),rgba(12,19,23,.14)),url('https://i.ytimg.com/vi/b08fb2Sqc48/maxresdefault.jpg')}
.reveal .slides section[data-slide="29"] .video-box{background-image:linear-gradient(0deg,rgba(12,19,23,.72),rgba(12,19,23,.14)),url('https://i.ytimg.com/vi/aft8gnm2Yrk/maxresdefault.jpg')}
.video-box::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.22);pointer-events:none}
.video-box:has(iframe){background:#10191e}.video-box:has(iframe)::after{display:none}
.video-box .video-watermark{font-size:14px;color:#f5f0e8;top:auto;bottom:22px;left:24px;background:rgba(14,25,29,.76);padding:9px 12px;letter-spacing:.11em}
.video-box .play-video{width:92px;height:92px;background:#b73e36;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:43px;transition:transform .25s ease,background .25s ease}
.video-box .play-video:hover{background:#dc5b4e;transform:scale(1.06)}
.video-box::before{position:absolute;left:24px;top:20px;z-index:1;color:rgba(255,255,255,.77);font:800 54px/.9 Arial,sans-serif;letter-spacing:-.07em;text-shadow:0 2px 15px rgba(0,0,0,.35);pointer-events:none}
.reveal .slides section[data-slide="14"] .video-box::before{content:"01"}
.reveal .slides section[data-slide="27"] .video-box::before{content:"02"}
.reveal .slides section[data-slide="29"] .video-box::before{content:"03"}
.video-box:has(iframe)::before{display:none}
.video-side{gap:15px;border-top:2px solid #e17b6a;padding-top:18px}
.video-side p{color:#d6ddda;font-size:24px;line-height:1.45}
.video-side strong{color:#f5f2e9}
.video-side .small{font-size:19px!important;color:#b8c7c7!important}
.video-side .watch{margin-top:auto}
.reveal a.watch{color:#f5f2e9;background:transparent;border:1px solid rgba(255,255,255,.48);border-radius:0;padding:13px 17px;font-size:17px;font-weight:700}
.reveal a.watch:hover{background:#e7e8e1;color:#182126}
.video-credit{font-size:15px!important;color:#aebec1!important}
.media-slide .source{color:#b0c0c1}.media-slide .source a{color:#b6d5d7}

/* Specific teaching beats. */
.reveal .slides section[data-slide="18"]{background:#e9ece9}
.reveal .slides section[data-slide="18"] h2{font-size:62px}
.reveal .slides section[data-slide="21"]{background:#e8eeed}
.reveal .slides section[data-slide="21"] h2{font-size:40px}
.reveal .slides section[data-slide="30"]{background:#e8eeea}
.reveal .slides section[data-slide="30"] .grid2{margin-top:39px}
.reveal .slides section[data-slide="30"] .card{min-height:234px}
.reveal .slides section[data-slide="30"] .card h3{font-size:36px}
.reveal .slides section[data-slide="30"] .card p{font-size:24px}

/* Quiet deck interface; controls remain large enough for a lecturer. */
.chrome-top{left:42px;right:42px;top:27px;color:#d6dedb;font:800 13px/1.3 Arial,sans-serif;letter-spacing:.12em}
.deck-progress{position:fixed;z-index:30;top:0;left:0;right:0;height:3px;background:rgba(216,227,225,.18)}
.deck-progress span{display:block;height:100%;width:0;background:#cf5b4e;transition:width .35s ease}
.deck-controls{right:28px;bottom:22px;border:1px solid #516065;border-radius:2px;background:#172127;box-shadow:none;padding:4px 5px;gap:1px}
.deck-controls button{border-radius:0;min-width:43px;height:42px;color:#eef2ec}
.deck-controls button.primary{width:44px;background:#b73e36;border-radius:0}
.deck-controls button.primary:hover{background:#d65b4c}
.deck-controls button:hover,.deck-controls a#notesBtn:hover{background:#304047}
.deck-controls button[aria-pressed="true"]{color:#e88778}
.deck-time{font:800 13px Arial,sans-serif;letter-spacing:.09em;color:#d9e0db;border-left:1px solid #536168;padding:0 13px;margin-left:4px}
.deck-controls a#notesBtn{border-radius:0;color:#e9efec;font-size:15px;padding:0 11px}
.deck-controls #motionBtn{font-size:15px;padding:0 11px}
.deck-controls button:focus-visible,.deck-controls a:focus-visible,.video-box button:focus-visible,.watch:focus-visible{outline:3px solid #ed9a7f;outline-offset:3px}

/* Motion is limited to the first reading beat and diagram cues. */
.present .slide > .kicker{animation:ed-in .48s cubic-bezier(.2,.75,.25,1) both}
.present .slide > h1,.present .slide > h2{animation:ed-in .62s .08s cubic-bezier(.2,.75,.25,1) both}
.present .slide > .split,.present .slide > .grid2,.present .slide > .grid3,
.present .slide > .flow,.present .slide > .video-layout,.present .slide > .compare,
.present .slide > .number-row,.present .slide > .big-quote{animation:ed-in .62s .18s cubic-bezier(.2,.75,.25,1) both}
@keyframes ed-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.chrome-top{top:14px;left:16px;right:16px;font-size:10px}.deck-controls{right:8px;bottom:8px;transform:scale(.83);transform-origin:right bottom}.deck-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.present .slide>*{animation:none!important}.deck-progress span,.video-box .play-video{transition:none!important}}

/* Final editorial pass: one focal point, calmer pacing, and no ornamental UI. */
.reveal strong{font-weight:700}
.cover h1{font-size:86px;font-weight:700}
.chapter-no{font-size:138px;font-weight:600;right:105px;top:258px;color:rgba(244,240,232,.065)}
.reveal .slides section.chapter::before{background:linear-gradient(90deg,transparent 79px,rgba(255,255,255,.13) 80px,transparent 81px)}
.reveal .slides section.chapter.blue::before{background:linear-gradient(90deg,transparent 79px,rgba(255,255,255,.13) 80px,transparent 81px)}
.reveal .slides section[data-slide="15"]::before{background:none}
.video-box{background-size:cover}
.reveal .slides section[data-slide="14"] .video-box{background-image:linear-gradient(0deg,rgba(12,19,23,.46),rgba(12,19,23,.04)),url('https://i.ytimg.com/vi/vEqK14g06uE/maxresdefault.jpg');background-position:center 37%}
.reveal .slides section[data-slide="27"] .video-box{background-image:linear-gradient(0deg,rgba(12,19,23,.46),rgba(12,19,23,.04)),url('https://i.ytimg.com/vi/b08fb2Sqc48/maxresdefault.jpg');background-position:center 42%}
.reveal .slides section[data-slide="29"] .video-box{background-image:linear-gradient(0deg,rgba(12,19,23,.46),rgba(12,19,23,.04)),url('https://i.ytimg.com/vi/aft8gnm2Yrk/maxresdefault.jpg');background-position:center 40%}
.video-box::before,.reveal .slides section[data-slide="14"] .video-box::before,.reveal .slides section[data-slide="27"] .video-box::before,.reveal .slides section[data-slide="29"] .video-box::before{content:none}
.video-box .play-video{width:74px;height:74px;background:rgba(183,62,54,.94);border-color:rgba(255,255,255,.7);font-size:32px}
.video-box .video-watermark{font-size:12px;padding:7px 10px;bottom:16px;left:18px}
.reveal .slides section[data-slide="18"] h2{font-size:55px}
.reveal .slides section[data-slide="18"] .mnemonic{margin-top:62px;gap:25px}
.reveal .slides section[data-slide="18"] .mnemonic .step{border-top-color:#a9bbb9}
.reveal .slides section[data-slide="18"] .mnemonic .step:nth-child(3){border-top-color:var(--blue)}
.reveal .slides section[data-slide="18"] .mnemonic .step b{font-size:48px}
.reveal .slides section[data-slide="18"] .mnemonic .step:nth-child(3) b{font-size:42px}
.reveal .slides section[data-slide="30"] .card:first-child{border-top-color:var(--accent)}
.reveal .slides section[data-slide="30"] .card:last-child{border-top-color:var(--blue)}
.chrome-top{color:#3e4d51;font-weight:700}
.deck-dark .chrome-top{color:#d6dedb}
.deck-progress{height:2px;background:rgba(216,227,225,.1)}
.deck-progress span{background:#7e938f}
.deck-controls{right:22px;bottom:16px;padding:3px 4px;gap:0;border-color:#617075}
.deck-controls button{min-width:38px;height:36px}
.deck-controls button.primary{width:38px;background:#35474c}
.deck-controls button.primary:hover{background:#526a70}
.deck-time{display:none}
.deck-controls a#notesBtn,.deck-controls #motionBtn{font-size:14px;padding:0 9px}
.present .slide > .kicker{animation:ed-fade .35s ease-out both}
.present .slide > h1,.present .slide > h2{animation:ed-fade .45s .04s ease-out both}
.present .slide > .split,.present .slide > .grid2,.present .slide > .grid3,.present .slide > .flow,.present .slide > .video-layout,.present .slide > .compare,.present .slide > .number-row,.present .slide > .big-quote{animation:none}
@keyframes ed-fade{from{opacity:0}to{opacity:1}}
.flow .step:not(:last-child)::after{content:none}
.reveal .slides section.chapter .source,.reveal .slides section[data-slide="15"] .source,.reveal .slides section.end .source{color:#b7c5c7}
.reveal .slides section.chapter .source a,.reveal .slides section[data-slide="15"] .source a,.reveal .slides section.end .source a{color:#b6d5d7}
.reveal .slides section[data-slide="14"] .video-box,.reveal .slides section[data-slide="27"] .video-box,.reveal .slides section[data-slide="29"] .video-box{background-size:auto 154%;background-position:center top}
.reveal .slides section[data-slide="27"] .video-box{background-size:auto 180%;background-position:left top}
.reveal .slides section[data-slide="29"] .video-box{background-size:auto 177%;background-position:center top}
.diagram-pulse .rhythm-wave{fill:none;stroke:#80c8d0;stroke-width:8;stroke-linejoin:round;stroke-linecap:round}
.diagram-pulse .rhythm-stems{fill:none;stroke:#c86c5b;stroke-width:2;stroke-dasharray:5 6;opacity:.55}
.diagram-pulse .svg-callout{font-size:25px;fill:#dceeed}
.diagram-pulse .caption{font-size:17px}
.chrome-top{top:max(27px,calc((100vh - (100vw * .5625)) / 2 + 27px))}
.deck-controls{bottom:max(16px,calc((100vh - (100vw * .5625)) / 2 + 16px))}