/* Stage one: shared blue identity and the real home, lesson, exercise and
   startup surfaces. All content, control handlers and learning gates stay in
   their established renderers. The classic interface is deliberately retained. */
.blue-only{display:none}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]){
  --green:#0868ef;--green-dark:#0756c8;--teal:#1579d7;--gold:#d9ebff;
  --ink:#10295b;--muted:#526b8c;--line:#d7e8f8;--paper:#fff;--bg:#edf7ff;
  --card:#fff;--primary:#0868ef;--primary-foreground:#fff;
  --background:#edf7ff;--foreground:#10295b;--border:#d7e8f8;
  --muted-foreground:#526b8c;--accent:#e1f0ff;--accent-foreground:#0756c8;
  --ring:#0868ef;--guest-green:#0868ef;--guest-muted:#526b8c;
  --reading-palette:normal;--reading-long:#145e92;color-scheme:light;
  background:#edf7ff;color:#10295b;
}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) body{background:radial-gradient(ellipse at 10% 0%,#d9edff 0,transparent 46%),#edf7ff;color:#10295b;line-height:1.8;min-height:100dvh}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(button,a,input,select,textarea,summary,[role=tab]):focus-visible{outline:3px solid #0868ef;outline-offset:4px;box-shadow:0 0 0 6px #edf7ff}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(button,a){touch-action:manipulation}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(button,input:not([type=checkbox]):not([type=radio]),select){min-height:44px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(input,select,textarea){background:#fff;color:#10295b;border-color:#91b2d6;border-radius:16px;accent-color:#0868ef;max-width:100%}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(input,textarea)::placeholder{color:#526b8c;opacity:1}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.arabic,.prompt,.dialogue-line){line-height:2;letter-spacing:0}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(h1,h2,h3){line-height:1.65;text-wrap:pretty;letter-spacing:0}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.top,.account-bar,.layout){max-width:1320px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(#app>header,.guest-lessons>header){background:#f5faff;color:#10295b;border-bottom:1px solid #d7e8f8;box-shadow:none;--reading-palette:normal}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .guest-lessons{background:transparent;color:#10295b;--guest-green:#0868ef;--guest-muted:#526b8c}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand{color:#10295b}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand .mark{background:#e1f0ff;border-radius:15px;box-shadow:0 4px 15px #0868ef10}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .layout{background:transparent;border:0;box-shadow:none;gap:28px;margin-block:24px 120px;padding-inline:24px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .main{min-width:0}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .sidebar{background:#fff;border:1px solid #d7e8f8;border-radius:24px;padding:16px;align-self:start;box-shadow:0 8px 30px #214b7808}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.sidebar .mini,.guest-side-note){background:#edf7ff;border:1px solid #d7e8f8;border-radius:18px;color:#10295b}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.navigation .active,.guest-nav-active,.guest-sidebar nav .guest-nav-active){background:#e1f0ff;color:#0756c8;border-radius:16px;box-shadow:none;--reading-palette:normal}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.card,.hierarchy-card,.modern-lesson){background:#fff;color:#10295b;border:1px solid #d7e8f8;border-radius:24px;box-shadow:0 6px 24px #214b7806}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .primary{background:linear-gradient(110deg,#0868ef,#0756c8);color:#fff;border:1px solid #0868ef;border-radius:999px;box-shadow:0 7px 18px #0868ef14;font-weight:700;--reading-palette:--reading-light}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .primary:hover:not(:disabled){background:#0756c8;border-color:#0756c8}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.secondary,.quiet){background:#fff;color:#0756c8;border:1px solid #bed6ee;border-radius:999px;--reading-palette:normal}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .secondary{background:#e1f0ff}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.secondary,.quiet):hover:not(:disabled){background:#e1f0ff;border-color:#0868ef}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.subtle,.modern-kicker,.hierarchy-card p,.lesson-translation,.guest-welcome p){color:#526b8c}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.account-bar,.guest-welcome){background:#f5faff;border:1px solid #d7e8f8;border-radius:20px;color:#10295b}

/* The landing image is shared with the native app. Existing approved copy and
   live continuation/progress values are not replaced by reference-image data. */
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .main:has(>.hierarchy-home){display:flex;flex-direction:column}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .main>.hierarchy-home{order:-1}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-home{gap:22px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:center;padding:30px;background:linear-gradient(145deg,#fff,#e8f4ff);border:1px solid #fff;border-radius:32px;box-shadow:0 10px 45px #0868ef09;overflow:hidden;min-height:0;--reading-palette:normal}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card::before{content:none}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card>.warm-hero-copy{display:block;grid-column:1;grid-row:1;min-width:0}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card>.warm-hero-art{display:none}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .blue-hero-art{display:block;grid-column:2;grid-row:1;align-self:stretch;min-width:0}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .blue-hero-art img{display:block;width:100%;height:100%;object-fit:contain;border-radius:24px;mix-blend-mode:multiply}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card :is(h1,h2,p,.arabic,.modern-kicker){color:#10295b;opacity:1;margin-block:0 12px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .warm-hero-title{display:block;font-size:clamp(29px,3.4vw,44px);line-height:1.65;font-weight:800;text-wrap:balance}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .navy-hero-title{display:block;color:#526b8c;font-size:19px;font-weight:500;line-height:1.9}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card :is(h1,h2):not(.warm-hero-title){font-size:21px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .primary{width:100%;min-height:54px;margin-block-start:12px;display:flex;justify-content:center;align-items:center;gap:12px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.hierarchy-grid,.hierarchy-levels){gap:12px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-card{padding:20px;text-align:start;transition:border-color .15s}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-card:hover{border-color:#86b6ec}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-card :is(h3,strong){color:#10295b}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-card p{margin-block:8px;line-height:1.85}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-card .arabic{font-size:22px;line-height:1.95}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.hierarchy-card,.hierarchy-levels button)[aria-pressed=true]{outline:2px solid #0868ef;outline-offset:2px;background:#e1f0ff;color:#0756c8}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-placeholder{background:#f5faff;border-style:dashed;color:#526b8c}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) div.hierarchy-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) [data-warm-level]{position:relative;min-width:0;min-height:96px;border-radius:20px;white-space:normal}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .warm-level-art{display:none}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .warm-resources.warm-only{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:4px 20px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .warm-resource{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:136px;padding:18px;background:#fff;border:1px solid #d7e8f8;border-radius:24px;color:#10295b;text-decoration:none;text-align:center;white-space:normal;font:inherit;font-weight:700;line-height:1.8}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .warm-resource-art{display:block;width:64px;height:60px;object-fit:contain}

/* Lesson panels stay in the same accessible DOM order, including the full
   video completion gate and all completed/submitted exercise history. */
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.intro,.modern-hero){background:linear-gradient(125deg,#dceeff,#f5faff);color:#10295b;border:1px solid #d7e8f8;border-radius:28px;box-shadow:none;--reading-palette:normal}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.intro,.modern-hero) :is(h1,h2,p,.eyebrow,.intro-foot>span){color:#10295b}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.intro,.modern-hero) .primary{background:#0868ef!important;color:#fff!important;--reading-palette:--reading-light}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.goals-section,.intro-video-section,.structures-section,.dialogue-section,.vocabulary-section,.practice-section){background:#fff;border:1px solid #d7e8f8;border-radius:24px;box-shadow:0 6px 24px #214b7806}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.dialogue-section summary,.vocabulary-section h2,.practice-section>.section-head h2){color:#10295b}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .dialogue-line{padding:18px;margin-block:12px;background:#edf7ff;border-radius:20px;border:1px solid #d7e8f8;gap:18px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.intro-video-section video,.dialogue-visual img){border-radius:20px;max-width:100%}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.activity,.option,.field,.structure-grid article){background:#fff;color:#10295b;border:1px solid #c3daf2;border-radius:20px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .activity{padding:22px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .activity.locked{background:#edf2f7;color:#526b8c}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .activity-screen{padding:clamp(22px,3vw,38px);max-width:940px;margin-inline:auto;border-radius:28px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .activity-screen .prompt{font-size:clamp(25px,3vw,34px);line-height:2}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .activity-screen .pill{display:inline-flex;gap:8px;align-items:center;background:#e1f0ff;color:#0756c8;padding:8px 14px;border-radius:999px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.activity-screen .audio-box,.pattern-panel,.support-box,.arabic-keyboard){background:#edf7ff;color:#10295b;border-color:#d7e8f8;border-radius:20px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(#listen,#slow,[data-choice-sound],.guest-audio,.icon-btn){background:#e1f0ff;color:#0756c8;border:1px solid #bed6ee;box-shadow:none;border-radius:999px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) #record{background:#0868ef;color:#fff;border-color:#0868ef}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) #record.danger{background:#aa303b;color:#fff;border-color:#aa303b}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .option.selected{background:#e1f0ff;border:2px solid #0868ef;color:#0756c8}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .option.selected .radio{background:#0868ef;border-color:#0868ef}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .activity-screen :is(#submit,#next){min-height:54px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.tabs,.practice-section .tabs){background:#e1f0ff;border-radius:999px;padding:6px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.tabs button.selected,.chip.selected){background:#0868ef;color:#fff;border-color:#0868ef;border-radius:999px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .guided-progress{padding:20px 24px;background:#e1f0ff;border:1px solid #d7e8f8;border-radius:24px;color:#10295b;margin-block:16px 24px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(progress,.meter){accent-color:#0868ef;background:#d7e8f8;border-radius:999px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) progress::-webkit-progress-bar{background:#d7e8f8;border-radius:999px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) progress::-webkit-progress-value{background:#0868ef;border-radius:999px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) progress::-moz-progress-bar{background:#0868ef;border-radius:999px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .meter>div{background:#0868ef;border-radius:999px}
/* State semantics retain distinct green success, amber pending and red retry. */
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(button,[role=button],input,select,textarea):disabled{opacity:1;background:#e2eaf3;color:#5b6b80;border-color:#cbd6e3;box-shadow:none;cursor:not-allowed;--reading-palette:normal}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.intro,.modern-hero) .primary:disabled{background:#e2eaf3!important;color:#5b6b80!important;--reading-palette:normal}

/* Startup and account restoration use the same visual identity. */
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand-loading{min-height:100svh;padding:32px 24px;background:radial-gradient(ellipse at 50% 42%,#fff 5%,#edf7ff 60%,#d9edff);color:#10295b;text-align:center;gap:24px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand-loading .previous-loading-mark{display:none}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand-loading .blue-loading-mark{display:block;width:112px;height:112px;border-radius:28px;padding:12px;background:#fff;border:1px solid #d7e8f8;box-shadow:0 16px 45px #0868ef14}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand-loading strong{font-size:clamp(28px,4vw,36px)}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand-loading .brand-caption{max-width:310px;font-size:16px;line-height:1.9;color:#526b8c}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand-loading-track{width:156px;height:6px;background:#d7e8f8}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand-loading-track i{background:#0868ef}

@media(max-width:760px){
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .layout{display:block;margin-block:16px 110px;padding-inline:16px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .card{padding:20px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .top{padding:12px 16px;gap:10px;flex-wrap:wrap}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand{font-size:18px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .top .brand-caption{font-size:12px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card{grid-template-columns:1fr;padding:18px;gap:8px;border-radius:28px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .blue-hero-art{grid-column:1;grid-row:1;max-height:290px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .blue-hero-art img{height:auto;max-height:290px;object-fit:contain}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card>.warm-hero-copy{grid-column:1;grid-row:2;text-align:center}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .warm-hero-title{font-size:30px;margin-block-end:8px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .navy-hero-title{font-size:17px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) div.hierarchy-levels{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .warm-resources.warm-only{gap:8px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .warm-resource{padding:12px 8px;font-size:14px;min-height:120px;border-radius:20px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .warm-resource-art{width:52px;height:48px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.guest-bottom,.bottom){background:#fff;border:1px solid #d7e8f8;border-radius:24px 24px 0 0;box-shadow:0 -4px 20px #214b7808;backdrop-filter:none;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.guest-bottom .guest-nav-active,.bottom .active){color:#0756c8;background:#e1f0ff;box-shadow:none;border-radius:16px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .activity-screen{padding:20px;border-radius:24px}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .dialogue-line{padding:14px;gap:12px}
}
@media(prefers-reduced-motion:reduce){
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) *{scroll-behavior:auto!important;transition:none!important}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand-loading-track i{animation:none;width:100%;opacity:.7}
}
@media print{
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) body{background:#fff;color:#10295b}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) :is(.card,.hierarchy-continue.card){background:#fff;box-shadow:none}
  :root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .blue-hero-art{display:none}
}

:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) [hidden]{display:none!important}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand .previous-brand-mark{display:none}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand .blue-only{display:block;padding:5px;background:#fff;border:1px solid #d7e8f8}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-home>h1{font-size:26px;margin-block:0;line-height:1.7}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .bottom :is(a,button){color:#526b8c}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .bottom .active{color:#0756c8;background:#e1f0ff;box-shadow:none;border-radius:16px}
/* Instructions and translations need independent lines at every width; an
   inline flex row can collapse the Arabic question to a zero-width column. */
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .activity-intro{display:flex;flex-direction:column;align-items:stretch;gap:12px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .activity-intro .prompt{min-width:0;width:100%;margin-block:0;overflow-wrap:break-word}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .activity-intro .lesson-translation{width:100%;min-width:0;line-height:1.8}
/* Put the current lesson's identity and learning materials ahead of secondary
   dashboard cards. Nothing is removed and prerequisites still control visibility. */
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .main:has(>.hierarchy-breadcrumb){display:flex;flex-direction:column}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .main>.hierarchy-breadcrumb{order:-5;align-self:flex-start}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .main:has(>.hierarchy-breadcrumb)>.intro{order:-4;margin-block:0 20px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .main>.goals-section{order:-3}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .main>.intro-video-section{order:-2}
@media(max-width:760px){
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .blue-hero-art img{max-height:180px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card :is(h1,h2,p,.arabic,.modern-kicker){margin-block:0 6px;line-height:1.65}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card :is(h1,h2):not(.warm-hero-title){font-size:18px}
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .hierarchy-continue.card p:not(.navy-hero-title):not(.arabic){font-size:14px}
}

:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .brand-loading .blue-loading-status{display:block;font-size:16px;color:#526b8c}
/* The existing navigation also stays visible on portrait tablets. */
:root#learning-site[data-site-design="blue"]:not([data-learning-ui="classic"]) .bottom{background:#fff;border:1px solid #d7e8f8;border-radius:24px 24px 0 0;box-shadow:0 -4px 20px #214b7808;backdrop-filter:none;padding-bottom:calc(8px + env(safe-area-inset-bottom))}