.cc5{--navy:#102c4c;--blue:#176db4;--red:#a92d2d;--gold:#d99a17;--cream:#fff8e8;--ink:#17283c;--line:#d9e1e8;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);max-width:1180px;margin:0 auto 32px}
.cc5 *{box-sizing:border-box}.cc5 button,.cc5 a{touch-action:manipulation}.cc5-hero{min-height:min(66vh,650px);border-radius:26px;overflow:hidden;background-image:linear-gradient(90deg,rgba(7,26,47,.88),rgba(7,26,47,.45) 52%,rgba(7,26,47,.05)),var(--cc5hero);background-size:cover;background-position:center;display:flex;align-items:flex-end;box-shadow:0 18px 50px #0a223833}
.cc5-hero-copy{padding:clamp(24px,5vw,58px);max-width:680px;color:#fff;text-shadow:0 2px 12px #0008}.cc5-kicker{font-weight:900;letter-spacing:.13em;font-size:.78rem}.cc5-hero h1{font-size:clamp(2.6rem,8vw,5.4rem);line-height:.92;margin:.15em 0}.cc5-sub{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:800}.cc5-deck{font-size:1.05rem;max-width:58ch}.cc5-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.cc5-actions button,.cc5-actions a,.cc5-stepnav button,.cc5-challenge button,.cc5-quiz>button{border:0;border-radius:14px;padding:13px 18px;font-weight:900;text-decoration:none;cursor:pointer}.cc5-actions button,.cc5-quiz>button{background:#f5b31b;color:#17283c}.cc5-actions a{background:#fff;color:#102c4c}
.cc5-shell{position:relative}.cc5-chapters{display:flex;gap:8px;overflow:auto;padding:14px 4px 10px;scrollbar-width:thin;position:sticky;top:0;background:#fff;z-index:8}.cc5-chapters button{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:800;color:var(--navy)}.cc5-chapters button.is-active{background:var(--navy);color:#fff}.cc5-progress{height:5px;background:#e7edf2;border-radius:99px;overflow:hidden}.cc5-progress i{display:block;height:100%;width:10%;background:linear-gradient(90deg,var(--gold),var(--red));transition:width .25s}
.cc5-reader{min-height:520px}.cc5-stage{display:none;padding:clamp(20px,4vw,42px) 4px 90px}.cc5-stage.is-active{display:block;animation:cc5in .25s ease}.cc5-stagehead{background:linear-gradient(135deg,#eef7ff,#fff8e8);border:1px solid var(--line);border-radius:22px;padding:clamp(18px,4vw,34px);margin-bottom:18px}.cc5-stagehead span{font-size:.75rem;letter-spacing:.15em;font-weight:900;color:var(--red)}.cc5-stagehead h2{font-size:clamp(1.8rem,5vw,3rem);margin:.18em 0;color:var(--navy)}.cc5-stagehead p{margin:.4em 0;max-width:72ch}
.cc5-story,.cc5-note,.cc5-challenge,.cc5-stage details,.cc5-quiz,.cc5-finale{border:1px solid var(--line);border-radius:20px;padding:clamp(17px,3vw,28px);background:#fff;margin:14px 0}.cc5-story blockquote,.cc5-finale blockquote{font-size:1.2rem;font-weight:800;border-left:5px solid var(--gold);margin:18px 0;padding:12px 16px;background:var(--cream)}.cc5-note{background:var(--cream)}.cc5-note b{color:var(--red)}.cc5-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cc5-grid3 article{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}.cc5-grid3 article.gold{background:#fff4cf;border-color:#e6bd52}.cc5-grid3 b{color:var(--navy);font-size:1.1rem}
.cc5-challenge{background:#f5f9fc}.cc5-challenge button{margin:5px;background:#fff;border:1px solid #b8c6d2;color:var(--navy)}.cc5-challenge button.correct{background:#e5f7eb;border-color:#58a86e}.cc5-challenge button.wrong{background:#fff0ed;border-color:#d77768}.cc5-challenge [data-feedback]{font-weight:800}
.cc5-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cc5-branches button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px;text-align:left;min-height:170px}.cc5-branches i{font-style:normal;font-weight:900;color:var(--gold);font-size:2rem}.cc5-branches b,.cc5-branches small,.cc5-branches span{display:block}.cc5-branches b{font-size:1.3rem;color:var(--navy)}.cc5-branches span{margin-top:12px;opacity:.1}.cc5-branches button.open span{opacity:1}
.cc5-rights{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.cc5-rights button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:13px;text-align:left;display:flex;gap:12px;align-items:center}.cc5-rights i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;flex:0 0 auto}
.cc5-verse{border-left:5px solid var(--blue);padding:12px 16px;background:#eef7ff;margin:12px 0}.cc5-separate{font-size:.9rem;color:#566574}.cc5-lab{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cc5-lab article{border:1px solid var(--line);border-radius:18px;padding:20px}.cc5-lab span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);font-weight:900}.cc5-quiz fieldset{border:1px solid var(--line);border-radius:16px;margin:0 0 12px;padding:15px}.cc5-quiz legend{font-weight:900;color:var(--navy);padding:0 5px}.cc5-quiz label{display:block;padding:8px;border-radius:9px}.cc5-score{margin-top:12px;font-weight:900;font-size:1.1rem}.cc5-resources,.cc5-sources{display:grid;gap:10px}.cc5-resources a,.cc5-sources a{border:1px solid var(--line);border-radius:16px;padding:15px;text-decoration:none;color:var(--navy);background:#fff}.cc5-resources a.primary{background:var(--cream);border-color:#e6bd52}.cc5-resources b,.cc5-resources span{display:block}.cc5-resources span{font-size:.9rem;color:#566574}.cc5-finale{text-align:center;background:linear-gradient(180deg,#fff8e8,#fff)}.cc5-finale .star{font-size:5rem;color:var(--gold)}.cc5-finale .cc5-verse{text-align:left}
.cc5-stepnav{position:sticky;bottom:8px;z-index:9;display:grid;grid-template-columns:1fr auto auto 1fr;gap:8px;align-items:center;background:rgba(16,44,76,.96);border-radius:18px;padding:9px;box-shadow:0 8px 30px #0003;color:#fff}.cc5-stepnav button{background:#fff;color:var(--navy);min-height:46px}.cc5-stepnav [data-next]{justify-self:stretch}.cc5-stepnav [data-prev]{justify-self:stretch}.cc5-stepnav [data-menu]{background:#f5b31b}.cc5-stepnav span{font-weight:900;font-size:.82rem;white-space:nowrap}.cc5-noscript{padding:14px;background:#fff4cf}
@keyframes cc5in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:720px){.cc5{margin-inline:-2px}.cc5-hero{min-height:520px;border-radius:0;background-image:linear-gradient(0deg,rgba(7,26,47,.92),rgba(7,26,47,.08) 70%),var(--cc5hero);background-position:58% center;align-items:flex-end}.cc5-hero-copy{padding:24px 18px}.cc5-grid3,.cc5-branches,.cc5-lab{grid-template-columns:1fr}.cc5-rights{grid-template-columns:1fr}.cc5-reader{min-height:460px}.cc5-stepnav{bottom:4px;border-radius:14px;grid-template-columns:1fr auto 1fr}.cc5-stepnav [data-menu]{display:none}.cc5-stepnav span{position:absolute;top:-28px;left:50%;transform:translateX(-50%);background:var(--navy);padding:5px 9px;border-radius:999px}.cc5-stage{padding-inline:10px}.cc5-chapters{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.cc5-stage.is-active{animation:none}.cc5-progress i{transition:none}}
@media print{.cc5-chapters,.cc5-stepnav,.cc5-actions{display:none!important}.cc5-stage{display:block!important;padding:20px 0;break-inside:avoid}.cc5-hero{min-height:300px}.cc5-reader{min-height:0}}