/* Bonjour Nawa immersive presentation 20261017-r1.
 * HOME/LEARN presentation only. Do not theme preserved libraries, account forms,
 * plans, payments, admin, footer, audio controls or result/status semantics. */
@media screen {
  html body.nawa-clear #app #view :is(.nc-home,.nc-learning,.nc-learn) {
    --nwv-blue:#2254dc; --nwv-coral:#ed625d; --nwv-ink:#152c4e;
    --nwv-muted:#5b6d87; --nwv-pale:#edf2ff; --nwv-line:#e3e9f3;
  }
  html body.nawa-clear #app #view :is(.nc-home,.nc-learning,.nc-learn)>.nc-heading {
    max-width:900px; margin-bottom:32px;
  }
  html body.nawa-clear #app #view :is(.nc-home,.nc-learning,.nc-learn)>.nc-heading h1 {
    color:var(--nwv-ink); font-size:clamp(36px,4.6vw,66px); line-height:1.09;
    letter-spacing:-.045em; font-weight:720; margin-block:12px 18px;
  }
  html body.nawa-clear #app #view :is(.nc-home,.nc-learning,.nc-learn)>.nc-heading h1 [lang=ar] {
    letter-spacing:0; font-size:.65em; line-height:1.55; font-weight:500;
  }
  html body.nawa-clear #app #view :is(.nc-home,.nc-learning,.nc-learn)>.nc-heading>p {
    color:var(--nwv-muted); line-height:1.75;
  }
  html body.nawa-clear #app #view .nc-home>.nc-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  html body.nawa-clear #app #view .nc-home>.nc-feature-grid>.nc-feature {
    border:1px solid transparent; border-radius:26px; padding:30px;
    background:#f5eee5; box-shadow:none; min-width:0;
  }
  html body.nawa-clear #app #view .nc-home>.nc-feature-grid>.nc-feature-civic {
    background:var(--nwv-pale); border-block-start:4px solid var(--nwv-coral); padding-top:27px;
  }
  html body.nawa-clear #app #view .nc-home>.nc-feature-grid .nc-feature-head h2 {
    font-size:clamp(25px,2.5vw,33px); line-height:1.22; font-weight:680;
    letter-spacing:-.03em; color:var(--nwv-ink);
  }
  html body.nawa-clear #app #view .nc-home>.nc-feature-grid .nc-emblem {
    background:#fff; color:var(--nwv-blue); border-radius:15px; width:48px; height:48px;
  }
  html body.nawa-clear #app #view .nc-home>.nc-feature-grid .nc-language-quick :is(button,a) {
    background:#ffffffc7; border-color:#ffffff; border-radius:14px; color:var(--nwv-ink);
  }
  html body.nawa-clear #app #view .nc-home>.nc-feature-grid .nc-button {
    border-radius:15px; min-height:52px; line-height:1.5;
  }
  html body.nawa-clear #app #view .nc-home>.nc-feature-grid .nc-button.nc-primary {
    color:#fff; background:var(--nwv-blue); border-color:var(--nwv-blue);
  }
  html body.nawa-clear #app #view .nc-home>.nc-category-grid>.nc-category {
    border-color:var(--nwv-line); border-radius:20px; padding:23px 20px;
    box-shadow:0 6px 22px #152c4e04;
  }
  html body.nawa-clear #app #view .nc-home>.nc-category-grid>.nc-category:hover {
    border-color:var(--nwv-blue); background:#f9fbff;
  }
  html body.nawa-clear #app #view :is(.nc-learning,.nc-learn)>.nc-language-grid>.nc-language-card {
    border-color:var(--nwv-line); border-radius:24px; padding:28px;
    background:linear-gradient(145deg,#fff 65%,#f4f7ff); box-shadow:0 7px 24px #152c4e05;
  }
  html body.nawa-clear #app #view :is(.nc-learning,.nc-learn)>.nc-language-grid .nc-language-title h2 {
    color:var(--nwv-ink); font-weight:680; letter-spacing:-.03em;
  }
  html body.nawa-clear #app #view :is(.nc-learning,.nc-learn)>.nc-language-grid .nc-resource-links a {
    border-color:var(--nwv-line); border-radius:13px; background:var(--nwv-pale); color:var(--nwv-blue);
  }
  html body.nawa-clear #app #view .nc-home>.nc-heading>.nwv-launch {
    display:inline-flex; align-items:center; gap:12px; min-height:50px; max-width:100%;
    padding:12px 18px; margin-top:22px; border:1px solid #c8d5f8; border-radius:15px;
    background:#fff; color:var(--nwv-blue); font:inherit; font-size:14px;
    line-height:1.5; font-weight:650; white-space:normal; text-align:start; cursor:pointer;
  }
  html body.nawa-clear #app #view .nc-home>.nc-heading>.nwv-launch>svg {width:23px;height:23px;flex-shrink:0}
  html body.nawa-clear #app #view .nc-home>.nc-heading>.nwv-launch .nc-pair>[lang=ar-EG] {
    display:block; direction:rtl; font-family:Tahoma,Arial,sans-serif; font-size:.9em; font-weight:400; line-height:1.7;
  }
  html body.nawa-clear #app #view .nc-home>.nc-heading>.nwv-launch:focus-visible {
    outline:3px solid #1670d8; outline-offset:4px;
  }
  @media(max-width:760px) {
    html body.nawa-clear #app #view .nc-home>.nc-feature-grid {grid-template-columns:minmax(0,1fr);gap:16px}
    html body.nawa-clear #app #view .nc-home>.nc-feature-grid>.nc-feature {padding:24px 20px;border-radius:22px}
    html body.nawa-clear #app #view .nc-home>.nc-feature-grid>.nc-feature-civic {padding-top:21px}
    html body.nawa-clear #app #view :is(.nc-learning,.nc-learn)>.nc-language-grid>.nc-language-card {padding:24px 20px;border-radius:21px}
  }
}

/* New native <dialog> only. Existing application DOM and controls stay intact. */
#nawa-visual-dialog {
  --nwv-blue:#2254dc; --nwv-coral:#ed625d; --nwv-ink:#152c4e;
  --nwv-muted:#5b6d87; --nwv-pale:#edf2ff; --nwv-line:#e3e9f3;
  box-sizing:border-box; position:fixed; inset:0; margin:0; padding:0; border:0;
  width:100vw; max-width:none; height:100vh; height:100dvh; max-height:none;
  overflow:auto; overscroll-behavior:contain; background:#fffdf8; color:var(--nwv-ink);
  color-scheme:light; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  line-height:1.6;
}
#nawa-visual-dialog:not([open]) {display:none}
#nawa-visual-dialog::backdrop {background:#152c4e7a}
#nawa-visual-dialog * {box-sizing:border-box}
#nawa-visual-dialog button,#nawa-visual-dialog input {font:inherit}
#nawa-visual-dialog button,#nawa-visual-dialog a {touch-action:manipulation;cursor:pointer}
#nawa-visual-dialog :is(button,a,input):focus-visible {outline:3px solid #1670d8;outline-offset:4px}
#nawa-visual-dialog button:disabled {cursor:not-allowed;opacity:.55}
#nawa-visual-dialog .nwv-shell {width:100%;max-width:1200px;min-height:100%;margin:auto;padding:20px clamp(18px,4vw,46px) 30px}
#nawa-visual-dialog .nwv-top {position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 16px;background:#fffdf8}
#nawa-visual-dialog .nwv-brand {display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;letter-spacing:-.5px}
#nawa-visual-dialog .nwv-brand img {width:38px;height:38px;object-fit:contain;flex-shrink:0}
#nawa-visual-dialog .nwv-close {min-height:48px;padding:10px 17px;border:1px solid var(--nwv-line);border-radius:14px;background:#fff;color:var(--nwv-blue);font-size:14px;font-weight:650}
#nawa-visual-dialog .nwv-scenes {display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:6px 3px 10px;margin-top:8px}
#nawa-visual-dialog .nwv-scenes button {flex-shrink:0;min-height:48px;padding:10px 15px;border:1px solid var(--nwv-line);border-radius:14px;background:#fff;color:var(--nwv-blue);font-size:13px;font-weight:600}
#nawa-visual-dialog .nwv-scenes button[aria-pressed=true] {background:var(--nwv-blue);border-color:var(--nwv-blue);color:#fff}
#nawa-visual-dialog .nwv-body {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center;min-height:440px;padding-block:26px}
#nawa-visual-dialog .nwv-art {min-width:0;border-radius:30px;background:var(--nwv-pale);padding:12px}
#nawa-visual-dialog[data-scene=civic] .nwv-art {background:#e7edff}
#nawa-visual-dialog[data-scene=complete] .nwv-art {background:#f5eee5}
#nawa-visual-dialog .nwv-copy {min-width:0}
#nawa-visual-dialog .nwv-kicker {font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--nwv-blue);margin:0 0 12px}
#nawa-visual-dialog h1 {font-size:clamp(34px,4.8vw,61px);line-height:1.1;letter-spacing:-.045em;margin:0 0 18px;color:var(--nwv-ink);font-weight:740;text-wrap:balance}
#nawa-visual-dialog .nwv-eg {display:block;direction:rtl;text-align:start;font-family:Tahoma,Arial,sans-serif;letter-spacing:0;font-weight:400;line-height:1.8;margin-top:8px}
#nawa-visual-dialog h1 .nwv-eg {font-size:.55em;line-height:1.65;margin-top:14px}
#nawa-visual-dialog .nwv-description {font-size:16px;line-height:1.8;color:var(--nwv-muted);margin:0 0 24px}
#nawa-visual-dialog .nwv-actions {display:grid;gap:11px;margin-top:24px}
#nawa-visual-dialog .nwv-destination {display:block;min-height:55px;padding:14px 18px;border-radius:16px;background:var(--nwv-blue);color:#fff;text-decoration:none;font-size:15px;font-weight:650;line-height:1.5}
#nawa-visual-dialog .nwv-destination .nwv-eg {font-size:14px;margin-top:3px}
#nawa-visual-dialog .nwv-destination.nwv-secondary {background:#fff;border:1px solid #c8d5f8;color:var(--nwv-blue)}
#nawa-visual-dialog .nwv-destination:hover {filter:brightness(.96)}
#nawa-visual-dialog .nwv-controls {display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--nwv-line);padding-top:22px;margin-top:14px}
#nawa-visual-dialog .nwv-motion-label {display:flex;align-items:center;gap:11px;min-height:48px;font-size:14px;cursor:pointer}
#nawa-visual-dialog .nwv-motion-label input {width:22px;height:22px;accent-color:var(--nwv-blue)}
#nawa-visual-dialog .nwv-replay {min-height:48px;padding:11px 18px;border:1px solid #c8d5f8;border-radius:14px;background:#fff;color:var(--nwv-blue);font-size:14px;font-weight:650}
#nawa-visual-dialog .nwv-note {font-size:12px;line-height:1.8;color:var(--nwv-muted);margin:19px 0 0;max-width:830px}
#nawa-visual-dialog .nwv-status {font-size:12px;line-height:1.8;color:var(--nwv-muted);margin:10px 0 0}
@media(max-width:720px) {
  #nawa-visual-dialog .nwv-shell {padding:12px 18px 28px}
  #nawa-visual-dialog .nwv-top {gap:10px;padding-bottom:12px}
  #nawa-visual-dialog .nwv-brand {font-size:17px}
  #nawa-visual-dialog .nwv-brand img {width:31px;height:31px}
  #nawa-visual-dialog .nwv-close {font-size:12px;padding-inline:12px}
  #nawa-visual-dialog .nwv-body {grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding-block:15px 25px}
  #nawa-visual-dialog .nwv-art {width:100%;max-width:430px;margin:auto;border-radius:24px}
  #nawa-visual-dialog h1 {font-size:clamp(32px,8vw,43px)}
  #nawa-visual-dialog .nwv-controls {align-items:stretch;gap:10px}
  #nawa-visual-dialog .nwv-replay {width:100%}
}
@media(prefers-reduced-motion:reduce) {
  #nawa-visual-dialog *,#nawa-visual-dialog *::before,#nawa-visual-dialog *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
#nawa-visual-dialog[data-motion=off] *,#nawa-visual-dialog[data-motion=off] *::before,#nawa-visual-dialog[data-motion=off] *::after {animation:none!important;transition:none!important}