/* Approved navy identity. Every rule is scoped; disabling the switch restores
   the original CSS and DOM handlers without migrating any learner records. */
.navy-hero-title{display:none}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]){--green:#6631cc;--green-dark:#49209a;--ink:#1c2044;--muted:#606782;--line:#dfe2f1;--paper:#fff;--bg:#f1f2fb;color-scheme:light}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) body{background:radial-gradient(ellipse at 85% 0,#303d8a 0,transparent 46%),linear-gradient(135deg,#0c1234,#192557);background-attachment:fixed;color:#1c2044;min-height:100dvh}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #b880ff;outline-offset:4px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(button,input,select){min-height:44px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(button,a){touch-action:manipulation}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(button,a):disabled{opacity:.55;cursor:not-allowed}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.top,.account-bar,.layout,.book-library,.exam-page,.account-page,.games-main){max-width:1240px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(#app>header,.guest-lessons>header,.games-header,body>header){background:#0c1234;color:#fff;border-bottom:1px solid #727dc866;box-shadow:0 8px 24px #070d2a24}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.brand,.top .quiet,.games-header a,body>header a){color:#fff}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .top select{background:#222b59;color:#fff;border:1px solid #7f8ac0;border-radius:12px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .layout{background:#f5f6fd;border:1px solid #dcdff0;border-radius:28px;padding:20px;gap:26px;box-shadow:0 24px 75px #03082238;margin-block:24px 110px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .main{min-width:0;padding:8px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .sidebar{background:#fff;border:1px solid #e0e3f1;border-radius:22px;padding:18px;align-self:start;color:#343a60}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.navigation .active,.guest-nav-active){background:#eee7ff;color:#5322aa;border-radius:12px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.card,.hierarchy-card,.modern-lesson,.game-card,.game-panel,.account-box,.exam-question,.exam-result,.exam-method,.exam-cards section){border:1px solid #dde1f1;border-radius:22px;box-shadow:0 6px 22px #19264b08;color:#20264b}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.card,.hierarchy-card,.modern-lesson){background:#fff}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.primary,.account-primary,.account-box button:not(.account-secondary),.exam-page button:not(.exam-history button)){background:linear-gradient(120deg,#9237ee,#6333db);border:1px solid #7c3be2;color:#fff;box-shadow:0 5px 13px #7c3be22e;border-radius:14px;font-weight:700}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.secondary,.quiet,.account-secondary){color:#51309a;border-color:#cfc3ee;border-radius:12px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .secondary{background:#f2ecff}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .primary:disabled{box-shadow:none}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .account-bar{background:#e9eafa;border-color:#cbd0ef;color:#32395e;border-radius:16px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue{position:relative;overflow:hidden;min-height:300px;display:block;background:#121b49 url('/images/design-preview/learner.webp') left center/auto 100% no-repeat;color:white;border-color:#6672b9;padding:40px;padding-inline-end:47%;box-shadow:0 15px 35px #161f4933}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue :is(h1,h2,p,.arabic,.modern-kicker){color:inherit}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue .primary{margin-block-start:16px;min-width:180px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .navy-hero-title{display:block;font-size:clamp(26px,3vw,43px);font-weight:800;line-height:1.5;margin:0 0 18px;color:#fff}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue h1{font-size:22px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue h2{font-size:22px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-grid{gap:18px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-card{position:relative;min-height:170px;padding:24px;text-align:start;transition:box-shadow .18s,border-color .18s}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-card:nth-child(3n+1){border-top:5px solid #7c55dc;background:linear-gradient(180deg,#f2edff,#fff 65%)}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-card:nth-child(3n+2){border-top:5px solid #598ee2;background:linear-gradient(180deg,#edf4ff,#fff 65%)}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-card:nth-child(3n){border-top:5px solid #d9a55c;background:linear-gradient(180deg,#fff5e7,#fff 65%)}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-card:hover{box-shadow:0 12px 25px #283a6620}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-card[aria-pressed=true]{outline:2px solid #7c3be2;outline-offset:2px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.hierarchy-levels,.hierarchy-levels .hierarchy-grid){gap:12px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-levels button{border-radius:14px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .intro{background:linear-gradient(120deg,#edf1ff,#f3edff);border:1px solid #d3d7ef;border-radius:24px;padding:28px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.goals-section,.intro-video-section){background:#eff3ff;border-color:#ccd6f1}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .dialogue-section{background:#f1edff;border-inline-start-color:#7950cd}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .vocabulary-section{background:#fff7e6;border-inline-start-color:#c89030}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .structures-section{background:#eaf5fc;border-inline-start-color:#458ac1}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .practice-section{background:#f4f0fc;border-inline-start-color:#8250d1}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .activity-screen{background:#fff;border:1px solid #dcdff0;padding:clamp(18px,3vw,36px);max-width:900px;margin-inline:auto}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .activity-screen .prompt{font-size:clamp(24px,3vw,34px);line-height:1.9}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .activity-screen .audio-box{background:#edf3ff;border-color:#c5d7f4;border-radius:18px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(#listen,#slow,[data-choice-sound]){background:#e8f0ff;color:#234f9b;border:1px solid #9fbce9;box-shadow:none}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) #record{background:#a62358;color:white;border-color:#a62358}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) #record.danger{background:#b42332;color:#fff}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(#retry,#clear){background:#fff6e4;color:#785115;border:1px solid #dfc184}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.option,.field){border-radius:14px;border-color:#c9cfe5}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .option.selected{background:#f0e7ff;border-color:#8038d6;color:#47217f}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .option.selected .radio{border-color:#7a36d1;background:#7a36d1}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .tabs button.selected{background:#6d37c9;color:#fff}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .bottom{background:#fff;border:1px solid #d5d9ee;box-shadow:0 -8px 30px #111a4920}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .bottom :is(a,button).active{background:#f0e8ff;color:#6330b3}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.book-library,.exam-page,.account-page){background:#f5f6fd;border-radius:26px;margin-block:28px;padding:28px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .games-shell{background:transparent;color:#fff}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .games-main{background:#f5f6fd;border-radius:26px;margin-block:28px;color:#20264b}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .games-header{color:#fff}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .game-card{border-top-color:#8551d3}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.game-number,.library-kicker,.account-brand,.exam-page a){color:#6332b4}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .book-library .bookshelf{background:linear-gradient(135deg,#202957,#364377);border-color:#53618c;box-shadow:inset 0 12px 24px #080e2d55}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .book-library .shelf-book{border-bottom-color:#707da5}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .account-brand{color:#443077}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.auth-shell,.games-auth){background:#fff;color:#20264b;border-radius:24px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) body>main[data-feature-panel=dictionary]{background:#f5f6fd;border-radius:26px;padding:28px;margin-block:28px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .word-card{background:#fff;border-color:#d9dded;border-radius:20px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .exam-page progress{accent-color:#7b42d6}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) [hidden]{display:none!important}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"])[dir="ltr"] .hierarchy-continue{background-position:right center}
@media(max-width:900px){
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .layout{margin:12px 12px 110px;padding:12px;border-radius:22px}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue{padding:28px;padding-inline-end:43%;min-height:280px;background-position:left center}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .sidebar{padding:12px}
}
@media(max-width:600px){
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"])[dir="ltr"] .hierarchy-continue{background-position:center,center top}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .layout{margin-inline:8px;padding:10px}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .main{padding:0}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue{background-image:linear-gradient(0deg,#121b49 0%,#121b49 47%,transparent 75%),url('/images/design-preview/learner-small.webp');background-size:100% 100%,100% auto;background-position:center,center top;padding:220px 22px 26px;min-height:0}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .navy-hero-title{font-size:29px}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-grid{grid-template-columns:1fr}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-card{min-height:130px;padding:20px}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-levels .hierarchy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.book-library,.exam-page,.account-page,.games-main,body>main[data-feature-panel=dictionary]){margin:12px 8px;padding:20px 14px;border-radius:20px}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .top{gap:10px;padding-inline:14px;flex-wrap:wrap}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .activity-screen{padding:20px 14px}
}
@media(prefers-reduced-motion:reduce){:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) *{scroll-behavior:auto!important;transition:none!important}}
@media print{:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) body{background:#fff} :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .layout{box-shadow:none;border:0} :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue{background:#fff;color:#111;padding:20px}}

:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .check-shell{background:#f5f6fd;color:#20264b;border-radius:24px;padding:24px;margin-block:24px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .main:has(>.hierarchy-home){display:flex;flex-direction:column}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .main>.hierarchy-home{order:-1}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .main>.guest-welcome{order:-2}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .meter>div{background:linear-gradient(90deg,#5968dd,#9a47e6)}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) a.hierarchy-card{text-decoration:none;color:#4d2d88}

/* Keep artwork in its own grid area: text never overlays it, at any width.
   Explicit card/text colors also beat the shared generic card selector. */
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue.card{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.9fr);gap:10px 28px;padding:28px;min-height:0;background:#fff;color:#20264b;border-color:#d6dbee;--reading-palette:normal;--reading-long:#075ea7}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue.card::before{content:"";display:block;grid-column:2;grid-row:1 / span 8;align-self:center;width:100%;aspect-ratio:3/2;background:#151d4b url('/images/design-preview/learner.webp') center/contain no-repeat;border-radius:18px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue.card>*{grid-column:1;min-width:0}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue.card :is(h1,h2,p,.arabic,.modern-kicker){color:#20264b;opacity:1;margin-block:4px 12px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .navy-hero-title{font-size:clamp(24px,3vw,34px);line-height:1.8;color:#352767}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .primary{margin-block-start:6px;background:linear-gradient(120deg,#8430d5,#6333bd);color:#fff;min-height:48px;--reading-palette:--reading-light}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.bottom,.guest-bottom){background:#fff;border-color:#d5d9ee}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.bottom,.guest-bottom) :is(button,a){color:#464369;font-size:12px}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.bottom,.guest-bottom) :is(.active,.guest-nav-active){background:#eee5ff;color:#53279a}
@media(max-width:700px){
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue.card{display:block;padding:18px;min-height:0}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue.card::before{height:180px;aspect-ratio:auto;margin-block-end:18px;background-image:url('/images/design-preview/learner-small.webp')}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .navy-hero-title{font-size:24px;line-height:1.7}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue.card h2{font-size:21px}
 :root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .primary{width:100%}
}
/* The retained intro used white text: reset its descendants on the new light surface. */
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .intro{color:#20264b;--reading-palette:normal;--reading-long:#075ea7}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .intro :is(h1,h2,p,.eyebrow,.intro-foot>span){color:#20264b}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .intro .primary{color:#fff;--reading-palette:--reading-light}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .modern-hero{background:#151d4b;color:#fff;--reading-palette:--reading-light}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) .modern-hero .primary{background:linear-gradient(120deg,#8430d5,#6333bd)!important;color:#fff!important}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(#app>header,.guest-lessons>header,.games-header){--reading-palette:--reading-light}
:root#learning-site[data-site-design="navy"]:not([data-learning-ui="classic"]) :is(.bottom,.guest-bottom,.navigation .active){--reading-palette:normal}