/* JulyLearn V13.03 RC16 — Home Updates Surface Fix
   Principle: preserve the proven light-theme structure and interaction layout.
   Dark mode changes color, atmosphere and surface treatment only. It does not
   turn every section into a card, and it does not resize/reflow product UI. */

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#08111f;
  --surface:#0f1a2e;
  --surface-2:#121f36;
  --ink:#f3f6fb;
  --muted:#9aa8bc;
  --line:rgba(151,171,217,.18);
  --line-strong:rgba(166,186,230,.28);
  --brand:#7c66ff;
  --brand-2:#9879ff;
  --accent:#7e63ff;
  --accent-2:#4cc7e8;
  --navy:#0d1628;
  --navy-2:#14213a;
  --success:#52c99b;
  --warning:#d8a94f;
  --shadow:0 18px 50px rgba(0,5,16,.22);
  --shadow-lg:0 30px 80px rgba(0,4,14,.32);

  --inner-bg:#08111f;
  --inner-surface:#0f1a2e;
  --inner-paper:#0d182b;
  --inner-paper-2:#121f35;
  --inner-ink:#f3f6fb;
  --inner-muted:#9aa8bc;
  --inner-line:rgba(151,171,217,.18);
  --inner-line-strong:rgba(166,186,230,.28);
  --inner-purple:#8f78ff;
  --inner-purple-deep:#755df0;
  --inner-purple-soft:#211d48;
  --inner-warm:#182238;
  --inner-warm-2:#111c30;
  --inner-navy:#0e1729;

  --learn-ink:#f3f6fb;
  --learn-muted:#9aa8bc;
  --learn-warm:#0b1526;
  --learn-line:rgba(151,171,217,.18);
  --learn-dark:#070b12;
  --learn-purple:#8d73ff;
  --learn-purple-soft:#211d48;

  --route48-accent:#8b72ff;
  --route48-ink:#f3f6fb;
  --route48-line:rgba(151,171,217,.18);
}

html[data-theme="dark"] body,
html[data-theme="dark"] body.inner-page{
  background:
    radial-gradient(900px 520px at 88% -10%,rgba(105,78,235,.11),transparent 66%),
    radial-gradient(760px 520px at -8% 42%,rgba(55,103,196,.07),transparent 70%),
    #08111f!important;
  color:var(--ink)!important;
}

html[data-theme="dark"] ::selection{background:rgba(126,99,255,.38);color:#fff}

/* Header / global navigation — same geometry as light mode. */
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .inner-page .site-header{
  background:rgba(7,13,24,.96)!important;
  background-color:rgba(7,13,24,.96)!important;
  border-bottom-color:rgba(151,171,217,.14)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .brand{color:#f7f8fc!important}
html[data-theme="dark"] .nav-links a{color:#b3bfd1!important}
html[data-theme="dark"] .nav-links a:hover,
html[data-theme="dark"] .nav-links a.active{
  color:#fff!important;
  background:rgba(126,99,255,.11)!important;
}
html[data-theme="dark"] .menu-btn{color:#eef2f8!important}
/* Theme switch lives outside the header so it never consumes navigation width. */
.theme-toggle-float{
  position:fixed;
  left:20px;
  bottom:20px;
  z-index:920;
  min-width:104px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 13px 0 11px;
  border:1px solid #d9dee8;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#596274;
  box-shadow:0 8px 24px rgba(28,34,48,.09);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  font:600 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:.01em;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.theme-toggle-float:hover{
  color:#7056e8;
  border-color:rgba(112,86,232,.36);
  background:#fff;
  box-shadow:0 10px 28px rgba(49,42,86,.13);
  transform:translateY(-1px);
}
.theme-toggle-float:focus-visible{
  outline:3px solid rgba(116,91,238,.20);
  outline-offset:3px;
}
.theme-toggle-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:block;
}
.theme-toggle-label{
  display:block;
  white-space:nowrap;
}
html[data-theme="dark"] .theme-toggle-float{
  border-color:rgba(157,176,216,.20);
  background:rgba(13,24,42,.90);
  color:#aeb9ca;
  box-shadow:0 10px 30px rgba(0,4,14,.24);
}
html[data-theme="dark"] .theme-toggle-float:hover{
  color:#b9abff;
  border-color:rgba(153,126,255,.40);
  background:#111e33;
  box-shadow:0 12px 32px rgba(0,4,14,.32);
}
html.julylearn-local-preview .theme-toggle-float{bottom:58px}

/* Common controls. Never let compact action text wrap. */
html[data-theme="dark"] .btn{
  background:#111c30!important;color:#eef2f8!important;border-color:rgba(158,178,222,.24)!important;
}
html[data-theme="dark"] .btn:hover{background:#17243b!important;border-color:rgba(147,119,255,.38)!important}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-accent,
html[data-theme="dark"] .feedback-primary{
  background:linear-gradient(135deg,#6750eb,#8b63ff)!important;
  color:#fff!important;border-color:transparent!important;
  box-shadow:0 10px 26px rgba(85,57,204,.24)!important;
}
html[data-theme="dark"] .btn,
html[data-theme="dark"] .detail-action .btn,
html[data-theme="dark"] [data-learning-entry],
html[data-theme="dark"] button{white-space:nowrap}
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{
  color:#e8edf5;background:#0d1728;border-color:rgba(154,174,219,.22);
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#718099}
html[data-theme="dark"] .eyebrow{color:#9b87ff!important}
html[data-theme="dark"] .muted{color:#8f9db2!important}

/* Footer */
html[data-theme="dark"] .footer{background:#070c16!important;color:#9da9bd!important;border-top-color:rgba(151,171,217,.12)!important}
html[data-theme="dark"] .footer a{color:#b7c1d2!important}

/* ========================================================================== */
/* HOME — open cinematic hero, no outer card inside another card.             */
/* ========================================================================== */
html[data-theme="dark"] body:not(.inner-page) .hero-editorial{
  background:
    radial-gradient(520px 420px at 76% 48%,rgba(113,80,255,.22),transparent 68%),
    radial-gradient(560px 380px at 22% 84%,rgba(54,108,207,.10),transparent 70%),
    linear-gradient(135deg,#0e1a30 0%,#0b1528 56%,#15152c 100%)!important;
  color:#f5f7fb!important;border-bottom-color:rgba(151,171,217,.14)!important;
}
html[data-theme="dark"] body:not(.inner-page) .hero-editorial:before{
  background:linear-gradient(90deg,rgba(5,10,20,.18),transparent 58%)!important;
}
html[data-theme="dark"] .hero-editorial h1{color:#f7f8fc!important}
html[data-theme="dark"] .hero-editorial h1 em{color:#9a7cff!important}
html[data-theme="dark"] .hero-editorial .lead{color:#a9b5c8!important}
html[data-theme="dark"] .hero-editorial .promise{color:#e7ecf4!important}
html[data-theme="dark"] .hero-editorial .hero-actions .btn:first-child{background:#111c30!important;border-color:rgba(159,178,219,.24)!important;color:#fff!important}
html[data-theme="dark"] .editorial-stack .cover{box-shadow:0 24px 60px rgba(0,5,16,.38)!important}
html[data-theme="dark"] body:not(.inner-page) .section{background:#08111f!important}
html[data-theme="dark"] body:not(.inner-page) .section.white{background:#0b1526!important}
html[data-theme="dark"] body:not(.inner-page) .section h2,
html[data-theme="dark"] body:not(.inner-page) .section h3,
html[data-theme="dark"] body:not(.inner-page) .section strong{color:#f2f5fa}
html[data-theme="dark"] body:not(.inner-page) .section p,
html[data-theme="dark"] body:not(.inner-page) .section li{color:#9ca9bc}
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .feature-card-wide,
html[data-theme="dark"] .making,
html[data-theme="dark"] .home-live-state{
  background:#101b2f!important;border-color:rgba(151,171,217,.17)!important;color:#dfe6ef!important;
}
/* Home course cards intentionally keep their original light editorial surface. */
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card .course-title{color:#172033!important}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card .course-desc{color:#68758a!important}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card .course-foot{color:#59677b!important}

/* Home recent-updates list belongs to the night surface system — no isolated white panel. */
html[data-theme="dark"] body:not(.inner-page) [data-home-recent-updates]{
  background:linear-gradient(180deg,#101b2f 0%,#0d182b 100%)!important;
  border-color:rgba(151,171,217,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-recent-updates] .update-row{
  background:transparent!important;
  border-bottom-color:rgba(151,171,217,.14)!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-recent-updates] .update-row:hover{
  background:rgba(124,102,255,.045)!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-recent-updates] .update-title{color:#f2f5fa!important}
html[data-theme="dark"] body:not(.inner-page) [data-home-recent-updates] .update-date{color:#91a0b5!important}
html[data-theme="dark"] body:not(.inner-page) [data-home-recent-updates] .update-type{
  background:rgba(124,102,255,.12)!important;
  color:#b8a9ff!important;
  border:1px solid rgba(124,102,255,.18)!important;
}
/* Course-library summary counts use the JulyLearn violet language instead of unrelated success green. */
html[data-theme="dark"] body:not(.inner-page) [data-home-library-state] .status{
  background:rgba(124,102,255,.14)!important;color:#b8a9ff!important;
  border:1px solid rgba(124,102,255,.22)!important;
}
html[data-theme="dark"] .join-card{background:linear-gradient(135deg,#101a2e,#141831)!important;color:#f4f6fb!important;border-color:rgba(151,171,217,.17)!important}
html[data-theme="dark"] .join-card p,
html[data-theme="dark"] .join-card li{color:#a6b2c5!important}

/* ========================================================================== */
/* COURSE LIBRARY — one hero panel, then open catalog.                        */
/* ========================================================================== */
html[data-theme="dark"] .library-v08,
html[data-theme="dark"] .library-v08-hero,
html[data-theme="dark"] .library-v08-content{background:transparent!important}
html[data-theme="dark"] .library-v08-frame{
  background:
    radial-gradient(500px 300px at 83% 35%,rgba(117,82,255,.18),transparent 68%),
    linear-gradient(135deg,#101c32,#0d1729 62%,#15162d)!important;
  border-color:rgba(155,175,220,.18)!important;
  box-shadow:0 22px 60px rgba(0,5,16,.24)!important;
}
html[data-theme="dark"] .library-v08-frame:before{background:linear-gradient(90deg,rgba(11,19,34,.20),transparent 58%)!important}
html[data-theme="dark"] .library-v08-copy h1{color:#f5f7fb!important}
html[data-theme="dark"] .library-v08-copy p{color:#a5b2c5!important}
html[data-theme="dark"] .accent-line{color:#dce3ed!important}
html[data-theme="dark"] .library-proof-dark{
  background:linear-gradient(155deg,#111b30,#0c1628)!important;
  border:1px solid rgba(158,178,221,.16)!important;
  box-shadow:0 18px 46px rgba(0,5,16,.25)!important;
}
html[data-theme="dark"] .library-proof-message span,
html[data-theme="dark"] .library-proof-facts span{color:#8f9db2!important}
html[data-theme="dark"] .library-v08-tools{
  background:rgba(8,17,31,.94)!important;border-bottom-color:rgba(151,171,217,.16)!important;
}
html[data-theme="dark"] .library-v08-tools .filter,
html[data-theme="dark"] .library-mode-row .mode-filter{
  background:#0f1a2d!important;color:#b5c0d0!important;border-color:rgba(154,174,219,.20)!important;
}
html[data-theme="dark"] .library-v08-tools .filter.active,
html[data-theme="dark"] .library-v08-tools .filter:hover,
html[data-theme="dark"] .library-mode-row .mode-filter.active{
  background:#765cf2!important;color:#fff!important;border-color:#765cf2!important;
}
/* Search gets its own deliberate row above the software filters, matching the approved library concept. */
html[data-theme="dark"] .library-v08-tools{flex-wrap:wrap!important;gap:10px!important;padding-top:14px!important;padding-bottom:15px!important}
html[data-theme="dark"] .library-v08-tools .knowledge-search-box{
  order:-1;flex:0 0 100%;width:100%;max-width:none;min-width:0;margin:0 0 4px;
  grid-template-columns:minmax(0,1fr) 78px;
  background:#0f1a2d!important;border:1px solid rgba(154,174,219,.22)!important;
  border-radius:14px!important;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-theme="dark"] .library-v08-tools .knowledge-search-box .search,
html[data-theme="dark"] .library-v08-tools .knowledge-search-box input{
  display:block!important;height:46px!important;padding:0 16px!important;background:transparent!important;color:#e9eef6!important;
  border:0!important;box-shadow:none!important;font-size:13px!important;
}
html[data-theme="dark"] .library-v08-tools .knowledge-search-submit{
  width:78px!important;height:46px!important;background:linear-gradient(135deg,#6750eb,#8b63ff)!important;color:#fff!important;
  border:0!important;border-left:1px solid rgba(255,255,255,.10)!important;border-radius:0!important;
  font-size:0!important;font-weight:800!important;
}
html[data-theme="dark"] .library-v08-tools .knowledge-search-submit svg{display:none!important}
html[data-theme="dark"] .library-v08-tools .knowledge-search-submit::after{content:"搜索";font-size:13px;letter-spacing:.04em}
html[data-theme="dark"] .library-v08-tools .knowledge-search-submit:hover{
  background:linear-gradient(135deg,#725af5,#956dff)!important;color:#fff!important;
}
html[data-theme="dark"] .library-mode-row{background:#0d1728!important;border-color:rgba(151,171,217,.18)!important;color:#aab6c8!important}
@media(max-width:620px){
  html[data-theme="dark"] .library-v08-tools .knowledge-search-box{grid-template-columns:minmax(0,1fr) 66px}
  html[data-theme="dark"] .library-v08-tools .knowledge-search-submit{width:66px!important}
}
html[data-theme="dark"] .library-v08-count{color:#9ca9bc!important}
html[data-theme="dark"] .library-v08 .course-card{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme="dark"] .library-v08 .course-card .course-title{color:#eef2f8!important}
html[data-theme="dark"] .library-v08 .course-card .course-desc,
html[data-theme="dark"] .library-v08 .course-card .course-foot{color:#8998ae!important}
html[data-theme="dark"] .library-v08 .course-card .course-meta{color:#9c84ff!important}
html[data-theme="dark"] .library-v08 .course-card .pill{background:#1e1b42!important;color:#c7baff!important}
html[data-theme="dark"] .library-v08 .course-card:hover .thumb{box-shadow:0 18px 42px rgba(0,5,16,.36)!important}

/* ========================================================================== */
/* COURSE DETAIL — preserve original two-column layout and readable flow.     */
/* ========================================================================== */
html[data-theme="dark"] .detail-page{background:transparent!important}
html[data-theme="dark"] .detail-hero{
  background:
    radial-gradient(620px 330px at 78% 18%,rgba(111,80,255,.13),transparent 70%),
    linear-gradient(180deg,#0d182b,#08111f)!important;
  border-bottom-color:rgba(151,171,217,.16)!important;
}
html[data-theme="dark"] .detail-summary h1,
html[data-theme="dark"] .detail-copy h2,
html[data-theme="dark"] .detail-aside h3{color:#f3f6fb!important}
html[data-theme="dark"] .detail-summary .summary-lead,
html[data-theme="dark"] .detail-aside p,
html[data-theme="dark"] .detail-action small{color:#98a6ba!important}
html[data-theme="dark"] .detail-meta span{background:#0f1a2d!important;color:#b8c3d3!important;border-color:rgba(154,174,219,.18)!important}
html[data-theme="dark"] .detail-action{border-top-color:rgba(151,171,217,.17)!important}
html[data-theme="dark"] .detail-copy{color:#c6cfdd!important}
html[data-theme="dark"] .detail-copy p,
html[data-theme="dark"] .detail-copy li{color:#a5b2c4!important}
html[data-theme="dark"] .detail-copy ul{color:#a5b2c4!important}
html[data-theme="dark"] .lesson-list{border-top-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .lesson{border-bottom-color:rgba(151,171,217,.14)!important;color:#c9d2df!important}
html[data-theme="dark"] .detail-aside{border-left-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .course-resource-panel,
html[data-theme="dark"] .legacy-course-note,
html[data-theme="dark"] .local-download-item{
  background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;color:#cdd6e2!important;
}
html[data-theme="dark"] .course-resource-panel{border-top-color:rgba(151,171,217,.18)!important}

/* ========================================================================== */
/* LEARNING PATHS — preserve the original open two-route composition.         */
/* ========================================================================== */
html[data-theme="dark"] .route-minimal-page,
html[data-theme="dark"] .route-minimal-main{background:transparent!important}
html[data-theme="dark"] .route-minimal-heading h1,
html[data-theme="dark"] .route-emblem-copy h2{color:#f2f5fa!important}
html[data-theme="dark"] .route-minimal-heading p,
html[data-theme="dark"] .route-emblem-copy p,
html[data-theme="dark"] .route-emblem-copy [data-route-meta]{color:#95a3b7!important}
html[data-theme="dark"] .route-product{color:#9c87ff!important}
html[data-theme="dark"] .route-choice-divider{background:linear-gradient(180deg,transparent,rgba(151,171,217,.18) 18%,rgba(151,171,217,.18) 82%,transparent)!important}
html[data-theme="dark"] .route-emblem:hover{background:rgba(126,99,255,.06)!important;box-shadow:none!important}
html[data-theme="dark"] .route-custom-icon{filter:drop-shadow(0 18px 30px rgba(0,5,16,.32))!important}

/* Route detail — recolor the stage map; no new shells or spacing. */
html[data-theme="dark"] .route-detail-page,
html[data-theme="dark"] .route48-main{background:transparent!important}
html[data-theme="dark"] .route48-hero{background:linear-gradient(180deg,#0d182b,#08111f)!important;border-bottom-color:rgba(151,171,217,.15)!important}
html[data-theme="dark"] .route48-hero h1,
html[data-theme="dark"] .route48-stage-head h2,
html[data-theme="dark"] .route51-course-title{color:#f3f6fb!important}
html[data-theme="dark"] .route48-hero p,
html[data-theme="dark"] .route48-stage-copy p,
html[data-theme="dark"] .route51-course-status{color:#93a1b6!important}
html[data-theme="dark"] .route48-outline-btn,
html[data-theme="dark"] .route48-stage-btn{background:#0e192b!important;color:#c0cad8!important;border-color:rgba(154,174,219,.18)!important}
html[data-theme="dark"] .route48-stage-btn.is-active{background:#171b3c!important;border-color:rgba(139,114,255,.45)!important}
html[data-theme="dark"] .route48-stage-head,
html[data-theme="dark"] .route51-flow,
html[data-theme="dark"] .route48-course-zone{border-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .route51-course,
html[data-theme="dark"] .route48-course{color:#d6deea!important}
html[data-theme="dark"] .route51-course:hover,
html[data-theme="dark"] .route48-course:hover{background:rgba(126,99,255,.05)!important}
html[data-theme="dark"] .route50-section,
html[data-theme="dark"] .route50-secondary,
html[data-theme="dark"] .route50-goal,
html[data-theme="dark"] .route50-focus-item{
  color:#cbd4e1!important;border-color:rgba(151,171,217,.18)!important;
}
html[data-theme="dark"] .route50-prose,
html[data-theme="dark"] .route50-secondary li,
html[data-theme="dark"] .route50-goal p{color:#a3b0c2!important}
html[data-theme="dark"] .route50-secondary,
html[data-theme="dark"] .route50-goal{background:#0f1a2d!important}
html[data-theme="dark"] .route48-backdrop{background:rgba(2,6,14,.68)!important}
html[data-theme="dark"] .route48-drawer{background:#0c1628!important;color:#d9e1ec!important;border-left-color:rgba(151,171,217,.17)!important}

/* ========================================================================== */
/* MIGRATION — keep the original split narrative. One stage, one right panel. */
/* ========================================================================== */
html[data-theme="dark"] .migration-v08{background:transparent!important}
html[data-theme="dark"] .migration-v08-hero{background:transparent!important}
html[data-theme="dark"] .migration-v08-stage{
  background:linear-gradient(135deg,#0f1a2e,#10172b)!important;
  border-color:rgba(151,171,217,.18)!important;
  box-shadow:0 22px 60px rgba(0,5,16,.22)!important;
}
html[data-theme="dark"] .migration-v08-main{background:transparent!important;color:#dfe6ef!important}
html[data-theme="dark"] .migration-v08-main h1,
html[data-theme="dark"] .migration-v08-main h2{color:#f4f6fb!important}
html[data-theme="dark"] .migration-v08-main p,
html[data-theme="dark"] .migration-v08-note{color:#9daabd!important}
html[data-theme="dark"] .migration-v08-statement{color:#dbe3ee!important}
html[data-theme="dark"] .migration-v08-statement em{color:#9a82ff!important}
html[data-theme="dark"] .migration-v08-gains{
  background:linear-gradient(155deg,#151b38,#101a2e)!important;color:#fff!important;
}
html[data-theme="dark"] .migration-v08-gain{border-bottom-color:rgba(151,171,217,.16)!important}
html[data-theme="dark"] .migration-v08-rules,
html[data-theme="dark"] .migration-v08-calc,
html[data-theme="dark"] .migration-v08-after{background:transparent!important}
html[data-theme="dark"] .migration-v08-heading h2,
html[data-theme="dark"] .migration-v08-calc-head h2{color:#f3f6fb!important}
html[data-theme="dark"] .migration-v08-heading p,
html[data-theme="dark"] .migration-v08-calc-head p{color:#94a2b6!important}
html[data-theme="dark"] .migration-v08-rulegrid{border-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .migration-v08-rule{
  background:transparent!important;border-color:rgba(151,171,217,.18)!important;
}
html[data-theme="dark"] .migration-v08-rule span{color:#8f9eb3!important}
html[data-theme="dark"] .migration-v08-rule strong{color:#eef2f8!important}
html[data-theme="dark"] .migration-v08-rule.direct{background:#171b3b!important}
html[data-theme="dark"] .migration-v08-plans,
html[data-theme="dark"] .migration-v08-process,
html[data-theme="dark"] .migration-v08-faq,
html[data-theme="dark"] .migration-deadline-card{
  background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;color:#d9e1ec!important;
}
html[data-theme="dark"] .migration-v08-plans .plan-option,
html[data-theme="dark"] .plan-option{background:#0b1526!important;border-color:rgba(151,171,217,.18)!important;color:#c4cedb!important}
html[data-theme="dark"] .plan-option:has(input:checked){background:#211d48!important;border-color:#8169ee!important;color:#fff!important}
html[data-theme="dark"] .migration-v08-result{
  background:radial-gradient(circle at 100% 0%,rgba(119,83,255,.24),transparent 44%),linear-gradient(155deg,#151b38,#101a2e)!important;
  color:#fff!important;
}
html[data-theme="dark"] .migration-v08-result .result-note{color:#aab6c8!important}
html[data-theme="dark"] .migration-deadline-date{border-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .migration-deadline-date strong{color:#eef2f8!important}
html[data-theme="dark"] .migration-contact-modal,
html[data-theme="dark"] .modal{background:#0f1a2d!important;color:#e8edf5!important;border-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .migration-modal-selection,
html[data-theme="dark"] .migration-modal-warning,
html[data-theme="dark"] .migration-modal-contact{background:#0b1526!important;border-color:rgba(151,171,217,.18)!important;color:#b8c3d3!important}
html[data-theme="dark"] .migration-modal-price strong,
html[data-theme="dark"] .migration-modal-contact strong{color:#f2f5fa!important}

/* ========================================================================== */
/* KNOWLEDGE BASE — tool first. No promotional hero card.                     */
/* ========================================================================== */
html[data-theme="dark"] .knowledge-account-page{background:transparent!important}
html[data-theme="dark"] .knowledge-hero{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme="dark"] .knowledge-hero-head h1{color:#f3f6fb!important}
html[data-theme="dark"] .knowledge-hero-head p{color:#98a6ba!important}
html[data-theme="dark"] .knowledge-searchbar input{background:#0d1728!important;color:#e9eef6!important;border-color:rgba(154,174,219,.20)!important}
html[data-theme="dark"] .knowledge-searchbar button{background:#6d54ea!important;color:#fff!important}
html[data-theme="dark"] .knowledge-search-hint{color:#78879e!important}
html[data-theme="dark"] .knowledge-login-gate{background:#0f1a2d!important;border-color:rgba(151,171,217,.20)!important;color:#e5ebf3!important}
html[data-theme="dark"] .knowledge-login-gate p{color:#98a6ba!important}
html[data-theme="dark"] .knowledge-workspace{border-color:rgba(151,171,217,.18)!important;background:transparent!important}
html[data-theme="dark"] .knowledge-tree-panel{background:#0c1628!important;border-right-color:rgba(151,171,217,.16)!important}
html[data-theme="dark"] .knowledge-tree-root,
html[data-theme="dark"] .knowledge-tree-node{color:#a8b4c6!important}
html[data-theme="dark"] .knowledge-tree-root.active,
html[data-theme="dark"] .knowledge-tree-node.active{background:#201d45!important;color:#fff!important}
html[data-theme="dark"] .knowledge-tree-create-root{background:#111b30!important;border-color:rgba(143,119,255,.27)!important;color:#bbaeff!important}
html[data-theme="dark"] .knowledge-content-panel{background:#091323!important;color:#d7dfeb!important}
html[data-theme="dark"] .knowledge-content-head{border-bottom-color:rgba(151,171,217,.16)!important}
html[data-theme="dark"] .knowledge-content-head h2,
html[data-theme="dark"] .knowledge-content-head h3{color:#f1f4f9!important}
html[data-theme="dark"] .knowledge-content-actions button,
html[data-theme="dark"] .knowledge-batch-toolbar button,
html[data-theme="dark"] .knowledge-queue-row>button{background:#111c30!important;color:#bac5d5!important;border-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .knowledge-folder-strip button,
html[data-theme="dark"] .knowledge-item-card,
html[data-theme="dark"] .knowledge-queue-card,
html[data-theme="dark"] .account-block,
html[data-theme="dark"] .learning-courses-block,
html[data-theme="dark"] .account-utility{
  background:#0f1a2d!important;border-color:rgba(151,171,217,.17)!important;color:#d8e0eb!important;
}
html[data-theme="dark"] .knowledge-item-card p,
html[data-theme="dark"] .knowledge-queue-meta,
html[data-theme="dark"] .knowledge-queue-foot{color:#8f9db2!important}
html[data-theme="dark"] .knowledge-empty-state{border-color:rgba(151,171,217,.20)!important;color:#8594aa!important}
html[data-theme="dark"] .knowledge-empty-state strong{color:#dce4ee!important}
html[data-theme="dark"] .knowledge-modal{background:#0f1a2d!important;color:#e7ecf4!important}
html[data-theme="dark"] .knowledge-modal-head{border-bottom-color:rgba(151,171,217,.17)!important}
html[data-theme="dark"] .knowledge-modal-body input,
html[data-theme="dark"] .knowledge-modal-body select,
html[data-theme="dark"] .knowledge-modal-body textarea{background:#0b1526!important;color:#e8edf5!important;border-color:rgba(151,171,217,.20)!important}
html[data-theme="dark"] .knowledge-modal-warning,
html[data-theme="dark"] .knowledge-modal-context{background:#141a31!important;color:#aeb8c9!important}

/* ========================================================================== */
/* JOIN — preserve original open composition; only the existing right panel   */
/* remains a strong card.                                                     */
/* ========================================================================== */
html[data-theme="dark"] .join-page{background:transparent!important}
html[data-theme="dark"] .join-hero{
  background:
    radial-gradient(600px 360px at 74% 35%,rgba(111,80,255,.12),transparent 70%),
    linear-gradient(180deg,#0d182b,#08111f)!important;
  border-bottom-color:rgba(151,171,217,.15)!important;
}
html[data-theme="dark"] .join-fit-title,
html[data-theme="dark"] .join-section-head h2{color:#f3f6fb!important}
html[data-theme="dark"] .join-fit-title>span,
html[data-theme="dark"] .join-hero h1 em{color:#9b82ff!important}
html[data-theme="dark"] .join-hero p,
html[data-theme="dark"] .join-section-head p{color:#9ca9bc!important}
html[data-theme="dark"] .join-hero-note{color:#7f8da4!important}
html[data-theme="dark"] .join-hero-panel{background:linear-gradient(155deg,#151b38,#101a2d)!important;color:#fff!important}
html[data-theme="dark"] .join-section,
html[data-theme="dark"] .join-benefits-section,
html[data-theme="dark"] .join-use{background:transparent!important}
html[data-theme="dark"] .join-benefit-card,
html[data-theme="dark"] .join-faq,
html[data-theme="dark"] .join-contact-card{background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;color:#dfe6ef!important}
html[data-theme="dark"] .join-benefit-knowledge{background:linear-gradient(145deg,#171b3a,#101a2d)!important;border-color:rgba(139,114,255,.30)!important}
html[data-theme="dark"] .join-benefit-card>p,
html[data-theme="dark"] .join-benefit-value strong,
html[data-theme="dark"] .join-use-grid p,
html[data-theme="dark"] .join-faq p,
html[data-theme="dark"] .join-contact-card p{color:#98a6ba!important}
html[data-theme="dark"] .join-benefit-value,
html[data-theme="dark"] .join-faq details{border-color:rgba(151,171,217,.16)!important}
html[data-theme="dark"] .join-use-grid>div{border-top-color:#7f68f5!important}
html[data-theme="dark"] .join-contact-box{background:#101b2f!important;color:#eef2f8!important}
html[data-theme="dark"] .join-contact-box span,
html[data-theme="dark"] .join-contact-box small{color:#8795aa!important}

/* ========================================================================== */
/* LEARNING WORKSPACE — dense, calm, ergonomic.                               */
/* ========================================================================== */
html[data-theme="dark"] .learning-page{background:transparent!important;color:#e8edf5!important}
html[data-theme="dark"] .learning-coursebar{background:#0c1628!important;border-color:rgba(151,171,217,.16)!important}
html[data-theme="dark"] .coursebar-title-row h1,
html[data-theme="dark"] .lesson-headline h1,
html[data-theme="dark"] .support-heading h2,
html[data-theme="dark"] .sidebar-head h2{color:#f1f4f9!important}
html[data-theme="dark"] .learning-back,
html[data-theme="dark"] .coursebar-stats,
html[data-theme="dark"] .support-intro,
html[data-theme="dark"] .sidebar-head>span{color:#8f9db2!important}
html[data-theme="dark"] .course-progress-track{background:#1c2740!important}
html[data-theme="dark"] .course-progress-track i{background:#8067f5!important}
html[data-theme="dark"] .video-stage{background:#070b12!important;border-color:rgba(151,171,217,.14)!important}
html[data-theme="dark"] .video-topline{color:#aab5c6!important;border-color:rgba(151,171,217,.14)!important}
html[data-theme="dark"] .support-section,
html[data-theme="dark"] .lesson-sidebar,
html[data-theme="dark"] .course-resource-panel,
html[data-theme="dark"] .clip-bookmark-bar{background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .support-heading,
html[data-theme="dark"] .sidebar-head,
html[data-theme="dark"] .learning-sidebar-tabs{border-color:rgba(151,171,217,.16)!important}
html[data-theme="dark"] .support-card{background:#0b1526!important;border-color:rgba(151,171,217,.16)!important;color:#cbd4e1!important}
html[data-theme="dark"] .lesson-list-learning button,
html[data-theme="dark"] .queue-list-learning button{color:#bac5d5!important;border-color:rgba(151,171,217,.14)!important}
html[data-theme="dark"] .lesson-list-learning button:hover,
html[data-theme="dark"] .queue-list-learning button:hover{background:rgba(126,99,255,.06)!important}
html[data-theme="dark"] .lesson-list-learning button.active{background:#1e1b42!important;color:#fff!important}
html[data-theme="dark"] .clip-modal{background:#0f1a2d!important;color:#e8edf5!important;border-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .clip-modal-backdrop{background:rgba(2,6,14,.72)!important}

/* ========================================================================== */
/* WISH POOL + SURVEYS — forms keep their structure, only surfaces change.    */
/* ========================================================================== */
html[data-theme="dark"] .feedback-page,
html[data-theme="dark"] .feedback-main,
html[data-theme="dark"] .wishes-main{background:transparent!important}
html[data-theme="dark"] .feedback-shell,
html[data-theme="dark"] .survey-workspace,
html[data-theme="dark"] .completion-card,
html[data-theme="dark"] .feedback-modal-card,
html[data-theme="dark"] .wish-form-card{background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;color:#e1e7f0!important}
html[data-theme="dark"] .survey-intro{background:linear-gradient(135deg,#0f1a2e,#11162d)!important;border-color:rgba(151,171,217,.18)!important;color:#e5eaf2!important}
html[data-theme="dark"] .survey-heading h1,
html[data-theme="dark"] .survey-heading h2,
html[data-theme="dark"] .wish-board-heading h2{color:#f2f5fa!important}
html[data-theme="dark"] .survey-heading p,
html[data-theme="dark"] .wish-board-heading p{color:#98a6ba!important}
html[data-theme="dark"] .choice-grid label,
html[data-theme="dark"] .rank-grid label,
html[data-theme="dark"] .reason-grid label,
html[data-theme="dark"] .need-reason-grid label{background:#0b1526!important;border-color:rgba(151,171,217,.18)!important;color:#c3cedb!important}
html[data-theme="dark"] .choice-grid label:has(input:checked),
html[data-theme="dark"] .rank-grid label:has(input:checked),
html[data-theme="dark"] .reason-grid label:has(input:checked),
html[data-theme="dark"] .need-reason-grid label:has(input:checked){background:#201d45!important;border-color:#8068ef!important;color:#fff!important}
html[data-theme="dark"] .wishes-hero-grid{background:linear-gradient(135deg,#101c32,#0e172a)!important;border-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .wishes-hero-copy h1{color:#f3f6fb!important}
html[data-theme="dark"] .wishes-hero-copy p{color:#9daabd!important}
html[data-theme="dark"] .wishes-note{background:#111b30!important;color:#dce4ee!important}
html[data-theme="dark"] .wishes-board{background:transparent!important}
html[data-theme="dark"] .wish-card{background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;color:#d8e0eb!important}
html[data-theme="dark"] .feedback-loading{background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;color:#8f9db2!important}

/* ========================================================================== */
/* UPDATES — keep the existing editorial list / side status composition.      */
/* ========================================================================== */
html[data-theme="dark"] .updates56-page{background:transparent!important}
html[data-theme="dark"] .updates56-page .inner-mast{
  background:linear-gradient(180deg,#0d182b,#08111f)!important;
  border-bottom-color:rgba(151,171,217,.14)!important;
}
html[data-theme="dark"] .inner-mast h1,
html[data-theme="dark"] .updates56-head h2{color:#f3f6fb!important}
html[data-theme="dark"] .inner-mast p{color:#9ca9bc!important}
html[data-theme="dark"] .updates56-list{border-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .updates56-item{border-color:rgba(151,171,217,.16)!important;color:#d9e1ec!important}
html[data-theme="dark"] .updates56-item p,
html[data-theme="dark"] .updates56-item time{color:#8f9db2!important}
html[data-theme="dark"] .updates56-making{background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;color:#e0e6ef!important}
html[data-theme="dark"] .updates56-making-item{border-top-color:rgba(151,171,217,.15)!important}

/* ========================================================================== */
/* AUTH — same card and fields, dark surfaces only.                           */
/* ========================================================================== */
html[data-theme="dark"] .auth-page{background:transparent!important}
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .auth-core-card,
html[data-theme="dark"] .auth-account-hub,
html[data-theme="dark"] .auth-entitlement-card,
html[data-theme="dark"] .auth-redeem-card{background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;color:#e6ebf3!important}
html[data-theme="dark"] .auth-core-card h1,
html[data-theme="dark"] .auth-core-card h2{color:#f2f5fa!important}
html[data-theme="dark"] .auth-core-tabs{background:#0b1526!important;border-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .auth-core-tab{color:#99a7ba!important}
html[data-theme="dark"] .auth-core-tab.is-active{background:#6d54ea!important;color:#fff!important}
html[data-theme="dark"] .auth-input-shell input{background:#0b1526!important;color:#e9eef6!important;border-color:rgba(151,171,217,.20)!important}
html[data-theme="dark"] .auth-code-btn{background:#111c30!important;color:#c3cedb!important;border-color:rgba(151,171,217,.18)!important}
html[data-theme="dark"] .auth-legal-consent{background:#0b1526!important;border-color:rgba(151,171,217,.16)!important;color:#98a6ba!important}

/* ========================================================================== */
/* LETTER / LEGAL — reading pages stay calm and text-first.                   */
/* ========================================================================== */
html[data-theme="dark"] .letter-page,
html[data-theme="dark"] .letter-shell,
html[data-theme="dark"] .legal-page{background:transparent!important}
html[data-theme="dark"] .letter-hero{background:linear-gradient(180deg,#0d182b,#08111f)!important;border-bottom-color:rgba(151,171,217,.14)!important}
html[data-theme="dark"] .letter-hero h1,
html[data-theme="dark"] .letter-article h2,
html[data-theme="dark"] .legal-shell h1,
html[data-theme="dark"] .legal-shell h2,
html[data-theme="dark"] .legal-shell h3{color:#f2f5fa!important}
html[data-theme="dark"] .letter-deck,
html[data-theme="dark"] .letter-meta,
html[data-theme="dark"] .letter-article p,
html[data-theme="dark"] .legal-shell p,
html[data-theme="dark"] .legal-shell li{color:#a1aec0!important}
html[data-theme="dark"] .letter-article,
html[data-theme="dark"] .legal-shell{background:#0d1728!important;border-color:rgba(151,171,217,.17)!important;color:#d6deea!important;box-shadow:none!important}
html[data-theme="dark"] .letter-emphasis,
html[data-theme="dark"] .letter-article blockquote,
html[data-theme="dark"] .legal-callout,
html[data-theme="dark"] .legal-contact{background:#111c30!important;border-color:rgba(151,171,217,.18)!important;color:#c9d2df!important}

/* Tiny redirect / maintenance pages: no marketing redesign. */
html[data-theme="dark"] body.inner-page>main.container[style*="padding:72px 0"]{color:#d7dfeb!important}
html[data-theme="dark"] body.inner-page>main.container[style*="padding:72px 0"] h1{color:#f3f6fb!important}

/* Modals / toasts shared by several flows. */
html[data-theme="dark"] .modal-backdrop,
html[data-theme="dark"] .feedback-modal-backdrop{background:rgba(2,6,14,.72)!important}
html[data-theme="dark"] .toast,
html[data-theme="dark"] .knowledge-toast,
html[data-theme="dark"] .learning-toast{background:#161d2d!important;color:#fff!important}

/* Mobile keeps the same readable control, with safe-area spacing. */
@media(max-width:720px){
  .theme-toggle-float{
    left:12px;
    bottom:max(12px,env(safe-area-inset-bottom));
    min-width:98px;
    height:38px;
    padding:0 12px 0 10px;
    gap:7px;
  }
  html.julylearn-local-preview .theme-toggle-float{bottom:58px}
}

@media print{
  .theme-toggle-float{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .theme-toggle-float{transition:none!important}
}

/* ========================================================================== */
/* RC17 — dark-mode edge cleanup                                              */
/* Remove bright perimeter highlights that alias on rotated/rounded elements. */
/* ========================================================================== */
html[data-theme="dark"] .editorial-stack .cover{
  border:0!important;
  outline:0!important;
  box-shadow:0 24px 60px rgba(0,5,16,.34)!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  isolation:isolate;
}

/* Home course cards keep the intentional light editorial body, but the light
   1px perimeter should not sit against the night background. */
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card{
  border:0!important;
  outline:0!important;
  box-shadow:0 14px 34px rgba(0,5,16,.24)!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .home-course-cover{
  border-radius:18px 18px 0 0!important;
  overflow:hidden!important;
  background:#0b1526!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  isolation:isolate;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .home-course-cover img{
  inset:-1px!important;
  width:calc(100% + 2px)!important;
  height:calc(100% + 2px)!important;
  max-width:none!important;
  border:0!important;
  outline:0!important;
}

/* Course-library cover frames: avoid pale fallback pixels showing through the
   antialiased rounded edge on a dark page. */
html[data-theme="dark"] .library-v08 .course-card .thumb.live-cover,
html[data-theme="dark"] .library-v08 .course-card .course-cover-image{
  background:#0d1728!important;
  border:0!important;
  outline:0!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  isolation:isolate;
}
html[data-theme="dark"] .library-v08 .course-card .thumb.live-cover > img,
html[data-theme="dark"] .library-v08 .course-card .course-cover-image > img{
  inset:-1px!important;
  width:calc(100% + 2px)!important;
  height:calc(100% + 2px)!important;
  max-width:none!important;
  border:0!important;
  outline:0!important;
}

/* ========================================================================== */
/* RC18 — light + dark edge cleanup                                           */
/* Apply the same antialias-safe treatment in the light theme as RC17 used   */
/* in dark mode. No layout or content changes.                                */
/* ========================================================================== */
.editorial-stack .cover{
  border:0!important;
  outline:0!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  isolation:isolate;
}

/* Home course cards: remove the 1px perimeter stroke in both themes. The
   subtle shadow still separates the card in light mode, while avoiding a
   bright stair-step edge around rounded corners. */
body:not(.inner-page) [data-home-course-categories] .course-card{
  border:0!important;
  outline:0!important;
}
body:not(.inner-page) [data-home-course-categories] .home-course-cover{
  overflow:hidden!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  isolation:isolate;
}
body:not(.inner-page) [data-home-course-categories] .home-course-cover img{
  inset:-1px!important;
  width:calc(100% + 2px)!important;
  height:calc(100% + 2px)!important;
  max-width:none!important;
  border:0!important;
  outline:0!important;
}

/* Course-library cover frames: overscan the real image by one pixel in both
   themes so the fallback/background cannot peek through the antialiased
   rounded edge. */
.library-v08 .course-card .thumb.live-cover,
.library-v08 .course-card .course-cover-image{
  border:0!important;
  outline:0!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  isolation:isolate;
}
.library-v08 .course-card .thumb.live-cover > img,
.library-v08 .course-card .course-cover-image > img{
  inset:-1px!important;
  width:calc(100% + 2px)!important;
  height:calc(100% + 2px)!important;
  max-width:none!important;
  border:0!important;
  outline:0!important;
}

/* ========================================================================== */
/* RC19 — GLOBAL EDGE CLEANUP                                                  */
/* Shared rendering fix for every page: rounded media is clipped by one       */
/* parent, real images overscan the clip by 1px, and bright transformed        */
/* perimeter strokes are removed. This is visual-only: no layout/data changes.*/
/* ========================================================================== */

/* Any rounded surface should paint inside its border instead of bleeding
   beneath the antialiased edge. This keeps both light and dark themes clean. */
.course-card,
.hero-panel,
.feature-card,
.timeline,
.making,
.account-card,
.sidebar-card,
.plan-box,
.result-card,
.join-card,
.join-hero-panel,
.join-benefit-card,
.lesson-list,
.lesson-sidebar,
.auth-card,
.auth-core-card,
.auth-account-hub,
.auth-entitlement-card,
.auth-redeem-card,
.legal-shell,
.letter-article,
.feedback-shell,
.survey-workspace,
.completion-card,
.feedback-modal-card,
.wish-form-card,
.wish-card,
.knowledge-login-gate,
.knowledge-workspace,
.knowledge-item-card,
.knowledge-queue-card,
.learning-course-card,
.updates56-making,
.migration-hero .box,
.rule-table{
  background-clip:padding-box!important;
  -webkit-background-clip:padding-box!important;
}

/* All hero cards/rotated decorative covers use the surface itself as the edge.
   A bright 1px perimeter on a transformed element is what produced the visible
   stair-step highlight in both themes. */
.hero-v .cover,
.editorial-stack .cover{
  border:0!important;
  outline:0!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  isolation:isolate;
}

/* Decorative rotated outlines are non-essential; removing their bright stroke
   prevents the same aliasing pattern from reappearing on other pages. */
.hero-panel:after,
.thumb:before,
.thumb:after,
.detail-cover:before,
.detail-visual:after{
  border:0!important;
}
.hero-panel:before,
.hero-panel:after,
.thumb:before,
.thumb:after,
.detail-cover:before,
.detail-visual:before,
.detail-visual:after{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

/* Shared rounded media frames. One parent owns the radius and clips the media;
   the child never has a competing radius/border of its own. */
.home-course-cover,
.library-v08 .course-card .thumb.live-cover,
.course-card .thumb.live-cover,
.library-v08 .course-card .course-cover-image,
.course-card .course-cover-image,
.live-detail-cover,
.learning-course-cover,
.knowledge-queue-cover,
.route48-cover,
.route48-drawer-cover,
.route51-cover,
.video-player-shell,
.video-placeholder{
  overflow:hidden!important;
  outline:0!important;
  isolation:isolate;
  background-clip:padding-box!important;
  -webkit-background-clip:padding-box!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

/* The course-detail, account/knowledge and route images previously sat exactly
   on the clipping boundary. Overscan by 1px so no parent/fallback pixel can
   appear through the browser's rounded-edge antialiasing. */
.live-detail-cover>img,
.learning-course-cover>img,
.knowledge-queue-cover>img,
.route48-cover>img,
.route48-drawer-cover>img,
.route51-cover>img{
  display:block!important;
  width:calc(100% + 2px)!important;
  height:calc(100% + 2px)!important;
  max-width:none!important;
  max-height:none!important;
  margin:-1px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  image-rendering:auto!important;
}

/* Keep non-clipped illustration assets on the browser's normal interpolation
   path and avoid transformed-image back-face artifacts. */
.route-custom-icon{
  image-rendering:auto!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

/* Active route selection should not use an exterior outline around a rounded
   image (another common stair-step source). Use an inset ring instead. */
.route48-course.is-active .route48-cover,
.route51-course.is-active .route51-cover{
  outline:0!important;
  box-shadow:inset 0 0 0 2px var(--route48-accent)!important;
}

/* Video/player clipping follows the same rule; do not let the video surface
   carry its own rounded edge. */
.video-player-shell>video,
.video-player-shell .vjs-tech,
.video-player-shell .tcp-video-player video,
.video-player-shell .tcp-video video{
  border:0!important;
  outline:0!important;
  border-radius:0!important;
}


/* ========================================================================== */
/* V13.03 RC21 · Learning + Route Detail dark polish                          */
/* Scope: dark theme only; preserve light-theme geometry and business logic.   */
/* ========================================================================== */

/* LEARNING — one continuous workspace instead of alternating white/dark slabs. */
html[data-theme="dark"] .learning-page .learning-main{
  background:transparent!important;
}
html[data-theme="dark"] .learning-page .learning-coursebar{
  background:linear-gradient(180deg,#0d182a 0%,#0a1424 100%)!important;
  border-bottom:1px solid rgba(151,171,217,.14)!important;
}
html[data-theme="dark"] .learning-page .coursebar-stats span{
  background:#141f34!important;
  color:#9eabc0!important;
  border:1px solid rgba(151,171,217,.13)!important;
}
html[data-theme="dark"] .learning-page .coursebar-stats b,
html[data-theme="dark"] .learning-page .course-progress-head strong{
  color:#eef2f8!important;
}
html[data-theme="dark"] .learning-page .course-progress-head{
  color:#8392a8!important;
}
html[data-theme="dark"] .learning-page .course-progress-track{
  background:#18253b!important;
}
html[data-theme="dark"] .learning-page .course-progress-track i{
  background:linear-gradient(90deg,#7159ef,#9678ff)!important;
}
html[data-theme="dark"] .learning-page .video-stage{
  background:#091321!important;
  border:1px solid rgba(151,171,217,.14)!important;
  box-shadow:0 22px 58px rgba(0,5,16,.20)!important;
}
html[data-theme="dark"] .learning-page .video-player-shell{
  background:#050912!important;
  box-shadow:inset 0 0 0 1px rgba(164,181,220,.08)!important;
}
html[data-theme="dark"] .learning-page .player-message{
  background:
    radial-gradient(circle at 64% 40%,rgba(104,78,220,.22) 0,rgba(30,26,52,.72) 30%,rgba(5,9,18,.98) 72%)!important;
}
html[data-theme="dark"] .learning-page .player-message p{
  color:#a4afc1!important;
}
html[data-theme="dark"] .learning-page .lesson-headline h2,
html[data-theme="dark"] .learning-page .course-resource-panel h3,
html[data-theme="dark"] .learning-page .clip-bookmark-copy strong{
  color:#f0f4fa!important;
}
html[data-theme="dark"] .learning-page .clip-bookmark-bar,
html[data-theme="dark"] .learning-page .support-section,
html[data-theme="dark"] .learning-page .lesson-sidebar,
html[data-theme="dark"] .learning-page .course-resource-panel{
  background:#0d182a!important;
  border-color:rgba(151,171,217,.16)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .learning-page .clip-bookmark-copy small,
html[data-theme="dark"] .learning-page .course-resource-panel p,
html[data-theme="dark"] .learning-page .sidebar-note{
  color:#8c9ab0!important;
}
html[data-theme="dark"] .learning-page .clip-bookmark-actions button,
html[data-theme="dark"] .learning-page .resource-actions button,
html[data-theme="dark"] .learning-page .resource-actions .btn{
  background:#111e33!important;
  color:#c4cede!important;
  border:1px solid rgba(151,171,217,.18)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .learning-page .clip-bookmark-actions button:hover,
html[data-theme="dark"] .learning-page .resource-actions button:hover,
html[data-theme="dark"] .learning-page .resource-actions .btn:hover{
  background:#172640!important;
  color:#fff!important;
  border-color:rgba(143,116,255,.38)!important;
}
html[data-theme="dark"] .learning-page .clip-bookmark-actions .clip-save{
  background:linear-gradient(135deg,#6750eb,#8264fa)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html[data-theme="dark"] .learning-page .clip-bookmark-actions button:disabled{
  background:#101a2c!important;
  color:#66758b!important;
  border-color:rgba(151,171,217,.10)!important;
  opacity:1!important;
}
html[data-theme="dark"] .learning-page .support-heading,
html[data-theme="dark"] .learning-page .support-intro{
  border-color:rgba(151,171,217,.14)!important;
}
html[data-theme="dark"] .learning-page .support-status{
  background:#211d48!important;
  color:#b7a9ff!important;
}
html[data-theme="dark"] .learning-page .support-intro p{
  color:#cbd4e1!important;
}
html[data-theme="dark"] .learning-page .support-card{
  background:transparent!important;
  color:#c4cedb!important;
  border-color:rgba(151,171,217,.14)!important;
}
html[data-theme="dark"] .learning-page .support-card li{
  color:#a3b0c2!important;
}
html[data-theme="dark"] .learning-page .support-card .empty{
  color:#74839a!important;
}
html[data-theme="dark"] .learning-page .support-no{
  background:#201d43!important;
  color:#c6bbff!important;
}
html[data-theme="dark"] .learning-page .learning-sidebar-tabs{
  background:#091321!important;
  border:1px solid rgba(151,171,217,.12)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .learning-page .learning-sidebar-tabs button{
  background:transparent!important;
  color:#8796ac!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .learning-page .learning-sidebar-tabs button:hover{
  background:#111e33!important;
  color:#dbe3ef!important;
}
html[data-theme="dark"] .learning-page .learning-sidebar-tabs button.active{
  background:#182440!important;
  color:#f5f7fb!important;
  box-shadow:inset 0 0 0 1px rgba(143,116,255,.24)!important;
}
html[data-theme="dark"] .learning-page .learning-sidebar-tabs span{
  background:#202c43!important;
  color:#9eacc0!important;
}
html[data-theme="dark"] .learning-page .lesson-list-learning{
  border-color:rgba(151,171,217,.13)!important;
  background:#0b1526!important;
}
html[data-theme="dark"] .learning-page .lesson-list-learning button,
html[data-theme="dark"] .learning-page .queue-list-learning button,
html[data-theme="dark"] .learning-page .queue-row{
  background:#0b1526!important;
  color:#b8c4d5!important;
  border-color:rgba(151,171,217,.11)!important;
}
html[data-theme="dark"] .learning-page .lesson-list-learning button:hover,
html[data-theme="dark"] .learning-page .queue-list-learning button:hover,
html[data-theme="dark"] .learning-page .queue-row:hover{
  background:#101e33!important;
}
html[data-theme="dark"] .learning-page .lesson-list-learning button.active{
  background:linear-gradient(90deg,rgba(110,84,239,.28),rgba(110,84,239,.10))!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #8067f5!important;
}
html[data-theme="dark"] .learning-page .lesson-index,
html[data-theme="dark"] .learning-page .lesson-duration,
html[data-theme="dark"] .learning-page .queue-index,
html[data-theme="dark"] .learning-page .queue-copy small{
  color:#75849a!important;
}
html[data-theme="dark"] .learning-page .lesson-list-learning button.active .lesson-index,
html[data-theme="dark"] .learning-page .lesson-list-learning button.active .lesson-duration{
  color:#b7a9ff!important;
}
html[data-theme="dark"] .learning-page .sidebar-note{
  background:#091321!important;
  border-top:0!important;
}
html[data-theme="dark"] .learning-page .queue-empty{
  color:#8190a6!important;
}
html[data-theme="dark"] .learning-page .queue-empty strong{
  color:#dce4ee!important;
}
html[data-theme="dark"] .learning-page .lesson-search{
  background:#091321!important;
  border-color:rgba(151,171,217,.15)!important;
}
html[data-theme="dark"] .learning-page .lesson-search>span{
  color:#8a99ae!important;
}
html[data-theme="dark"] .learning-page .lesson-search input{
  background:transparent!important;
  color:#e4eaf2!important;
}
html[data-theme="dark"] .learning-page .lesson-search-control button{
  background:#6650e8!important;
  color:#fff!important;
}
html[data-theme="dark"] .learning-page .lesson-search-state{
  background:#171a38!important;
  border-color:rgba(139,114,255,.24)!important;
}
html[data-theme="dark"] .learning-page .lesson-search-state b{
  color:#ddd6ff!important;
}
html[data-theme="dark"] .learning-page .lesson-search-state span,
html[data-theme="dark"] .learning-page .course-deep-search-snippet,
html[data-theme="dark"] .learning-page .course-deep-search-side{
  color:#8e9db2!important;
}
html[data-theme="dark"] .learning-page .course-deep-search-match,
html[data-theme="dark"] .learning-page .course-deep-search-side b{
  color:#a996ff!important;
}
html[data-theme="dark"] .learning-page .course-deep-search-reasons span,
html[data-theme="dark"] .learning-page .course-deep-search-terms i{
  background:#171f35!important;
  color:#b3a6f7!important;
}
html[data-theme="dark"] .learning-page .course-deep-search-loading,
html[data-theme="dark"] .learning-page .course-deep-search-empty{
  color:#7f8da2!important;
}
html[data-theme="dark"] .learning-page .course-deep-search-loading b,
html[data-theme="dark"] .learning-page .course-deep-search-empty b{
  color:#dce4ee!important;
}
html[data-theme="dark"] .learning-page .clip-modal-range{
  background:#0a1425!important;
}
html[data-theme="dark"] .learning-page .clip-modal-range span,
html[data-theme="dark"] .learning-page .clip-modal label{
  color:#93a1b6!important;
}
html[data-theme="dark"] .learning-page .clip-modal-actions button{
  background:#111e33!important;
  color:#c5cede!important;
  border-color:rgba(151,171,217,.18)!important;
}
html[data-theme="dark"] .learning-page .clip-modal-actions .primary{
  background:#6d54ea!important;
  color:#fff!important;
  border-color:transparent!important;
}
html[data-theme="dark"] .learning-page .learning-rest-card{
  background:#0f1a2d!important;
  color:#eef2f8!important;
  border-color:rgba(151,171,217,.18)!important;
}
html[data-theme="dark"] .learning-page .learning-rest-card p{
  color:#9ca9bc!important;
}

/* ROUTE DETAIL — keep the route-list page untouched; only the selected route. */
html[data-theme="dark"] .route-detail-page .route48-hero{
  background:
    radial-gradient(640px 360px at 78% 18%,rgba(111,83,235,.12),transparent 68%),
    linear-gradient(180deg,#0d182a 0%,#091321 100%)!important;
}
html[data-theme="dark"] .route-detail-page .route48-topline,
html[data-theme="dark"] .route-detail-page .route48-topline a{
  color:#8392a8!important;
}
html[data-theme="dark"] .route-detail-page .route48-meta span{
  background:#111e33!important;
  color:#a8b4c6!important;
  border-color:rgba(151,171,217,.16)!important;
}
html[data-theme="dark"] .route-detail-page .route48-outline-btn,
html[data-theme="dark"] .route-detail-page .route48-stage-info{
  background:#101c30!important;
  color:#c5cfde!important;
  border:1px solid rgba(151,171,217,.18)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .route-detail-page .route48-outline-btn:hover,
html[data-theme="dark"] .route-detail-page .route48-stage-info:hover{
  background:#172640!important;
  color:#fff!important;
  border-color:rgba(143,116,255,.38)!important;
}
html[data-theme="dark"] .route-detail-page .route48-stage-btn{
  background:transparent!important;
  border:0!important;
  color:#8d9bb0!important;
}
html[data-theme="dark"] .route-detail-page .route48-stage-icon{
  background:#111e33!important;
  border:1px solid rgba(151,171,217,.16)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .route-detail-page .route48-stage-glyph{
  color:#8190a7!important;
}
html[data-theme="dark"] .route-detail-page .route48-stage-btn b{
  color:#aab6c8!important;
}
html[data-theme="dark"] .route-detail-page .route48-stage-btn small{
  color:#708097!important;
}
html[data-theme="dark"] .route-detail-page .route48-stage-btn.is-active .route48-stage-icon{
  background:linear-gradient(145deg,var(--route48-accent),#8b6cff)!important;
  border-color:transparent!important;
  box-shadow:0 12px 30px rgba(89,62,206,.24)!important;
}
html[data-theme="dark"] .route-detail-page .route48-stage-btn.is-active .route48-stage-glyph,
html[data-theme="dark"] .route-detail-page .route48-stage-btn.is-active b{
  color:#fff!important;
}
html[data-theme="dark"] .route-detail-page .route48-stage-btn.is-active small{
  color:#b8c3d3!important;
}
html[data-theme="dark"] .route-detail-page .route48-stage-number{
  color:#35425a!important;
}
html[data-theme="dark"] .route-detail-page .route48-stage-copy h2,
html[data-theme="dark"] .route-detail-page .route48-course-zone-head h3,
html[data-theme="dark"] .route-detail-page .route51-flow-head h3{
  color:#f1f4f9!important;
}
html[data-theme="dark"] .route-detail-page .route48-stage-copy p,
html[data-theme="dark"] .route-detail-page .route48-course-zone-head p,
html[data-theme="dark"] .route-detail-page .route51-flow-head p,
html[data-theme="dark"] .route-detail-page .route51-flow-head>span,
html[data-theme="dark"] .route-detail-page .route48-course-count{
  color:#8291a7!important;
}
html[data-theme="dark"] .route-detail-page .route51-flow{
  border-top-color:rgba(151,171,217,.15)!important;
}
html[data-theme="dark"] .route-detail-page .route51-segments{
  max-width:1100px!important;
  display:grid!important;
  gap:18px!important;
}
html[data-theme="dark"] .route-detail-page .route51-segment{
  padding:22px 24px 24px!important;
  border:1px solid rgba(151,171,217,.14)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(15,27,47,.94),rgba(10,20,35,.88))!important;
  box-shadow:0 18px 46px rgba(0,5,16,.12)!important;
}
html[data-theme="dark"] .route-detail-page .route51-segment:not(:last-child):after{
  display:none!important;
}
html[data-theme="dark"] .route-detail-page .route51-main-row{
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:20px!important;
  width:100%!important;
}
html[data-theme="dark"] .route-detail-page .route51-index{
  background:linear-gradient(145deg,var(--route48-accent),#8b6cff)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(88,62,203,.18)!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-main{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(260px,320px) minmax(0,1fr)!important;
  grid-template-rows:auto auto 1fr!important;
  column-gap:22px!important;
  align-items:start!important;
  padding:0!important;
  background:transparent!important;
  color:#d8e0eb!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-main .route51-cover{
  grid-column:1!important;
  grid-row:1/4!important;
  width:100%!important;
  border-radius:14px!important;
  background:#08111f!important;
  box-shadow:inset 0 0 0 1px rgba(151,171,217,.10)!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-main .route51-course-meta,
html[data-theme="dark"] .route-detail-page .route51-course.is-main .route51-course-title,
html[data-theme="dark"] .route-detail-page .route51-course.is-main .route51-course-status{
  grid-column:2!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-main .route51-course-meta{
  margin-top:8px!important;
  color:#9b87ff!important;
  font-size:10px!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-main .route51-course-title{
  margin-top:8px!important;
  color:#f0f4f9!important;
  font-size:18px!important;
  line-height:1.42!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-main .route51-course-status{
  margin-top:9px!important;
  color:#8998ae!important;
  font-size:11px!important;
}
html[data-theme="dark"] .route-detail-page .route51-support{
  margin:20px 0 0 78px!important;
  padding:18px 18px 20px!important;
  border:1px solid rgba(151,171,217,.12)!important;
  border-left:1px solid rgba(151,171,217,.12)!important;
  border-radius:14px!important;
  background:#091422!important;
}
html[data-theme="dark"] .route-detail-page .route51-support-label{
  color:#9b87ff!important;
  margin-bottom:16px!important;
}
html[data-theme="dark"] .route-detail-page .route51-support-label b{
  color:#b8adff!important;
}
html[data-theme="dark"] .route-detail-page .route51-support-label small{
  color:#7e8da3!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-support{
  box-sizing:border-box!important;
  padding:10px!important;
  border:1px solid rgba(151,171,217,.12)!important;
  border-radius:14px!important;
  background:#0e1a2d!important;
  color:#d5deea!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-support:hover{
  background:#122139!important;
  border-color:rgba(143,116,255,.28)!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-support .route51-cover{
  width:100%!important;
  background:#08111f!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-support .route51-course-meta{
  color:#9b87ff!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-support .route51-course-title{
  color:#e9eef6!important;
}
html[data-theme="dark"] .route-detail-page .route51-course.is-support .route51-course-status{
  color:#7f8ea4!important;
}
html[data-theme="dark"] .route-detail-page .route48-maintenance{
  color:#77869b!important;
  border-top-color:rgba(151,171,217,.12)!important;
}

/* Route drawer: remove the remaining light islands visible in dark mode. */
html[data-theme="dark"] .route-detail-page .route48-drawer{
  background:#0c1628!important;
  color:#dce4ee!important;
  border-left-color:rgba(151,171,217,.16)!important;
  box-shadow:-28px 0 70px rgba(0,5,16,.34)!important;
}
html[data-theme="dark"] .route-detail-page .route48-drawer-head{
  border-bottom-color:rgba(151,171,217,.14)!important;
}
html[data-theme="dark"] .route-detail-page .route48-drawer-head h2{
  color:#f2f5fa!important;
}
html[data-theme="dark"] .route-detail-page .route48-drawer-meta{
  color:#8897ad!important;
}
html[data-theme="dark"] .route-detail-page .route48-close{
  background:#111e33!important;
  color:#c2ccdb!important;
  border-color:rgba(151,171,217,.18)!important;
}
html[data-theme="dark"] .route-detail-page .route48-close:hover{
  background:#172640!important;
  color:#fff!important;
}
html[data-theme="dark"] .route-detail-page .route53-primary-action{
  background:linear-gradient(135deg,#171c3d,#141d35)!important;
  color:#eef2f8!important;
  border:1px solid rgba(139,114,255,.26)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .route-detail-page .route53-primary-action-copy span{
  color:#a895ff!important;
}
html[data-theme="dark"] .route-detail-page .route53-primary-action-copy b{
  color:#f1f4f9!important;
}
html[data-theme="dark"] .route-detail-page .route53-primary-cta{
  background:linear-gradient(135deg,#6750eb,#8665ff)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(86,57,205,.22)!important;
}
html[data-theme="dark"] .route-detail-page .route53-primary-cta:hover{
  background:linear-gradient(135deg,#7259f4,#9271ff)!important;
}
html[data-theme="dark"] .route-detail-page .route53-primary-action.is-disabled{
  background:#101a2c!important;
  color:#7f8da2!important;
  border-color:rgba(151,171,217,.12)!important;
}
html[data-theme="dark"] .route-detail-page .route53-primary-action.is-disabled .route53-primary-action-copy span,
html[data-theme="dark"] .route-detail-page .route53-primary-action.is-disabled .route53-primary-action-copy b{
  color:#7f8da2!important;
}
html[data-theme="dark"] .route-detail-page .route50-section{
  border-bottom-color:rgba(151,171,217,.13)!important;
}
html[data-theme="dark"] .route-detail-page .route50-kicker{
  color:#8796ac!important;
}
html[data-theme="dark"] .route-detail-page .route50-prose,
html[data-theme="dark"] .route-detail-page .route50-focus-text,
html[data-theme="dark"] .route-detail-page .route50-check-item,
html[data-theme="dark"] .route-detail-page .route50-secondary-list li,
html[data-theme="dark"] .route-detail-page .route50-goal p{
  color:#a9b5c7!important;
}
html[data-theme="dark"] .route-detail-page .route50-focus-item,
html[data-theme="dark"] .route-detail-page .route50-stat{
  background:#0f1b2f!important;
  border-color:rgba(151,171,217,.14)!important;
}
html[data-theme="dark"] .route-detail-page .route50-stat b{
  color:#f0f4f9!important;
}
html[data-theme="dark"] .route-detail-page .route50-stat span{
  color:#7f8da3!important;
}
html[data-theme="dark"] .route-detail-page .route50-check-mark{
  border-color:rgba(151,171,217,.22)!important;
  color:#9b87ff!important;
}
html[data-theme="dark"] .route-detail-page .route50-secondary{
  background:#0f1a2d!important;
}
html[data-theme="dark"] .route-detail-page .route50-goal{
  background:#121b35!important;
  border-left-color:#8067f5!important;
}
html[data-theme="dark"] .route-detail-page .route50-status span{
  background:#101b2f!important;
  color:#96a4b8!important;
  border-color:rgba(151,171,217,.15)!important;
}
html[data-theme="dark"] .route-detail-page .route50-status span.is-accent{
  background:#211d48!important;
  color:#b9adff!important;
  border-color:rgba(139,114,255,.28)!important;
}
html[data-theme="dark"] .route-detail-page .route48-chip{
  background:#111d31!important;
  color:#a9b5c6!important;
}
html[data-theme="dark"] .route-detail-page .route48-chip.is-accent{
  background:#211d48!important;
  color:#b9adff!important;
}

@media(max-width:900px){
  html[data-theme="dark"] .route-detail-page .route51-course.is-main{
    grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;
    column-gap:18px!important;
  }
  html[data-theme="dark"] .route-detail-page .route51-support{
    margin-left:66px!important;
  }
}
@media(max-width:680px){
  html[data-theme="dark"] .route-detail-page .route51-segment{
    padding:16px!important;
  }
  html[data-theme="dark"] .route-detail-page .route51-main-row{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:12px!important;
  }
  html[data-theme="dark"] .route-detail-page .route51-course.is-main{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    row-gap:0!important;
  }
  html[data-theme="dark"] .route-detail-page .route51-course.is-main .route51-cover,
  html[data-theme="dark"] .route-detail-page .route51-course.is-main .route51-course-meta,
  html[data-theme="dark"] .route-detail-page .route51-course.is-main .route51-course-title,
  html[data-theme="dark"] .route-detail-page .route51-course.is-main .route51-course-status{
    grid-column:1!important;
    grid-row:auto!important;
  }
  html[data-theme="dark"] .route-detail-page .route51-support{
    margin-left:50px!important;
    padding:14px!important;
  }
}

/* ========================================================================== */
/* RC22 — WISH POOL + UPDATES DARK POLISH                                     */
/* Two-page visual pass: remove bright islands, normalize text/chips/actions,  */
/* and keep both pages inside the same JulyLearn navy / indigo hierarchy.      */
/* ========================================================================== */

/* Wish Pool — hero and entry actions. */
html[data-theme="dark"] .wishes-page .wishes-hero-grid{
  background:
    radial-gradient(520px 340px at 18% 8%,rgba(123,91,255,.13),transparent 68%),
    radial-gradient(440px 320px at 88% 82%,rgba(62,111,211,.08),transparent 72%),
    linear-gradient(135deg,#101c31 0%,#0e182b 56%,#12182d 100%)!important;
  border-color:rgba(151,171,217,.18)!important;
  box-shadow:0 22px 58px rgba(0,5,16,.22)!important;
}
html[data-theme="dark"] .wishes-page .feedback-kicker{color:#9882ff!important}
html[data-theme="dark"] .wishes-page .wishes-hero-copy h1{color:#f4f7fb!important}
html[data-theme="dark"] .wishes-page .wishes-hero-copy>p{color:#a7b3c5!important}
html[data-theme="dark"] .wishes-page .feedback-primary.wish-entry-button{
  background:linear-gradient(135deg,#674feb,#8c63ff)!important;
  color:#fff!important;
  border:1px solid transparent!important;
  box-shadow:0 12px 30px rgba(83,56,198,.22)!important;
}
html[data-theme="dark"] .wishes-page .feedback-secondary.wish-entry-button{
  background:#142139!important;
  color:#e9eef6!important;
  border:1px solid rgba(155,175,220,.20)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .wishes-page .feedback-secondary.wish-entry-button:hover{
  background:#192842!important;
  border-color:rgba(143,116,255,.38)!important;
}
html[data-theme="dark"] .wishes-page .feedback-secondary.wish-entry-button small{color:#8f9db2!important}
html[data-theme="dark"] .wishes-page .wishes-note{
  background:linear-gradient(160deg,#111d31 0%,#0d1729 100%)!important;
  border-color:rgba(151,171,217,.18)!important;
  color:#e8edf5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-theme="dark"] .wishes-page .wishes-note>strong,
html[data-theme="dark"] .wishes-page .wishes-note .survey-promo-section>strong{color:#f2f5fa!important}
html[data-theme="dark"] .wishes-page .wishes-note>p,
html[data-theme="dark"] .wishes-page .wishes-note .survey-promo-section p{color:#9ca9bc!important}
html[data-theme="dark"] .wishes-page .wishes-note .survey-promo-section{border-top-color:rgba(151,171,217,.16)!important}
html[data-theme="dark"] .wishes-page .wishes-note .survey-promo-section>span{color:#aa9aff!important}
html[data-theme="dark"] .wishes-page .wishes-note .survey-promo-button{
  background:#17243b!important;
  color:#edf1f7!important;
  border:1px solid rgba(158,178,222,.22)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .wishes-page .wishes-note .survey-promo-button:hover{
  background:#1d2c47!important;
  border-color:rgba(143,116,255,.40)!important;
}

/* Wish Pool — board, cards, chips and controls. */
html[data-theme="dark"] .wishes-page .wish-board-heading{border-color:rgba(151,171,217,.14)!important}
html[data-theme="dark"] .wishes-page .wish-board-heading h2{color:#f2f5fa!important}
html[data-theme="dark"] .wishes-page .wish-sort-control,
html[data-theme="dark"] .wishes-page .wish-board-meta{color:#8f9db2!important}
html[data-theme="dark"] .wishes-page .wish-sort-control select{
  background:#0f1a2d!important;
  color:#dce4ef!important;
  border-color:rgba(154,174,219,.20)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .wishes-page .text-button{color:#9b87ff!important}
html[data-theme="dark"] .wishes-page .wish-card{
  background:linear-gradient(180deg,#101b2f 0%,#0e192b 100%)!important;
  border-color:rgba(151,171,217,.18)!important;
  color:#dfe6ef!important;
  box-shadow:0 12px 32px rgba(0,5,16,.12)!important;
}
html[data-theme="dark"] .wishes-page .wish-card h2{color:#f1f4f9!important}
html[data-theme="dark"] .wishes-page .wish-card p{color:#95a3b7!important}
html[data-theme="dark"] .wishes-page .wish-type{color:#a391ff!important}
html[data-theme="dark"] .wishes-page .wish-status,
html[data-theme="dark"] .wishes-page .wish-status.status-published,
html[data-theme="dark"] .wishes-page .wish-status.status-in_production,
html[data-theme="dark"] .wishes-page .wish-status.status-planned{
  background:rgba(151,171,217,.08)!important;
  color:#aebacf!important;
  border:1px solid rgba(151,171,217,.14)!important;
}
html[data-theme="dark"] .wishes-page .wish-status.status-published{color:#b7a8ff!important;border-color:rgba(143,116,255,.20)!important}
html[data-theme="dark"] .wishes-page .wish-status.status-in_production{color:#c0afff!important;border-color:rgba(143,116,255,.22)!important}
html[data-theme="dark"] .wishes-page .wish-status.status-planned{color:#a8b8ff!important;border-color:rgba(112,139,224,.22)!important}
html[data-theme="dark"] .wishes-page .wish-tag{
  background:#172238!important;
  color:#aeb9ca!important;
  border:1px solid rgba(151,171,217,.13)!important;
}
html[data-theme="dark"] .wishes-page .wish-reason-stats{color:#8493a8!important}
html[data-theme="dark"] .wishes-page .wish-card-footer{border-top-color:rgba(151,171,217,.14)!important}
html[data-theme="dark"] .wishes-page .wish-count{color:#e3e9f2!important}
html[data-theme="dark"] .wishes-page .wish-link{color:#a18cff!important}
html[data-theme="dark"] .wishes-page .wish-support{
  background:#152238!important;
  color:#e5ebf4!important;
  border-color:rgba(155,175,220,.20)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .wishes-page .wish-support:hover{background:#1a2942!important;border-color:rgba(143,116,255,.38)!important}
html[data-theme="dark"] .wishes-page .wish-support.is-supported{
  background:#211d48!important;
  color:#c4b8ff!important;
  border-color:rgba(143,116,255,.46)!important;
}
html[data-theme="dark"] .wishes-page .feedback-loading,
html[data-theme="dark"] .wishes-page .feedback-empty{
  background:#0f1a2d!important;
  color:#8f9db2!important;
  border-color:rgba(151,171,217,.18)!important;
}

/* Wish Pool — forms/modals use the same hierarchy instead of reverting to light UI. */
html[data-theme="dark"] .wishes-page~.feedback-modal .feedback-modal-card,
html[data-theme="dark"] body.wishes-page .feedback-modal-card{
  background:linear-gradient(180deg,#101b2f,#0d182a)!important;
  border-color:rgba(151,171,217,.20)!important;
  color:#e4eaf3!important;
  box-shadow:0 30px 90px rgba(0,4,14,.50)!important;
}
html[data-theme="dark"] body.wishes-page .feedback-modal-backdrop{background:rgba(2,7,16,.76)!important}
html[data-theme="dark"] body.wishes-page .wish-form-heading{border-bottom-color:rgba(151,171,217,.14)!important}
html[data-theme="dark"] body.wishes-page .wish-form-heading h2,
html[data-theme="dark"] body.wishes-page .feedback-modal-card h2,
html[data-theme="dark"] body.wishes-page .feedback-field>span,
html[data-theme="dark"] body.wishes-page .feedback-field legend{color:#edf2f8!important}
html[data-theme="dark"] body.wishes-page .wish-form-heading p,
html[data-theme="dark"] body.wishes-page .modal-lead,
html[data-theme="dark"] body.wishes-page .feedback-field>small{color:#8f9db2!important}
html[data-theme="dark"] body.wishes-page .feedback-secondary{
  background:#152238!important;
  color:#e4eaf3!important;
  border-color:rgba(155,175,220,.20)!important;
}
html[data-theme="dark"] body.wishes-page .feedback-secondary:hover{background:#1b2942!important;border-color:rgba(143,116,255,.38)!important}
html[data-theme="dark"] body.wishes-page .modal-close{
  background:#162238!important;
  color:#c9d3e2!important;
  border:1px solid rgba(151,171,217,.16)!important;
}
html[data-theme="dark"] body.wishes-page .private-resource-box{
  background:#0c1627!important;
  border:1px solid rgba(151,171,217,.16)!important;
}
html[data-theme="dark"] body.wishes-page .private-resource-box summary{color:#cbd5e3!important}
html[data-theme="dark"] body.wishes-page .private-resource-box[open] summary{border-bottom-color:rgba(151,171,217,.14)!important}
html[data-theme="dark"] body.wishes-page .private-resource-box>p{color:#8291a6!important}
html[data-theme="dark"] body.wishes-page .need-form-note{
  background:#171a39!important;
  color:#b9aaff!important;
  border:1px solid rgba(143,116,255,.18)!important;
}
html[data-theme="dark"] body.wishes-page .need-form-note span{color:#909eb2!important}

/* Updates — editorial hero becomes a bounded JulyLearn night panel. */
html[data-theme="dark"] .updates56-page .inner-mast{
  background:transparent!important;
  border-bottom:0!important;
  padding:40px 0 18px!important;
}
html[data-theme="dark"] .updates56-page .inner-mast .mast-grid{
  padding:38px 42px!important;
  border:1px solid rgba(151,171,217,.18)!important;
  border-radius:26px!important;
  background:
    radial-gradient(420px 260px at 88% 16%,rgba(116,83,255,.14),transparent 68%),
    linear-gradient(135deg,#101c31,#0d1729 66%,#12172b)!important;
  box-shadow:0 20px 54px rgba(0,5,16,.18)!important;
}
html[data-theme="dark"] .updates56-page .inner-mast h1{color:#f4f7fb!important}
html[data-theme="dark"] .updates56-page .inner-mast p{color:#9eacc0!important}
html[data-theme="dark"] .updates56-page .updates56-layout{padding-top:28px!important}
html[data-theme="dark"] .updates56-page .updates56-head{
  border-bottom-color:rgba(151,171,217,.16)!important;
}
html[data-theme="dark"] .updates56-page .updates56-head h2{color:#f2f5fa!important}
html[data-theme="dark"] .updates56-page .updates56-head span{color:#8291a6!important}
html[data-theme="dark"] .updates56-page .updates56-list{
  display:grid!important;
  gap:10px!important;
  padding-top:14px!important;
}
html[data-theme="dark"] .updates56-page .updates56-item{
  grid-template-columns:104px minmax(0,1fr) auto!important;
  gap:18px!important;
  padding:19px 18px!important;
  border:1px solid rgba(151,171,217,.16)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#101b2f,#0e192b)!important;
  color:#dce4ef!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
html[data-theme="dark"] .updates56-page .updates56-item:hover{
  background:linear-gradient(180deg,#132038,#101b30)!important;
  border-color:rgba(143,116,255,.30)!important;
  transform:translateY(-1px)!important;
}
html[data-theme="dark"] .updates56-page .updates56-date{color:#8392a8!important}
html[data-theme="dark"] .updates56-page .updates56-title{color:#eef2f8!important}
html[data-theme="dark"] .updates56-page .updates56-item:hover .updates56-title{color:#b7a7ff!important}
html[data-theme="dark"] .updates56-page .updates56-desc{color:#95a3b7!important}
html[data-theme="dark"] .updates56-page .updates56-meta span{
  background:#172238!important;
  color:#aab6c8!important;
  border:1px solid rgba(151,171,217,.12)!important;
}
html[data-theme="dark"] .updates56-page .updates56-arrow{color:#8f78ff!important}
html[data-theme="dark"] .updates56-page .updates56-making{
  background:linear-gradient(160deg,#111d31,#0c1628)!important;
  border:1px solid rgba(151,171,217,.18)!important;
  color:#e4eaf3!important;
  box-shadow:0 16px 42px rgba(0,5,16,.16)!important;
}
html[data-theme="dark"] .updates56-page .updates56-making h2,
html[data-theme="dark"] .updates56-page .updates56-making-item b{color:#edf2f8!important}
html[data-theme="dark"] .updates56-page .updates56-making>p,
html[data-theme="dark"] .updates56-page .updates56-making-item p{color:#8f9db2!important}
html[data-theme="dark"] .updates56-page .updates56-making-item{border-top-color:rgba(151,171,217,.14)!important}
html[data-theme="dark"] .updates56-page .updates56-making-status{color:#ad9cff!important}
html[data-theme="dark"] .updates56-page .updates56-state{color:#8998ad!important}
html[data-theme="dark"] .updates56-page .updates56-state.is-dark{color:#8998ad!important}

@media(max-width:900px){
  html[data-theme="dark"] .updates56-page .inner-mast .mast-grid{padding:30px 28px!important}
  html[data-theme="dark"] .updates56-page .updates56-item{grid-template-columns:84px minmax(0,1fr) auto!important}
}
@media(max-width:600px){
  html[data-theme="dark"] .updates56-page .inner-mast{padding-top:24px!important}
  html[data-theme="dark"] .updates56-page .inner-mast .mast-grid{padding:28px 20px!important;border-radius:22px!important}
  html[data-theme="dark"] .updates56-page .updates56-item{grid-template-columns:1fr auto!important;padding:17px 16px!important}
  html[data-theme="dark"] .updates56-page .updates56-date{grid-column:1/-1!important}
}

/* ========================================================================== */
/* RC23 — Migration + Join + Old-friends Survey dark polish                  */
/* Keep the approved page structures; unify night surfaces, controls, text.  */
/* ========================================================================== */

/* MIGRATION: remove light islands and purple-wash panels. */
html[data-theme="dark"] .migration-v08-stage{
  background:#0e192b!important;
  border-color:rgba(151,171,217,.18)!important;
}
html[data-theme="dark"] .migration-v08-gains{
  background:#111d31!important;
  border:1px solid rgba(151,171,217,.16)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .migration-v08-gains:before{display:none!important}
html[data-theme="dark"] .migration-v08-main h1,
html[data-theme="dark"] .migration-v08-heading h2,
html[data-theme="dark"] .migration-v08-calc-head h2,
html[data-theme="dark"] .migration-v08-process h2,
html[data-theme="dark"] .migration-v08-faq h2{color:#f3f6fb!important}
html[data-theme="dark"] .migration-v08-main p,
html[data-theme="dark"] .migration-v08-heading p,
html[data-theme="dark"] .migration-v08-calc-head p,
html[data-theme="dark"] .migration-v08-calc-head aside,
html[data-theme="dark"] .migration-v08-step span,
html[data-theme="dark"] .migration-v08-faq p{color:#9aa8bc!important}
html[data-theme="dark"] .migration-v08-calc-head aside{border-left-color:#8068ef!important}
html[data-theme="dark"] .migration-v08-note{border-top-color:rgba(151,171,217,.16)!important;color:#9aa8bc!important}
html[data-theme="dark"] .migration-v08-note b{color:#dfe6ef!important}
html[data-theme="dark"] .migration-letter-entry .letter-btn{
  background:#6f56ee!important;color:#fff!important;border-color:#6f56ee!important;box-shadow:none!important;
}
html[data-theme="dark"] .migration-letter-entry .letter-btn::after{color:#fff!important}
html[data-theme="dark"] .migration-letter-entry .survey-btn{
  background:#111d31!important;color:#dce4ef!important;border:1px solid rgba(151,171,217,.22)!important;box-shadow:none!important;
}
html[data-theme="dark"] .migration-letter-entry .survey-btn:hover{background:#15223a!important;border-color:rgba(151,171,217,.32)!important}

html[data-theme="dark"] .migration-v08-rulegrid{
  background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;border-radius:18px;overflow:hidden;
}
html[data-theme="dark"] .migration-v08-rule{
  background:#0f1a2d!important;border-color:rgba(151,171,217,.15)!important;
}
html[data-theme="dark"] .migration-v08-rule.direct{
  background:#121f35!important;box-shadow:inset 0 3px 0 #8068ef!important;
}
html[data-theme="dark"] .migration-v08-rule span,
html[data-theme="dark"] .migration-v08-rule.direct span{color:#8f9db2!important}
html[data-theme="dark"] .migration-v08-rule strong{color:#e8edf5!important}
html[data-theme="dark"] .migration-v08-rule.direct strong{color:#b7a9ff!important}

html[data-theme="dark"] .migration-v08-plans{
  background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;box-shadow:none!important;
}
html[data-theme="dark"] .migration-v08-plans h3{color:#edf2f8!important}
html[data-theme="dark"] .migration-v08-plans>p{color:#8f9db2!important}
html[data-theme="dark"] .migration-v08-plans .plan-option{
  background:#0b1526!important;border-color:rgba(151,171,217,.18)!important;color:#c6d0dd!important;
}
html[data-theme="dark"] .migration-v08-plans .plan-option:hover{background:#101c31!important;border-color:rgba(151,171,217,.30)!important}
html[data-theme="dark"] .migration-v08-plans .plan-option:has(input:checked){background:#1d1b41!important;border-color:#8068ef!important;color:#fff!important}
html[data-theme="dark"] .migration-v08-plans .special-case{border-top-color:rgba(151,171,217,.16)!important;color:#8f9db2!important}
html[data-theme="dark"] .migration-v08-plans .special-case summary{color:#aeb9c9!important}

html[data-theme="dark"] .migration-v08-result{
  background:#0f1a2d!important;border:1px solid rgba(151,171,217,.18)!important;box-shadow:none!important;
}
html[data-theme="dark"] .migration-v08-result-summary{
  background:#101b2f!important;color:#fff!important;
}
html[data-theme="dark"] .migration-v08-result-summary:after{display:none!important}
html[data-theme="dark"] .migration-v08-result .label{color:#8f9db2!important}
html[data-theme="dark"] .migration-v08-result .result-note{color:#a7b3c4!important}
html[data-theme="dark"] .migration-v08-result .result-price{color:#f2f5fa!important}
html[data-theme="dark"] .migration-v08-result-action{
  background:#0f1a2d!important;border-left-color:rgba(151,171,217,.16)!important;border-top-color:rgba(151,171,217,.16)!important;
}
html[data-theme="dark"] .migration-v08-result .special{color:#7f8da4!important}
html[data-theme="dark"] .migration-v08-result .btn{background:#6f56ee!important;color:#fff!important;border-color:#6f56ee!important}

html[data-theme="dark"] .migration-deadline-card,
html[data-theme="dark"] .migration-v08-process,
html[data-theme="dark"] .migration-v08-faq{background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;box-shadow:none!important}
html[data-theme="dark"] .migration-v08-process{padding:28px 30px 34px!important;border-radius:20px!important}
html[data-theme="dark"] .migration-v08-step{border-top-color:rgba(151,171,217,.20)!important}
html[data-theme="dark"] .migration-v08-step strong,
html[data-theme="dark"] .migration-v08-faq summary{color:#dfe6ef!important}
html[data-theme="dark"] .migration-v08-faq details,
html[data-theme="dark"] .migration-v08-faq details:last-child{border-color:rgba(151,171,217,.16)!important}

/* Migration modal: one night surface, no light controls. */
html[data-theme="dark"] .migration-contact-modal{background:#0f1a2d!important;border:1px solid rgba(151,171,217,.18)!important;box-shadow:0 30px 80px rgba(0,5,16,.46)!important}
html[data-theme="dark"] .migration-contact-modal .modal-top{border-bottom-color:rgba(151,171,217,.16)!important}
html[data-theme="dark"] .migration-contact-modal .close{background:#111d31!important;color:#cbd5e2!important;border:1px solid rgba(151,171,217,.18)!important}
html[data-theme="dark"] .migration-modal-selection,
html[data-theme="dark"] .migration-modal-warning,
html[data-theme="dark"] .migration-modal-contact{background:#0b1526!important;border-color:rgba(151,171,217,.18)!important;color:#aab6c8!important}
html[data-theme="dark"] .migration-modal-selection span,
html[data-theme="dark"] .migration-modal-price span,
html[data-theme="dark"] .migration-modal-contact span{color:#8796ac!important}
html[data-theme="dark"] .migration-modal-selection strong,
html[data-theme="dark"] .migration-modal-warning strong,
html[data-theme="dark"] .migration-modal-contact strong,
html[data-theme="dark"] .migration-modal-deadline strong{color:#eef2f8!important}
html[data-theme="dark"] .migration-modal-deadline{color:#8796ac!important}
html[data-theme="dark"] .migration-modal-contact .btn,
html[data-theme="dark"] .migration-redeem-link{background:#111d31!important;color:#dce4ef!important;border:1px solid rgba(151,171,217,.22)!important}

/* OLD-FRIENDS / UE SURVEYS: scoped to survey pages so approved Wish Pool stays intact. */
html[data-theme="dark"] body.feedback-page .survey-intro,
html[data-theme="dark"] body.feedback-page .survey-workspace,
html[data-theme="dark"] body.feedback-page .survey-complete{
  background:#0f1a2d!important;border:1px solid rgba(151,171,217,.18)!important;color:#e3e9f1!important;box-shadow:none!important;
}
html[data-theme="dark"] body.feedback-page .survey-intro h1,
html[data-theme="dark"] body.feedback-page .survey-complete h1,
html[data-theme="dark"] body.feedback-page .survey-heading h2,
html[data-theme="dark"] body.feedback-page .survey-question legend,
html[data-theme="dark"] body.feedback-page .survey-text>span{color:#f1f4f9!important}
html[data-theme="dark"] body.feedback-page .survey-intro>p,
html[data-theme="dark"] body.feedback-page .survey-complete>p,
html[data-theme="dark"] body.feedback-page .survey-heading p,
html[data-theme="dark"] body.feedback-page .survey-note,
html[data-theme="dark"] body.feedback-page .survey-soft-note,
html[data-theme="dark"] body.feedback-page .old-friend-note{color:#98a6ba!important}
html[data-theme="dark"] body.feedback-page .survey-time{
  background:#171b38!important;color:#b6a9ff!important;border:1px solid rgba(139,114,255,.24)!important;
}
html[data-theme="dark"] body.feedback-page .survey-progress-row{color:#8f9db2!important}
html[data-theme="dark"] body.feedback-page .survey-progress{background:#1b2740!important}
html[data-theme="dark"] body.feedback-page .survey-progress span{background:#8067f5!important}
html[data-theme="dark"] body.feedback-page .choice-grid button{
  background:#0b1526!important;border-color:rgba(151,171,217,.18)!important;color:#c6d0dd!important;box-shadow:none!important;
}
html[data-theme="dark"] body.feedback-page .choice-grid button:hover{
  background:#101c31!important;border-color:rgba(151,171,217,.30)!important;color:#e9eef6!important;
}
html[data-theme="dark"] body.feedback-page .choice-grid button.is-selected{
  background:#201d45!important;border-color:#8068ef!important;color:#fff!important;box-shadow:0 0 0 1px rgba(128,104,239,.16)!important;
}
html[data-theme="dark"] body.feedback-page .rank-grid label{color:#8f9db2!important}
html[data-theme="dark"] body.feedback-page .rank-grid select,
html[data-theme="dark"] body.feedback-page .survey-text textarea,
html[data-theme="dark"] body.feedback-page .feedback-field input,
html[data-theme="dark"] body.feedback-page .feedback-field textarea{
  background:#0b1526!important;color:#e6ebf3!important;border-color:rgba(151,171,217,.20)!important;
}
html[data-theme="dark"] body.feedback-page .rank-grid select:focus,
html[data-theme="dark"] body.feedback-page .survey-text textarea:focus,
html[data-theme="dark"] body.feedback-page .feedback-field input:focus,
html[data-theme="dark"] body.feedback-page .feedback-field textarea:focus{
  border-color:#8068ef!important;box-shadow:0 0 0 3px rgba(128,104,239,.12)!important;
}
html[data-theme="dark"] body.feedback-page .feedback-primary{
  background:#6f56ee!important;color:#fff!important;border:1px solid #6f56ee!important;box-shadow:none!important;
}
html[data-theme="dark"] body.feedback-page .feedback-secondary{
  background:#111d31!important;color:#cbd5e2!important;border:1px solid rgba(151,171,217,.20)!important;
}
html[data-theme="dark"] body.feedback-page .feedback-secondary:hover{background:#15223a!important}
html[data-theme="dark"] body.feedback-page .completion-card{
  background:#111d31!important;border-color:rgba(139,114,255,.22)!important;color:#e2e8f0!important;
}
html[data-theme="dark"] body.feedback-page .completion-card p{color:#98a6ba!important}
html[data-theme="dark"] body.feedback-page .survey-error{background:#321a27!important;color:#ffb9c6!important;border:1px solid rgba(255,128,157,.20)!important}
@media(max-width:760px){
  html[data-theme="dark"] body.feedback-page .survey-nav{background:rgba(8,17,31,.96)!important}
}

/* JOIN: same night language as the approved pages; no purple wash. */
html[data-theme="dark"] .join-hero{
  background:linear-gradient(180deg,#0d182b 0%,#08111f 100%)!important;
  border-bottom-color:rgba(151,171,217,.14)!important;
}
html[data-theme="dark"] .join-fit-title,
html[data-theme="dark"] .join-fit-title>span{color:#f2f5fa!important}
html[data-theme="dark"] .join-hero-panel{
  background:#111d31!important;border:1px solid rgba(151,171,217,.18)!important;color:#f2f5fa!important;box-shadow:none!important;
}
html[data-theme="dark"] .join-hero-panel:after{display:none!important}
html[data-theme="dark"] .join-hero-panel span{color:#8f9db2!important}
html[data-theme="dark"] .join-hero-panel strong{color:#f2f5fa!important}
html[data-theme="dark"] .join-hero-panel p{color:#9eacbf!important}
html[data-theme="dark"] .join-benefit-card{
  background:#0f1a2d!important;border-color:rgba(151,171,217,.18)!important;color:#dfe6ef!important;box-shadow:none!important;
}
html[data-theme="dark"] .join-benefit-card>b{background:#171b38!important;color:#b7a9ff!important}
html[data-theme="dark"] .join-benefit-card h3,
html[data-theme="dark"] .join-use-grid strong,
html[data-theme="dark"] .join-faq summary,
html[data-theme="dark"] .join-contact-card h2{color:#eef2f8!important}
html[data-theme="dark"] .join-benefit-card>p,
html[data-theme="dark"] .join-benefit-value strong,
html[data-theme="dark"] .join-use-grid p,
html[data-theme="dark"] .join-faq p,
html[data-theme="dark"] .join-contact-card p{color:#98a6ba!important}
html[data-theme="dark"] .join-benefit-value{border-top-color:rgba(151,171,217,.16)!important}
html[data-theme="dark"] .join-benefit-value small,
html[data-theme="dark"] .join-benefit-kicker{color:#a695ff!important}
html[data-theme="dark"] .join-benefit-knowledge{
  background:#111d31!important;border-color:rgba(139,114,255,.28)!important;box-shadow:none!important;
}
html[data-theme="dark"] .join-benefit-knowledge:after{display:none!important}
html[data-theme="dark"] .join-use-grid>div{border-top-color:#8068ef!important}
html[data-theme="dark"] .join-faq,
html[data-theme="dark"] .join-contact-card{
  background:#0f1a2d!important;border:1px solid rgba(151,171,217,.18)!important;box-shadow:none!important;
}
html[data-theme="dark"] .join-faq details{border-bottom-color:rgba(151,171,217,.16)!important}
html[data-theme="dark"] .join-contact-box{
  background:#111d31!important;color:#eef2f8!important;border:1px solid rgba(151,171,217,.18)!important;
}
html[data-theme="dark"] .join-contact-box span,
html[data-theme="dark"] .join-contact-box small{color:#8796ac!important}

/* ========================================================================== */
/* RC24 — Home + Letter dark polish                                           */
/* Keep page structure intact; bring the homepage cards into the same night   */
/* surface system and give the long-form letter a real reading margin.        */
/* ========================================================================== */

/* HOME: the catalog on the homepage should not turn into a row of white cards
   inside the dark theme. Use the same navy surfaces already established on
   Wishes, Updates, Migration and the learning workspace. */
html[data-theme="dark"] body:not(.inner-page) .stats-inline{
  background:#101b2f!important;
  color:#dfe6ef!important;
  border:1px solid rgba(151,171,217,.18)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .category-top h3{
  color:#f2f5fa!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .category-top p{
  color:#8f9db2!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .text-link{
  color:#a795ff!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card{
  background:linear-gradient(180deg,#101b2f 0%,#0e192b 100%)!important;
  border:1px solid rgba(151,171,217,.16)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card:hover{
  border-color:rgba(139,114,255,.34)!important;
  box-shadow:0 18px 42px rgba(0,5,16,.24)!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-body{
  background:transparent!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-meta{
  color:#a695ff!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card .course-title{
  color:#f2f5fa!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card .course-desc{
  color:#9ba8ba!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card .course-foot{
  color:#8796aa!important;
  border-top-color:rgba(151,171,217,.12)!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card .pill{
  background:#151f35!important;
  color:#b8c3d2!important;
  border:1px solid rgba(151,171,217,.16)!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card .course-lifecycle-pill.is-completed{
  background:rgba(51,151,118,.12)!important;
  color:#90d7bc!important;
  border-color:rgba(87,180,147,.18)!important;
}
html[data-theme="dark"] body:not(.inner-page) [data-home-course-categories] .course-card .course-lifecycle-pill.is-updating{
  background:rgba(128,104,239,.14)!important;
  color:#b9adff!important;
  border-color:rgba(128,104,239,.22)!important;
}
html[data-theme="dark"] body:not(.inner-page) .feature-card,
html[data-theme="dark"] body:not(.inner-page) .feature-card-wide,
html[data-theme="dark"] body:not(.inner-page) .making{
  background:linear-gradient(180deg,#101b2f 0%,#0e192b 100%)!important;
  border-color:rgba(151,171,217,.16)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.inner-page) .feature-card:after{opacity:.34!important}
html[data-theme="dark"] body:not(.inner-page) .feature-list .tag{
  background:#151f35!important;
  color:#b8c3d2!important;
  border-color:rgba(151,171,217,.14)!important;
}
html[data-theme="dark"] body:not(.inner-page) .making-item{
  border-bottom-color:rgba(151,171,217,.13)!important;
  color:#a7b3c4!important;
}

/* LETTER: keep the existing 780px reading measure, but let the dark surface
   extend outside that measure so the text no longer sits directly on the edge
   of its background panel. */
html[data-theme="dark"] .letter-page .letter-article{
  padding:50px 56px 56px!important;
  margin-left:-56px!important;
  margin-right:-56px!important;
  border:1px solid rgba(151,171,217,.16)!important;
  border-radius:24px!important;
  box-sizing:content-box!important;
}
html[data-theme="dark"] .letter-page .letter-article h2:first-of-type{margin-top:66px!important}
html[data-theme="dark"] .letter-page .letter-signoff,
html[data-theme="dark"] .letter-page .letter-return{
  border-color:rgba(151,171,217,.14)!important;
}
@media(max-width:980px){
  html[data-theme="dark"] .letter-page .letter-article{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:780px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:42px 38px 48px!important;
  }
}
@media(max-width:640px){
  html[data-theme="dark"] .letter-page .letter-article{
    padding:28px 22px 34px!important;
    border-radius:18px!important;
  }
}