/* Original A palette: midnight navy, cyan light and blue glass.
   Colour only: page layout, photographs and motion stay in their own stylesheets.
   Screen-scoping preserves the existing paper-friendly print styles. */
@media screen {
  body:is(.brand-korea,.brand-korean) {
    --a-midnight:#061224; --a-deep:#071629; --a-surface:#0a1e35;
    --a-raised:#12314d; --a-text:#f1f7ff; --a-muted:#b7cce0;
    --a-cyan:#65ceff; --a-blue:#268cff; --a-lilac:#ada5ff;
    --a-line:#65ceff33; --a-glass:linear-gradient(135deg,#12314d,#071629);
    --paper:var(--a-midnight); --white:var(--a-surface); --ink:var(--a-text);
    --muted:var(--a-muted); --line:var(--a-line);
    --accent:var(--a-cyan); --accent-dark:#b9e9ff;
    --coral:#123555; --tangerine:#17436b; --saffron:#103451;
    --rose:var(--a-lilac); --teal:var(--a-cyan);
    --action-bg:var(--a-cyan); --action-hover:#9ce2ff; --on-action:var(--a-midnight);
    color:var(--a-text); color-scheme:dark;
    background:radial-gradient(ellipse 1100px 680px at 72% 0%,#268cff12,transparent 72%),var(--a-midnight);
  }
  body:is(.brand-korea,.brand-korean) ::selection { background:var(--a-cyan); color:var(--a-midnight); }
  body:is(.brand-korea,.brand-korean) :is(a,button,summary):focus-visible { outline-color:var(--a-cyan); }
  body:is(.brand-korea,.brand-korean) .skip-link { background:var(--a-cyan); color:var(--a-midnight); }

  /* Shared navigation and reading surfaces, including all practical guides. */
  body:is(.brand-korea,.brand-korean) .site-header { background:#061224ed; border-color:var(--a-line); }
  body.cinematic .site-header { background:transparent; }
  body.cinematic .site-header:before { background:linear-gradient(#061224ed,#061224bf 62%,transparent); }
  body:is(.brand-korea,.brand-korean) .site-header nav a { color:var(--a-text); }
  body:is(.brand-korea,.brand-korean) .site-header nav a:is(:hover,[aria-current]) { color:var(--a-cyan); border-color:var(--a-cyan); }
  body:is(.brand-korea,.brand-korean) .language { color:var(--a-muted); }
  body:is(.brand-korea,.brand-korean) .motion-toggle { color:var(--a-text); background:#12314d66; border-color:var(--a-line); }
  body:is(.brand-korea,.brand-korean) .motion-toggle:hover { background:#17436b; border-color:#65ceff80; }
  body:is(.brand-korea,.brand-korean) .site-footer { background:var(--a-deep); border-color:var(--a-line); }
  body:is(.brand-korea,.brand-korean) .footer-top { border-color:var(--a-line); }
  body:is(.brand-korea,.brand-korean) :is(.footer-top p,.footer-links a,.footer-bottom) { color:var(--a-muted); }
  body:is(.brand-korea,.brand-korean) .footer-links a:hover { color:var(--a-cyan); }
  body:is(.brand-korea,.brand-korean) :is(.eyebrow,.scene-format) { color:var(--a-cyan); }
  body:is(.brand-korea,.brand-korean) :is(.hero-description,.hero-footnote,.section-heading>p,.breadcrumb) { color:var(--a-muted); }
  body:is(.brand-korea,.brand-korean) .tiny-rule { background:var(--a-cyan); }
  body:is(.brand-korea,.brand-korean) .text-link { color:#b9e9ff; }
  body:is(.brand-korea,.brand-korean) .text-link:hover { color:var(--a-text); }
  body:is(.brand-korea,.brand-korean) .photo-credit { color:var(--a-muted); }
  body:is(.brand-korea,.brand-korean) .photo-credit:hover { color:var(--a-cyan); }
  body:is(.brand-korea,.brand-korean) :is(.side-phrase,.visit-card,.coastal-card,.hello-card,.lesson-peek) {
    background:var(--a-glass); border-color:var(--a-line); color:var(--a-text);
  }
  body:is(.brand-korea,.brand-korean) .side-phrase { border-top-color:var(--a-cyan); }
  body:is(.brand-korea,.brand-korean) .stage-phrase { background:var(--a-surface); border-color:var(--a-line); }
  body:is(.brand-korea,.brand-korean) :is(.hello-card,.lesson-peek) { box-shadow:0 14px 35px #020a1840; }
  body:is(.brand-korea,.brand-korean) :is(.phrase-feature,.cover-divider) { border-color:var(--a-line); }
  body:is(.brand-korea,.brand-korean) :is(.journey-nav a,.journey-card):hover { background:#12314d99; }
  body:is(.brand-korea,.brand-korean) .journey-card:nth-child(n) .step-number { background:#123555; color:var(--a-cyan); border-color:var(--a-line); }
  body:is(.brand-korea,.brand-korean) :is(.source-note .eyebrow,.source-note a) { color:var(--a-cyan); }
  body:is(.brand-korea,.brand-korean) .button,
  body:is(.brand-korea,.brand-korean) .visit-card .button,
  body.cinematic :is(.cinema-button-light,.cinema-button-dark) {
    background:linear-gradient(135deg,#b7edff,var(--a-cyan) 62%,#57bff0);
    color:var(--a-midnight); border-color:#9cdefa;
    box-shadow:inset 0 1px 0 #e7f8ff80,0 7px 26px #268cff1a;
  }
  body:is(.brand-korea,.brand-korean) .button:hover,
  body:is(.brand-korea,.brand-korean) .visit-card .button:hover,
  body.cinematic :is(.cinema-button-light,.cinema-button-dark):hover {
    background:linear-gradient(135deg,#cef3ff,#9ce2ff 62%,#65ceff); color:var(--a-midnight);
    box-shadow:inset 0 1px 0 #f1faff80,0 7px 30px #268cff33;
  }
  body:is(.brand-korea,.brand-korean) .button-secondary,
  body.cinematic .cinema-button-glass {
    background:var(--a-glass); color:var(--a-text); border-color:#65ceff59;
    box-shadow:inset 0 1px 0 #65ceff1a;
  }
  body:is(.brand-korea,.brand-korean) .button-secondary:hover,
  body.cinematic .cinema-button-glass:hover { background:var(--a-raised); color:var(--a-text); border-color:#65ceff99; }
  body:is(.brand-korea,.brand-korean) .toast { background:#b7edff; color:var(--a-midnight); box-shadow:0 7px 30px #020a1880; }

  /* Film previews keep the original photographs; only their surrounding UI changes. */
  body:is(.brand-korea,.brand-korean) .coast-film { background:var(--a-glass); color:var(--a-text); }
  body:is(.brand-korea,.brand-korean) .film-copy :is(.eyebrow,.text-link) { color:var(--a-cyan); }
  body:is(.brand-korea,.brand-korean) .film-copy h2 em { color:#b9e9ff; }
  body:is(.brand-korea,.brand-korean) :is(.film-copy>p:not(.eyebrow),.film-title span,.film-note,.film-note .photo-credit) { color:var(--a-muted); }
  body:is(.brand-korea,.brand-korean) .video-frame { background:var(--a-deep); border-color:var(--a-line); }
  body:is(.brand-korea,.brand-korean) .video-play:after { background:linear-gradient(transparent,#061224cc); }
  body:is(.brand-korea,.brand-korean) .video-play .play-disc {
    background:var(--a-cyan); color:var(--a-midnight); box-shadow:0 0 0 12px #65ceff16,0 0 45px #06122480;
  }
  body:is(.brand-korea,.brand-korean) .video-play:hover .play-disc { background:#9ce2ff; }
  body:is(.brand-korea,.brand-korean) .video-play:focus-visible { outline-color:var(--a-cyan); }

  /* Travel homepage: replace the white arrival panel and pink light with A blue. */
  body.cinematic .cinema-hero { background:var(--a-deep); }
  body.cinematic .cinema-hero-shade {
    background:linear-gradient(90deg,#061224c4 0%,#07162966 42%,#07162908 75%),
      linear-gradient(0deg,#061224 0%,#0716291c 36%,#07162910 75%,#07162940 100%);
  }
  body.cinematic .cinema-halo-blue { background:radial-gradient(ellipse,#268cff3d,transparent 65%); }
  body.cinematic .cinema-hero h1 em { background-image:linear-gradient(110deg,#f1f7ff,#b9e9ff 45%,#65ceff 95%); }
  body.cinematic :is(.cinema-heading h2 em,.cinema-coast-copy h2 em,.cinema-closing h2 em) { color:#b9e9ff; }
  body.cinematic :is(.cinema-kicker,.cinema-coast-copy .cinema-kicker,.cinema-closing .cinema-kicker) { color:var(--a-cyan); }
  body.cinematic :is(.cinema-heading>p,.cinema-coast-copy>p:not(.cinema-kicker),.cinema-discover-foot,.cinema-quick a>span:first-child) { color:var(--a-muted); }
  body.cinematic .cinema-card { background-color:var(--a-surface); border-color:var(--a-line); }
  body.cinematic .cinema-card:hover { border-color:#65ceff80; box-shadow:0 18px 70px #268cff26; }
  body.cinematic .cinema-card:after { background:linear-gradient(transparent,#07162954 35%,#061224ef); }
  body.cinematic .cinema-card-language {
    background:radial-gradient(ellipse at 82% 12%,#268cff66,transparent 56%),radial-gradient(ellipse at 0% 46%,#65ceff26,transparent 50%),var(--a-deep);
  }
  body.cinematic .glass-letter {
    color:#d8f3ff; background:linear-gradient(135deg,#d8f3ff29,#268cff0e 50%,#65ceff29); border-color:#65ceff73;
    box-shadow:inset 2px 2px 2px #e8faff6b,inset -2px -2px 4px #268cff38,14px 24px 55px #020a1873,0 0 45px #268cff24;
    text-shadow:0 2px 0 #94d8f5,0 4px 0 #62a9d7,0 6px 0 #377aad,0 8px 0 #245581,0 15px 25px #061224;
  }
  body.cinematic .letter-two { background:linear-gradient(135deg,#d8f3ff2e,#65ceff0e 50%,#268cff26); border-color:#9cdefa73; }
  body.cinematic .orbit-two { border-color:#65ceff30; }
  body.cinematic .cinema-arrival { background:var(--a-glass); color:var(--a-text); }
  body.cinematic .cinema-arrival .cinema-kicker { color:var(--a-cyan); }
  body.cinematic .cinema-arrival h2 em { color:#b9e9ff; }
  body.cinematic :is(.cinema-arrival .cinema-heading>p,.cinema-guide-copy>p,.cinema-arrival-foot) { color:var(--a-muted); }
  body.cinematic :is(.cinema-guide,.cinema-arrival-foot) { border-color:var(--a-line); }
  body.cinematic .cinema-guide-photo { background:var(--a-surface); }
  body.cinematic .cinema-arrow { background:#12314d66; color:#b9e9ff; border-color:#65ceff59; }
  body.cinematic :is(.cinema-guide,.cinema-card,.cinema-everyday-story):hover .cinema-arrow { background:#268cff33; border-color:#65ceff99; }
  body.cinematic .cinema-coast-image:after { background:linear-gradient(transparent,#0612248a); }
  body.cinematic .cinema-closing-glow {
    background:radial-gradient(ellipse at 25% 100%,#268cff33,transparent 50%),radial-gradient(ellipse at 85% 115%,#65ceff1f,transparent 55%);
  }

  /* Korean uses the same blue glass, with lilac confined to secondary details. */
  body.learning-glass em { color:#b9e9ff; }
  body.learning-glass .hello-composition::before { background:radial-gradient(ellipse,#268cff55,#65ceff1f 48%,transparent 70%); }
  body.learning-glass .hello-orbit-two { border-color:#ada5ff33; }
  body.learning-glass .hello-glass {
    background:radial-gradient(ellipse at 89% 1%,#65ceff66,transparent 47%),radial-gradient(ellipse at 0% 90%,#ada5ff22,transparent 64%),linear-gradient(135deg,#123b59e0,#071629e0 72%);
    border-color:#65ceff69;
  }
  body.learning-glass .hello-caption { background:linear-gradient(120deg,#12314ded,#071629ed); border-color:var(--a-line); }
  body.learning-glass .hello-caption:hover { border-color:#65ceff99; }
  body.learning-glass :is(.journey-card,.letter-card,.scene-badge,.scene-switcher a) { background:var(--a-glass); border-color:var(--a-line); }
  body.learning-glass .journey-card:hover { background:linear-gradient(135deg,#17436b,#0a1e35); border-color:#65ceff80; }
  body.learning-glass :is(.journey-card h3,.lesson-notes h2) { color:var(--a-text); }
  body.learning-glass :is(.journey-card>p:not(.eyebrow),.hangul-feature p:not(.eyebrow),.lesson-context figcaption,.lesson-notes>p,.lesson-words div span:last-child,.scene-guide p) { color:var(--a-muted); }
  body.learning-glass :is(.journey-card .icon,.journey-card .text-link,.scene-badge,.letter-card .letter,.scene-switcher-number,.scene-switcher .icon) { color:var(--a-cyan); }
  body.learning-glass .hangul-tiles { background:radial-gradient(at 85% 0%,#268cff26,transparent 60%),var(--a-deep); border-color:var(--a-line); }
  body.learning-glass .hangul-tiles span { background:linear-gradient(140deg,#65ceff33,#12314d 60%,#268cff1f); color:#c9edff; border-color:#65ceff59; }
  body.learning-glass .hangul-tiles span:nth-child(2),body.learning-glass .hangul-tiles span:nth-child(3) { background:linear-gradient(140deg,#ada5ff26,#12314d 60%,#65ceff1f); color:#dad7ff; }
  body.learning-glass .scene-switcher a:hover { border-color:#65ceff80; }
  body.learning-glass .scene-switcher a[aria-current] { background:linear-gradient(135deg,#b7edff,#65ceff 70%,#57bff0); color:var(--a-midnight); border-color:#9cdefa; }
  body.learning-glass .scene-switcher a[aria-current] :is(.scene-switcher-number,.icon) { color:var(--a-midnight); }
  body.learning-glass .conversation { background:radial-gradient(ellipse at 80% 0%,#268cff14,transparent 52%),var(--a-deep); border-color:var(--a-line); }
  body.learning-glass .conversation-toolbar { background:transparent; }
  body.learning-glass .translation-toggle { background:#12314d; color:#b9e9ff; border-color:#65ceff59; }
  body.learning-glass .translation-toggle:hover { background:#17436b; }
  body.learning-glass .translation-toggle[aria-pressed=false] { background:var(--a-cyan); color:var(--a-midnight); }
  body.learning-glass .dialogue-line { background:#65ceff05; border-color:#65ceff26; }
  body.learning-glass .dialogue-line:focus-within { background:#12314d; border-color:#65ceff80; box-shadow:inset 3px 0 0 var(--a-cyan); }
  body.learning-glass :is(.speaker,.dialogue-text .translation,.lesson-note) { color:var(--a-muted); }
  body.learning-glass .speaker>span { color:var(--a-cyan); }
  body.learning-glass .copy-phrase { background:#65ceff08; color:#b9e9ff; border-color:var(--a-line); }
  body.learning-glass .copy-phrase:hover { background:#268cff33; color:var(--a-text); }
  body.learning-glass .hangul-example { background:radial-gradient(at 5% 5%,#65ceff1f,transparent 65%),var(--a-surface); border-color:var(--a-line); }
  body.learning-glass .hangul-example .syllable { color:var(--a-cyan); }
}

@media screen and (max-width:800px) {
  body:is(.brand-korea,.brand-korean) .site-header nav.is-open { background:#071629fa; border-color:var(--a-line); }
  body.cinematic .menu-toggle { background:#12314d66; border-color:var(--a-line); }
  body.cinematic .cinema-hero-shade {
    background:linear-gradient(90deg,#061224b3,#0716294d 70%,#0716290d),linear-gradient(0deg,#061224,#07162900 60%);
  }
}
@media screen and (max-width:650px) {
  body.cinematic .cinema-hero-shade {
    background:linear-gradient(90deg,#0612249c,#07162952 70%,#07162926),linear-gradient(0deg,#061224,#07162914 46%,#07162910);
  }
}