/* TDNSC v9 - bright, clear and playful Exam Prep Hub in blue, aqua and lavender (no yellow). */
:root{--navy:#09346f;--dark:#0a2755;--blue:#0867d4;--sky:#e5f4ff;--pale:#f6fbff;--line:#b8d9f5;--body:#325879;--focus:#87edff;--aqua:#a0efff;--electric:#0a61cf}
body{background:radial-gradient(ellipse 70% 200px at 85% 0,#b5e6ff 0,transparent 78%),#f2f9ff;color:var(--dark);font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,-apple-system,"Segoe UI",sans-serif}
.site-head{border-bottom:2px solid #c6e7ff;box-shadow:0 4px 18px #2a72aa0d}
.brand-link img{width:clamp(155px,23vw,215px)}
main{max-width:1120px}
.hero{background:linear-gradient(118deg,#083878 1%,#0755b6 52%,#1383d9 100%);border:2px solid #0b4c9c;border-radius:34px;box-shadow:0 13px 0 #c2e5ff,0 23px 35px #0b469628;padding:clamp(28px,5vw,57px);min-height:355px;gap:27px}
.hero::before{content:"";position:absolute;right:-70px;bottom:-125px;width:340px;height:340px;border:32px solid #ffffff11;border-radius:50%;pointer-events:none}
.hero::after{content:"";position:absolute;right:21%;top:-36px;width:115px;height:115px;border:15px solid #9de6ff17;border-radius:50%;pointer-events:none}
.hero .hero-text{min-width:0}
.hero .hero-eyebrow{color:#e0f6ff;font-size:.79rem;line-height:1.9;letter-spacing:.08em}
.hero .free-tag{background:var(--aqua);color:#093c80;font-size:.75rem;padding:6px 11px;box-shadow:0 3px 0 #032d7266}
.hero h1{color:#fff;font-size:clamp(2.15rem,5.2vw,4.2rem);line-height:1.07;letter-spacing:-.047em;text-wrap:balance;max-width:760px;text-shadow:0 2px 0 #042f6966;margin:12px 0 17px}
.hero h1 span{color:var(--aqua)}
.hero p:not(.eyebrow){color:#eff7ff;font-size:clamp(.97rem,1.55vw,1.1rem);font-weight:610;line-height:1.56;max-width:640px}
.hero p.tiny{color:#d9efff;font-size:.79rem}
.hero-cta .button{padding:13px 19px;min-height:51px}
.button{border-radius:15px;border-width:2px;font-weight:900;box-shadow:0 4px 0 #afdbfa;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #acdafa}
.button-primary{background:#0c61ce;border-color:#0c4dab;color:#fff!important;box-shadow:0 5px 0 #70abe5}
.button-secondary{background:#fff;border-color:#badbfa;color:#083e80!important;box-shadow:0 5px 0 #8cc9f0}
.hero .button-primary{background:var(--aqua);color:#073972!important;border-color:#d7faff;box-shadow:0 5px 0 #003677}
.hero .button-secondary{background:#fff;color:#0b4e9c!important;border-color:#effbff;box-shadow:0 5px 0 #003677}
.hero-art{width:27%;max-width:230px;flex:0 0 27%;display:grid;place-items:center;border:2px solid #ffffff75;border-radius:35px;padding:29px 12px 24px;background:#ffffff16;transform:rotate(3deg);min-height:250px}
.hero-art img{width:87%;max-width:172px;filter:drop-shadow(0 8px 12px #003c7550)}
.art-speech{position:absolute;top:-15px;right:-15px;transform:rotate(11deg);border:2px solid #d0f7ff;background:var(--aqua);border-radius:13px;padding:8px 11px;font-size:.68rem;font-weight:1000;color:#093872;line-height:1.12;text-align:center;box-shadow:0 4px 0 #0a3679a8}
.art-spark{color:#b2f2ff;font-size:2rem}
.art-pill{bottom:-18px;left:-15px;right:-15px;color:#083f87;border:2px solid #bce1fc;background:#fff;font-weight:950;letter-spacing:.025em;font-size:.64rem;box-shadow:0 5px 0 #003d7590}
.section-nav{position:sticky;top:0;z-index:5;margin-top:27px;margin-bottom:28px;padding:11px 4px;background:#f2f9fff0;backdrop-filter:blur(8px);border-bottom:1px solid #c5e2f5}
.section-nav a{background:#fff;border:1.6px solid #bedcf4;color:#134d8d;box-shadow:0 3px 0 #dceeff;transition:background .16s ease}
.section-nav a:first-child{background:#d9f5ff;border-color:#9eddf7;color:#104477}
.section-nav a:hover{background:#d3ecff}
.eyebrow{color:#0873c6;font-weight:1000;letter-spacing:.105em}
.section-heading h2{font-size:clamp(1.92rem,4vw,3rem);color:#092f68;font-weight:1000;letter-spacing:-.045em;text-wrap:balance}
.section-heading p{font-weight:570;color:#395e7d}
.shortcut-grid{gap:16px}
.shortcut{border:2px solid #b9dfff;box-shadow:0 6px 0 #c3e5ff,0 9px 22px #0b5a9620;border-radius:23px;min-height:175px;padding:19px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.shortcut:hover{transform:translateY(-4px);box-shadow:0 9px 0 #b4dcfb,0 16px 26px #0b5a961f}
.shortcut strong{font-size:1.12rem;letter-spacing:-.017em;color:#07366e}
.shortcut small{color:#356584}
.shortcut-icon{background:#bdeeff;border:2px solid #6dccea;color:#083b78;width:52px;height:52px;font-size:1.65rem;border-radius:17px;box-shadow:0 3px 0 #95d8f1}
.shortcut:nth-child(2) .shortcut-icon{background:#b7eeff;border-color:#89dfff;box-shadow:0 3px 0 #89dfff}
.shortcut:nth-child(3) .shortcut-icon{background:#d7d2ff;border-color:#c1b8fa;box-shadow:0 3px 0 #c1b8fa}
.shortcut-arr{color:#076ac9}
.section{scroll-margin-top:110px;margin-top:44px}
.panel{background:linear-gradient(135deg,#dcefff,#f0f9ff);border:2px solid #acd8fc;box-shadow:0 6px 0 #d3eaff;border-radius:28px}
.topic-card{border:2px solid #bbdef9;border-radius:21px;box-shadow:0 4px 0 #d1eafb}
.card-kicker{color:#075ab6;font-weight:1000}
.topic-card h3,.checklist-cols h3{font-weight:950;color:#0a3772}
.steps li::before{background:#086bd4;border-radius:9px;width:29px;height:29px;box-shadow:0 3px 0 #c1e6ff}
.steps li{grid-template-columns:34px 1fr}
.steps li span{color:#3c5f7c}
.reveal,.term{border:2px solid #bbdff9;border-radius:16px}
.reveal[open],.term[open]{border-color:#3186db;background:#f7fbff}
.reveal summary,.term summary{font-weight:925}
.reveal summary:hover,.term summary:hover{background:#eaf5ff}
.reveal summary span,.term summary:after{color:#0b6bc9}
.small-callout{background:#d8eefe;border-radius:12px;border-left:5px solid #1076d9}
.plan-form label{color:#1d487e}
.plan-form input,.plan-form select{border:2px solid #a9d5f6;font-size:1rem;border-radius:13px}
.plan-form input:focus-visible,.plan-form select:focus-visible{outline:3px solid #79d7f4}
.plan-day{border:2px solid #bfdef9;border-radius:19px;box-shadow:0 3px 0 #d0eaff}
.plan-day.completed{background:#e8fbef;border-color:#6da78a;box-shadow:0 3px 0 #b9e4c8}
.plan-day-head input,.check-item input{accent-color:#0b68d2}
.confidence-item{border:2px solid #cee6f8;border-radius:17px}
.rating-options button{border:2px solid #c5e2f5;background:#ecf8ff;color:#174974;border-radius:12px;font-weight:850;min-height:43px}
.rating-options button[aria-pressed="true"]{background:#0d64cc;border-color:#094ea5;color:#fff;box-shadow:0 3px 0 #b2dfff}
.confidence-summary{background:#e4f4ff;border:2px solid #b5dffc;border-radius:20px}
.check-item{border:2px solid #c0e2f7;border-radius:15px}
.check-item.checked{background:#e4f9ef;border-color:#8cceac}
.next-section{background:linear-gradient(112deg,#072c68,#0b66c9);box-shadow:0 6px 0 #c5e7ff;border-radius:27px}
.next-section h2{font-size:clamp(1.5rem,2.4vw,2.05rem);font-weight:1000}
.next-section .eyebrow{color:var(--aqua)}
.next-actions .button-primary{background:var(--aqua);color:#0b3e74!important;border-color:#d2f5fc;box-shadow:0 4px 0 #003978}
.next-actions .button-secondary{box-shadow:0 4px 0 #003978}
/* Fun interactive warm-up: one question, no timer, no scores */
.power-up{position:relative;display:flex;align-items:flex-start;gap:20px;background:#fff;border:2px solid #0c6acb;border-radius:27px;padding:clamp(21px,4vw,32px);box-shadow:0 6px 0 #aedafd,0 14px 24px #0e63b41c}
.power-up-icon{display:grid;place-items:center;width:70px;height:70px;flex:0 0 70px;border-radius:21px;background:#b1edff;color:#08478a;font-size:2.3rem;border:2px solid #7dd2f4;box-shadow:0 4px 0 #74b6d5;transform:rotate(-8deg)}
.power-up-body{flex:1;min-width:0}
.power-up h2{font-size:clamp(1.72rem,3.3vw,2.4rem);margin:0 0 11px;line-height:1.13;color:#092f69;letter-spacing:-.045em}
.power-up-question{font-size:1rem;color:#1b4877;font-weight:620;margin:0 0 15px}
.power-up-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.power-answer{min-height:66px;border:2px solid #c2e0fa;border-radius:15px;padding:11px;text-align:center;background:#eff8ff;color:#164b80;font-weight:875;line-height:1.28;transition:background .15s ease,transform .15s ease,border-color .15s ease}
.power-answer:hover{background:#dfefff;transform:translateY(-2px)}
.power-answer.power-selected{background:#dcefff;border-color:#0868cd;color:#083c75}
.power-answer.power-correct{background:#d1f6e1;border-color:#288760;color:#125337}
.power-feedback{margin:13px 0 0;font-size:.88rem;font-weight:750;line-height:1.5;color:#496d8e;min-height:40px}
.power-feedback.power-success{color:#146047}
:focus-visible{outline:3px solid #47c5ff!important;outline-offset:3px}
@media(max-width:800px){.hero-art{max-width:185px;min-height:214px}.art-speech{font-size:.56rem}.power-up-answers{grid-template-columns:1fr}.power-answer{text-align:left;min-height:51px}}
@media(max-width:760px){.hero{padding:28px 21px 30px;min-height:0}.hero-art{display:none}.section-nav{margin-top:22px}.shortcut{min-height:120px;padding:15px;box-shadow:0 4px 0 #c3e5ff}.shortcut-icon{width:45px;height:45px;margin-bottom:4px}.section{margin-top:35px}.power-up{gap:12px}.power-up-icon{width:47px;height:47px;flex-basis:47px;font-size:1.6rem;border-radius:14px}.power-up h2{font-size:1.63rem}}
@media(max-width:420px){.hero h1{font-size:clamp(1.95rem,8.35vw,2.75rem);letter-spacing:-.045em}.hero .hero-eyebrow{font-size:.65rem}.hero .free-tag{display:inline-block;margin-left:2px;font-size:.64rem}.hero-cta .button{width:100%}.section-heading h2{font-size:1.95rem}.power-up{padding:17px 12px;gap:9px}.power-up-icon{width:37px;height:37px;flex-basis:37px;font-size:1.35rem}.power-up h2{font-size:1.45rem}.power-up-question{font-size:.91rem}}
@media(prefers-reduced-motion:reduce){.shortcut,.power-answer,.button{transition:none!important}.shortcut:hover,.power-answer:hover,.button:hover{transform:none!important}.hero-art{transform:none}}
@media print{body{background:#fff}.hero{background:white!important;box-shadow:none!important;border:0!important}.hero h1,.hero p:not(.eyebrow){color:#000!important;text-shadow:none!important}.hero h1 span{color:#000!important}.hero .eyebrow{color:#000!important}.hero-art,.power-up{display:none!important}.section{scroll-margin-top:0}.panel{box-shadow:none}}


/* TDNSC v10: light-blue, white and aqua refresh. No dark-blue panels and no yellow. */
.hero{
 background:linear-gradient(119deg,#e5f7ff 0%,#f9fdff 46%,#bfeaff 100%);
 border:2px solid #85c9f6;
 box-shadow:0 12px 0 #c9eafa,0 22px 35px #3287ca20;
}
.hero::before{border-color:#1b8ad010}
.hero::after{border-color:#168de21a}
.hero .hero-eyebrow{color:#1b639e}
.hero .free-tag{color:#0a487d;background:#9deeff;box-shadow:0 3px 0 #b6dcf5}
.hero h1{color:#082f65;text-shadow:none}
.hero h1 span{color:#0589d6}
.hero p:not(.eyebrow){color:#2f5575}
.hero p.tiny{color:#336d95}
.hero .button-primary{background:#0b75cf;color:#fff!important;border-color:#0463b4;box-shadow:0 5px 0 #a5d5f6}
.hero .button-secondary{background:#fff;color:#105894!important;border-color:#a4d5f3;box-shadow:0 5px 0 #b7dcf5}
.hero-art{background:#ffffffa8;border-color:#b7dcf5;box-shadow:0 8px 20px #338ac022}
.hero-art img{filter:drop-shadow(0 7px 10px #3c85aa30)}
.art-speech{box-shadow:0 4px 0 #b0dbed}
.art-spark{color:#0788d0}
.art-pill{box-shadow:0 5px 0 #b8def3;color:#0b497c}
.next-section{background:linear-gradient(112deg,#def4ff 0%,#f9fdff 62%,#bee7ff 100%);border:2px solid #a8daf6;color:#0a3669;box-shadow:0 6px 0 #d7edfc}
.next-section h2{color:#0a3567}
.next-section p{color:#356487}
.next-section .eyebrow{color:#0873b8}
.next-actions .button-primary{background:#0878ce;color:#fff!important;border-color:#0a64aa;box-shadow:0 4px 0 #b5dbf4}
.next-actions .button-secondary{background:#fff;color:#0b548e!important;border-color:#aad5f1;box-shadow:0 4px 0 #c1dff2}
@media print{.hero,.next-section{background:white!important}}

/* v11 - clearer three-part exam hub invitation; original pale-blue design retained. */
.hero h1{text-transform:uppercase;margin-bottom:20px}
.hero p.hero-lead:not(.eyebrow){font-size:clamp(1.13rem,1.95vw,1.35rem);font-weight:900;color:#07396f;line-height:1.42;margin-bottom:7px;letter-spacing:-.015em}
.hero p.hero-support:not(.eyebrow){font-size:clamp(.97rem,1.35vw,1.07rem);font-weight:560;color:#2b5578;line-height:1.55;margin-bottom:23px;max-width:630px}
.hero p.hero-support strong{font-weight:900;color:#0858a7}
@media(max-width:760px){.hero h1{margin-bottom:18px}.hero p.hero-lead:not(.eyebrow){font-size:1.14rem;line-height:1.36}.hero p.hero-support:not(.eyebrow){font-size:.97rem;line-height:1.52}}