:root{--ink:#111820;--paper:#f7f9fc;--paper-2:#efefef;--line:#d7dde4;--green:#1564be;--green-d:#0f4f9b;--blue:#1564be;--blue-d:#0f4f9b;--muted:#65717e;--card:#fff;--pro-black:#0f4f9b;--pro-black-2:#1564be;--pro-black-3:#0c4588;--pro-gold:#fff;--pro-gold-soft:#eaf4ff;--pro-gold-deep:#0f4f9b;--pro-cream:#f7f9fc;--pro-line:#b8cbe2}
.promo-strip,header.bar,.pro-header{background:#1564be!important;color:#fff!important;border-color:#0f4f9b!important}.promo-strip a,.promo-strip b,.logo,header.bar nav.top>.nav-link,header.bar nav.top>.nav-item>.nav-link,.pro-header a{color:#fff!important}.logo img{background:#fff!important;border-color:#b8cbe2!important}.nav-drop,nav.top .nav-drop,.top .nav-drop{background:#fff!important;border-color:#b8cbe2!important;box-shadow:0 16px 38px rgba(21,100,190,.18)!important}.nav-drop a,nav.top .nav-drop a,.top .nav-drop a{background:#fff!important;color:#17283c!important;border-color:#dce5ef!important}.nav-drop a:hover,nav.top .nav-drop a:hover,.top .nav-drop a:hover{background:#edf5fe!important;color:#0f4f9b!important}.subnav{background:#efefef!important;border-color:#cbd5e0!important}.subnav-scroll a{background:#fff!important;border-color:#b8cbe2!important;color:#0f4f9b!important}.subnav-scroll a:hover{background:#edf5fe!important;border-color:#1564be!important}.main-certificate-link,.pro-nav-link,.profile-menu>.drop-btn,.pro-dashboard-link,.certificate-dashboard-link{background:#0f4f9b!important;border-color:#d7e8fb!important;color:#fff!important}.btn.primary,.practice-now,.setup-actions .btn.primary,.pro-btn,.pro-plan .pro-btn,.certificate-reminder-action{background:#1564be!important;border-color:#0f4f9b!important;color:#fff!important;box-shadow:0 8px 20px rgba(21,100,190,.16)!important}.btn.primary:hover,.pro-btn:hover{background:#0f4f9b!important;color:#fff!important}.promo-rail .pr-card{border:1px solid #b8cbe2!important;background:linear-gradient(145deg,#fff,#edf5fe)!important;color:#111820!important;box-shadow:0 12px 28px rgba(21,100,190,.13)!important}.promo-rail .pr-title,.promo-rail .pr-title[style]{color:#0f4f9b!important}.promo-rail .pr-sub,.promo-rail .pr-sub-light{color:#65717e!important}.promo-rail .pr-link,.promo-rail .pr-social a{border-color:#c8d9ec!important;background:#fff!important;color:#0f4f9b!important}.promo-rail .pr-btn,.promo-rail .pr-btn.wa,.promo-rail .pr-btn.light,.promo-rail .pr-btn.app,.promo-rail .pr-free{border-color:#0f4f9b!important;background:#1564be!important;color:#fff!important}.pro-page{background:#f7f9fc!important}.pro-hero,.pro-final,.certificate-eligible-reminder,.certificate-reminder-dialog{background:linear-gradient(145deg,#0f4f9b,#1564be)!important;color:#fff!important}.pro-kicker,.pro-hero h1 em,.pro-hero-stat b,.certificate-reminder-kicker{color:#eaf4ff!important}.pro-plan,.pro-plan.featured,.pro-compare,.pro-faq details{background:#fff!important;border-color:#b8cbe2!important}.pro-popular{background:#0f4f9b!important;color:#fff!important}.plan-index,.pro-section-head span{color:#0f4f9b!important}.pro-note{border-color:#1564be!important;background:#edf5fe!important;color:#26394f!important}footer,.site-footer,.pro-footer{background:#0f4f9b!important;color:#eaf3fc!important}footer a,footer .foot-cert-link,footer .footer-pro-link,.pro-footer a{color:#fff!important}.utility-beta-badge{background:#1564be!important;border-color:#0f4f9b!important;color:#fff!important}.academy,.dash-preview,.community-preview{background:linear-gradient(135deg,#0f4f9b,#1564be)!important}
.promo-rail{top:208px!important;max-height:calc(100vh - 228px)!important}.promo-rail .pr-social{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.promo-rail .pr-social a{display:block!important;width:100%!important;min-width:0!important;padding:8px 9px!important;text-align:left!important;line-height:1.35!important;overflow-wrap:anywhere!important}

/* Global Practice uses a simple vertical setup list, not exam-layout presets. */
#practiceOverlay.mode-custom .global-hidden-layouts{display:none!important}
#practiceOverlay.mode-custom .cfg-row-last{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
#practiceOverlay.mode-custom .cfg-row-last>.grp{width:100%!important;max-width:none!important;margin:0!important;flex:0 0 auto!important}
#practiceOverlay.mode-custom .cfg-row-last>.grp:has(#levelSel){order:1}
#practiceOverlay.mode-custom .cfg-row-last>.grp:has(#passageSel){order:2}
#practiceOverlay.mode-custom .cfg-row-last>.grp-paper{order:3}
#practiceOverlay.mode-custom .cfg-row-last select,#practiceOverlay.mode-custom .grp-paper .paper-toggle{width:100%!important}
.success-feedback-shell{border:1px solid #b8cbe2!important;background:linear-gradient(145deg,#edf5fe,#f7f9fc)!important;box-shadow:0 20px 45px rgba(21,100,190,.13)!important}.success-feedback-shell .sec-head h2,.success-feedback-shell .feedback-copy h2{color:#111820!important}.success-feedback-shell .sec-head p,.success-feedback-shell .feedback-copy p,.success-feedback-shell .review-note{color:#65717e!important}.success-feedback-shell .review-summary{border-color:#b8cbe2!important;background:transparent!important}.success-feedback-shell .review-summary div,.success-feedback-shell .review-card{background:#fff!important;border-color:#c8d9ec!important}.success-feedback-shell .review-summary b,.success-feedback-shell .review-card .stars,.success-feedback-shell .review-card span{color:#1564be!important;text-shadow:none!important}.success-feedback-shell .review-summary span,.success-feedback-shell .review-card p{color:#526274!important;text-shadow:none!important}.success-feedback-shell .review-card b{color:#111820!important}.success-feedback-shell .feedback-inner{border-color:#b8cbe2!important}.success-feedback-shell .feedback-panel{background:#fff!important;border-color:#b8cbe2!important}.success-feedback-shell .feedback-badge{background:#1564be!important;border-color:#0f4f9b!important;color:#fff!important}.success-feedback-shell .feedback-form label{color:#34475c!important;text-shadow:none!important}.success-feedback-shell .feedback-form input,.success-feedback-shell .feedback-form select,.success-feedback-shell .feedback-form textarea{border-color:#b8cbe2!important}

/* PHASE 13D — DARK MODE CORRECTION. This file's rules above are almost entirely !important and
   predate the Phase 13 theme system; they have no dark-mode awareness of their own, forcing
   backgrounds like .pro-plan/.nav-drop/.success-feedback-shell white regardless of theme while
   text inside them (inherited from the dark-mode-aware --tte-text/--ink tokens) correctly turns
   near-white — producing exactly the "near-white text on a white panel" defect found on real
   staging. Equal-specificity !important rules, scoped under html[data-theme="dark"], are the
   only way to correct this without rewriting every !important rule above (a much larger, riskier
   change than this focused pass allows). This block does not change Light Mode in any way. */
html[data-theme="dark"] .nav-drop,html[data-theme="dark"] nav.top .nav-drop,html[data-theme="dark"] .top .nav-drop{background:#182231!important;border-color:#2b3849!important}
html[data-theme="dark"] .nav-drop a,html[data-theme="dark"] nav.top .nav-drop a,html[data-theme="dark"] .top .nav-drop a{background:#182231!important;color:#f3f4f6!important;border-color:#2b3849!important}
html[data-theme="dark"] .nav-drop a:hover,html[data-theme="dark"] nav.top .nav-drop a:hover,html[data-theme="dark"] .top .nav-drop a:hover{background:#202c3d!important;color:#6ba3e6!important}
html[data-theme="dark"] .subnav{background:#202c3d!important;border-color:#2b3849!important}
html[data-theme="dark"] .subnav-scroll a{background:#182231!important;border-color:#3a4a5f!important;color:#6ba3e6!important}
html[data-theme="dark"] .subnav-scroll a:hover{background:#202c3d!important;border-color:#4d8ed9!important}
html[data-theme="dark"] .promo-rail .pr-card{border-color:#2b3849!important;background:linear-gradient(145deg,#182231,#202c3d)!important;color:#f3f4f6!important}
html[data-theme="dark"] .promo-rail .pr-link,html[data-theme="dark"] .promo-rail .pr-social a{border-color:#2b3849!important;background:#182231!important;color:#6ba3e6!important}
html[data-theme="dark"] .pro-page{background:#111827!important}
html[data-theme="dark"] .pro-plan,html[data-theme="dark"] .pro-plan.featured,html[data-theme="dark"] .pro-compare,html[data-theme="dark"] .pro-faq details{background:#182231!important;border-color:#2b3849!important;color:#f3f4f6!important}
html[data-theme="dark"] .pro-note{border-color:#4d8ed9!important;background:#202c3d!important;color:#f3f4f6!important}
html[data-theme="dark"] footer,html[data-theme="dark"] .site-footer,html[data-theme="dark"] .pro-footer{background:#0a1d33!important;color:#f3f4f6!important}
html[data-theme="dark"] .success-feedback-shell{border-color:#2b3849!important;background:linear-gradient(145deg,#182231,#202c3d)!important}
html[data-theme="dark"] .success-feedback-shell .sec-head h2,html[data-theme="dark"] .success-feedback-shell .feedback-copy h2,html[data-theme="dark"] .success-feedback-shell .review-card b{color:#f3f4f6!important}
html[data-theme="dark"] .success-feedback-shell .sec-head p,html[data-theme="dark"] .success-feedback-shell .feedback-copy p,html[data-theme="dark"] .success-feedback-shell .review-note,html[data-theme="dark"] .success-feedback-shell .review-summary span,html[data-theme="dark"] .success-feedback-shell .review-card p{color:#aeb8c5!important}
html[data-theme="dark"] .success-feedback-shell .review-summary div,html[data-theme="dark"] .success-feedback-shell .review-card,html[data-theme="dark"] .success-feedback-shell .feedback-panel{background:#182231!important;border-color:#2b3849!important}
html[data-theme="dark"] .success-feedback-shell .feedback-inner{border-color:#2b3849!important}
html[data-theme="dark"] .success-feedback-shell .feedback-form label{color:#f3f4f6!important}
html[data-theme="dark"] .success-feedback-shell .feedback-form input,html[data-theme="dark"] .success-feedback-shell .feedback-form select,html[data-theme="dark"] .success-feedback-shell .feedback-form textarea{background:#141d2b!important;border-color:#3a4a5f!important;color:#f3f4f6!important}
html[data-theme="dark"] .logo img{background:#182231!important;border-color:#2b3849!important}
