/*
  AMAADOR ACADEMY - home design system for inner pages (v 20261024a, package P1: course catalogue).
  Loaded AFTER academy-luminous-system.css. Overrides tokens + restyles components by CSS only.
  Never loaded by the home pages, /c/, /api/, certificate paper/PDF, quiz/exam/verify pages (P1).
  Fail-safe: delete this file and every page falls back to the previous look.
  Home token source: academy-luminous-home.css (light + dark). Pitch is mapped to the same navy as dark.
*/

/* ---------- 1. TOKENS ---------- */
html[data-theme="light"]{
  --h-violet:#6637f4;--h-violet2:#844dff;--h-cyan:#16a9eb;--h-green:#00a978;
  --h-shadow:0 22px 60px rgba(51,76,124,.14);--h-shadow-sm:0 8px 24px rgba(51,76,124,.10);
  --bg:#f8faff;--bg2:#f1f3ff;--bg3:#eaeefb;--window:#fff;--surface:#fff;--surface2:#f3f5ff;
  --glass:rgba(248,250,255,.86);--glass-strong:rgba(255,255,255,.97);
  --ink:#071335;--ink2:#25324f;--txt:#34415f;--muted:#596784;--mut:#596784;--faint:#66728c;
  --line:#dce4f2;--line2:#c9d4ea;--line3:#b4c1dc;--hair:rgba(7,19,53,.07);
  --navy:#071335;--navy2:#071021;--on-navy:#fff;
  --acc:#6637f4;--acc2:#844dff;--acc-fill:#6637f4;--acc-fill2:#844dff;--acc-rgb:102,55,244;
  --acc-dim:rgba(102,55,244,.10);--acc-soft:rgba(102,55,244,.07);--on-acc:#fff;
  --gold:#6637f4;--gold2:#844dff;--good:#00785a;--bad:#c2334d;
  --r:16px;--r-md:20px;--r-xl:28px;--pill:999px;
  --shadow:0 22px 60px rgba(51,76,124,.14);--shadow-sm:0 8px 24px rgba(51,76,124,.10);--shadow-lg:0 30px 80px rgba(51,76,124,.18);
  --lum-bg:#f8faff;--lum-surface:#fff;--lum-surface2:#f1f3ff;--lum-ink:#071335;--lum-muted:#596784;--lum-line:#dce4f2;
  --lum-violet:#6637f4;--lum-cyan:#16a9eb;--lum-green:#00a978;--lum-shadow:0 22px 60px rgba(51,76,124,.14);
  color-scheme:light;
}
:root,html[data-theme="dark"],html[data-theme="pitch"]{
  --h-violet:#9c7bff;--h-violet2:#6f50ff;--h-cyan:#45c8ff;--h-green:#37dca4;
  --h-shadow:0 28px 70px rgba(0,0,0,.35);--h-shadow-sm:0 10px 28px rgba(0,0,0,.28);
  --bg:#071021;--bg2:#0a152a;--bg3:#0d1a33;--window:#101b31;--surface:#101b31;--surface2:#14223e;
  --glass:rgba(7,16,33,.86);--glass-strong:rgba(16,27,49,.96);
  --ink:#f5f7ff;--ink2:#d4dbee;--txt:#c0c9de;--muted:#aab5cc;--mut:#aab5cc;--faint:#8e9bb8;
  --line:#253654;--line2:#31466b;--line3:#3f5883;--hair:rgba(245,247,255,.08);
  --navy:#f5f7ff;--navy2:#fff;--on-navy:#071021;
  --acc:#9c7bff;--acc2:#b6a1ff;--acc-fill:#6f50ff;--acc-fill2:#844dff;--acc-rgb:156,123,255;
  --acc-dim:rgba(156,123,255,.16);--acc-soft:rgba(156,123,255,.11);--on-acc:#fff;
  --gold:#9c7bff;--gold2:#b6a1ff;--good:#37dca4;--bad:#ff8097;
  --r:16px;--r-md:20px;--r-xl:28px;--pill:999px;
  --shadow:0 28px 70px rgba(0,0,0,.35);--shadow-sm:0 10px 28px rgba(0,0,0,.28);--shadow-lg:0 34px 90px rgba(0,0,0,.45);
  --lum-bg:#071021;--lum-surface:#101b31;--lum-surface2:#14223e;--lum-ink:#f5f7ff;--lum-muted:#aab5cc;--lum-line:#253654;
  --lum-violet:#9c7bff;--lum-cyan:#45c8ff;--lum-green:#37dca4;--lum-shadow:0 28px 70px rgba(0,0,0,.35);
  color-scheme:dark;
}
html[data-theme="light"]{--h-btn-a:#6637f4;--h-btn-b:#844dff}
:root,html[data-theme="dark"],html[data-theme="pitch"]{--h-btn-a:#6f50ff;--h-btn-b:#844dff}
html{--h-font:Poppins,"Segoe UI",system-ui,-apple-system,sans-serif;--font:var(--h-font);--font-display:var(--h-font)}
html[dir="rtl"]{--h-font:Tajawal,Poppins,"Segoe UI",system-ui,sans-serif;--font:var(--h-font);--font-display:var(--h-font)}

/* ---------- 2. BASE ---------- */
html body:not(.atlas-home){background:var(--bg)!important;color:var(--ink)!important;font-family:var(--h-font)!important}
html[dir="rtl"] body:not(.atlas-home){font-family:var(--h-font)!important}
html body:not(.atlas-home) :is(h1,h2,h3,h4,button,input,select,textarea){font-family:var(--h-font)!important}
html body:not(.atlas-home) ::selection{background:rgba(var(--acc-rgb),.28);color:var(--ink)}
html body:not(.atlas-home) :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--h-violet) 55%,transparent)!important;outline-offset:3px}
html body:not(.atlas-home) .skip-link{background:var(--ink)!important;color:var(--bg)!important;border-radius:12px!important}

/* ---------- 3. HERO / HEADINGS ---------- */
html body:not(.atlas-home) :is(.tool-head,.field-hero,.page-hero)::after{background:linear-gradient(90deg,var(--h-violet),var(--h-violet2))!important}
html body:not(.atlas-home) :is(.tool-head,.field-hero,.page-hero) h1{letter-spacing:-.04em!important;color:var(--ink)!important}
html body:not(.atlas-home) :is(.tool-head,.field-hero,.page-hero) h1 .gx{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--ink)!important}
html body:not(.atlas-home) :is(.tool-head .sub,.field-hero .lead){color:var(--muted)!important}
html body:not(.atlas-home) .crumb{font-family:var(--h-font)!important;font-weight:700!important;font-size:.7rem!important;letter-spacing:.2em!important;color:var(--muted)!important}
html body:not(.atlas-home) .crumb a{color:var(--h-violet)!important}
html[data-theme="dark"] body:not(.atlas-home) .crumb a,html[data-theme="pitch"] body:not(.atlas-home) .crumb a{color:var(--acc)!important}
html body:not(.atlas-home) .static-seo-intro{color:var(--muted)!important}

/* ---------- 4. CHIPS (field filter) ---------- */
html body:not(.atlas-home) .chip,html body:not(.atlas-home) .field-other .chip{
  display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 16px!important;border-radius:999px!important;
  border:1px solid var(--line)!important;background:var(--surface)!important;background-image:none!important;
  color:var(--ink2)!important;font-weight:600!important;font-size:.84rem!important;box-shadow:var(--h-shadow-sm)!important;
  transition:transform .2s,border-color .2s,color .2s,box-shadow .2s}
html body:not(.atlas-home) .chip:hover,html body:not(.atlas-home) .field-other .chip:hover{
  border-color:var(--h-violet)!important;color:var(--h-violet)!important;transform:translateY(-2px);box-shadow:var(--h-shadow)!important}
html[data-theme="dark"] body:not(.atlas-home) .chip:hover,html[data-theme="pitch"] body:not(.atlas-home) .chip:hover{color:var(--acc)!important;border-color:var(--acc)!important}

/* ---------- 5. CATALOGUE PANELS + CARDS ---------- */
html body:not(.atlas-home) .hub-domgroup{
  border:1px solid var(--line)!important;border-radius:28px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--h-violet) 6%,var(--surface)),var(--surface))!important;
  box-shadow:var(--h-shadow-sm)!important}
html body:not(.atlas-home) .hub-domhead{border-bottom:1px solid var(--line)!important}
html body:not(.atlas-home) .hub-domhead-t{color:var(--ink)!important;font-weight:700!important;letter-spacing:-.02em}
html body:not(.atlas-home) .hub-domhead-d{color:var(--muted)!important}
html body:not(.atlas-home) .hub-domhead-ic{
  border-radius:16px!important;background:color-mix(in srgb,var(--dom-acc,var(--h-violet)) 12%,var(--surface))!important;
  border:1px solid color-mix(in srgb,var(--dom-acc,var(--h-violet)) 26%,var(--line))!important;color:var(--ink)!important}
html body:not(.atlas-home) .hub-domhead-n{
  background:color-mix(in srgb,var(--h-violet) 10%,var(--surface))!important;color:var(--ink2)!important;border:1px solid var(--line)!important}
html body:not(.atlas-home) .disc-square{
  border:1px solid var(--line)!important;border-radius:24px!important;background:var(--surface)!important;
  background-image:linear-gradient(145deg,color-mix(in srgb,var(--acc,var(--h-violet)) 6%,var(--surface)),var(--surface))!important;
  color:var(--ink)!important;box-shadow:none!important;
  transition:transform .25s,border-color .25s,box-shadow .25s}
html body:not(.atlas-home) .disc-square:hover,html body:not(.atlas-home) .disc-square:focus-visible{
  transform:translateY(-7px);border-color:var(--h-violet)!important;box-shadow:var(--h-shadow)!important}
html[data-theme="dark"] body:not(.atlas-home) .disc-square:hover,html[data-theme="pitch"] body:not(.atlas-home) .disc-square:hover{border-color:var(--acc)!important}
html body:not(.atlas-home) .disc-square h3{color:var(--ink)!important;font-weight:700!important;letter-spacing:-.015em}
html body:not(.atlas-home) .disc-square p{color:var(--muted)!important;opacity:1!important}
html body:not(.atlas-home) .disc-square .ds-ic{
  border-radius:16px!important;background:color-mix(in srgb,var(--h-violet) 9%,var(--surface))!important;
  border:1px solid color-mix(in srgb,var(--h-violet) 24%,var(--surface))!important;color:var(--ink)!important}
html body:not(.atlas-home) .disc-square .ds-go{color:color-mix(in srgb,var(--acc,var(--h-violet)) 55%,var(--ink))!important;font-weight:700}
html[data-theme="dark"] body:not(.atlas-home) .disc-square .ds-go,html[data-theme="pitch"] body:not(.atlas-home) .disc-square .ds-go{color:color-mix(in srgb,var(--acc,var(--h-violet)) 45%,#fff)!important}
html body:not(.atlas-home) .disc-square:before{opacity:.0!important}

/* icon tiles: domain accents (orange/amber/rose) mixed with white read as peach/beige, so tiles take the brand violet tint; the emoji keeps its own colour */
html body:not(.atlas-home) .ds-ic,html body:not(.atlas-home) .hub-domhead-ic{background:color-mix(in srgb,var(--h-violet) 9%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--h-violet) 24%,var(--surface))!important}
/* ---------- 6. BUTTONS / INPUTS (shared) ---------- */
html body:not(.atlas-home) :is(.btn-primary,.btn-main,button[type="submit"],.btn.primary){
  border:0!important;border-radius:16px!important;color:#fff!important;font-weight:700!important;
  background:linear-gradient(135deg,var(--h-btn-a),var(--h-btn-b))!important;
  box-shadow:0 14px 30px rgba(var(--acc-rgb),.26)!important}
html body:not(.atlas-home) :is(.btn-primary,.btn-main,button[type="submit"],.btn.primary):hover{filter:brightness(1.06);transform:translateY(-1px)}
html body:not(.atlas-home) :is(.btn,.btn-ghost,.btn-secondary):not(.btn-primary):not(.btn-main):not(.primary){
  border-radius:16px!important;border:1px solid var(--line2)!important;background:var(--surface)!important;color:var(--ink)!important;font-weight:700!important}
html body:not(.atlas-home) :is(.btn,.btn-ghost,.btn-secondary):not(.btn-primary):not(.btn-main):not(.primary):hover{border-color:var(--h-violet)!important;color:var(--h-violet)!important}
html[data-theme="dark"] body:not(.atlas-home) :is(.btn,.btn-ghost,.btn-secondary):not(.btn-primary):not(.btn-main):not(.primary):hover,html[data-theme="pitch"] body:not(.atlas-home) :is(.btn,.btn-ghost,.btn-secondary):not(.btn-primary):not(.btn-main):not(.primary):hover{color:var(--acc)!important;border-color:var(--acc)!important}
html body:not(.atlas-home) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  border:1px solid var(--line2)!important;border-radius:16px!important;background:var(--surface)!important;color:var(--ink)!important}
html body:not(.atlas-home) :is(input,textarea)::placeholder{color:var(--muted)!important}

/* ---------- 7. HEADER (runtime .atlas-site-head), CSS only ---------- */
html body:not(.atlas-home) .atlas-site-head{
  background:color-mix(in srgb,var(--bg) 86%,transparent)!important;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);
  border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)!important;box-shadow:none!important}
html body:not(.atlas-home) .atlas-shared-header{min-height:88px!important;gap:clamp(20px,3vw,48px)!important;max-width:none!important;padding-inline:clamp(24px,4vw,72px)!important;width:100%}
html body:not(.atlas-home) .atlas-shared-header .brand-lockup{gap:12px!important}
html body:not(.atlas-home) .atlas-shared-header .brand-cap{
  width:46px!important;height:46px!important;border-radius:13px!important;background:#0b1532!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:none!important;border:0!important}
html body:not(.atlas-home) .atlas-shared-header .brand-cap svg{width:28px;height:28px;color:#fff!important;stroke:currentColor}
html body:not(.atlas-home) .atlas-shared-header .brand-main{font-family:var(--h-font)!important;font-size:1.35rem!important;font-weight:700!important;letter-spacing:.02em!important;color:var(--ink)!important;line-height:1}
html body:not(.atlas-home) .atlas-shared-header .brand-sub{font-size:.63rem!important;font-weight:800!important;letter-spacing:.42em!important;color:var(--h-violet)!important;margin-top:7px!important}
html[data-theme="dark"] body:not(.atlas-home) .atlas-shared-header .brand-sub,html[data-theme="pitch"] body:not(.atlas-home) .atlas-shared-header .brand-sub{color:var(--acc)!important}
html body:not(.atlas-home) .atlas-shared-header .nav-links>a{font-size:.94rem!important;font-weight:600!important;color:var(--ink)!important;background:none!important;border-radius:999px;padding:8px 4px}
html body:not(.atlas-home) .atlas-shared-header .nav-links>a:hover,html body:not(.atlas-home) .atlas-shared-header .nav-links>a:focus-visible,html body:not(.atlas-home) .atlas-shared-header .nav-links>a.active{color:var(--h-violet)!important;background:none!important}
html[data-theme="dark"] body:not(.atlas-home) .atlas-shared-header .nav-links>a:hover,html[data-theme="pitch"] body:not(.atlas-home) .atlas-shared-header .nav-links>a:hover{color:var(--acc)!important}
html body:not(.atlas-home) .atlas-shared-header .atlas-team-link{padding:10px 16px!important;border:1px solid color-mix(in srgb,var(--h-violet) 42%,var(--line))!important;border-radius:999px!important;background:color-mix(in srgb,var(--h-violet) 8%,var(--surface))!important}
html body:not(.atlas-home) .atlas-shared-header .nav-actions{gap:12px!important;border-inline-start:0!important;padding-inline-start:0!important}
html body:not(.atlas-home) .atlas-shared-header .theme-toggle{
  width:auto!important;min-width:56px;height:42px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:none!important}
html body:not(.atlas-home) .atlas-shared-header .theme-toggle:hover{border-color:var(--h-violet)!important;color:var(--h-violet)!important;background:var(--surface)!important}
html[data-theme="dark"] body:not(.atlas-home) .atlas-shared-header .theme-toggle:hover,html[data-theme="pitch"] body:not(.atlas-home) .atlas-shared-header .theme-toggle:hover{border-color:var(--acc)!important;color:var(--acc)!important}
html body:not(.atlas-home) .atlas-shared-header .theme-toggle .th-ic svg{width:18px!important;height:18px!important}
html body:not(.atlas-home) .atlas-shared-header .lang-switch{padding:4px!important;gap:2px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--surface)!important;box-shadow:none!important}
html body:not(.atlas-home) .atlas-shared-header .lang-btn{min-width:0!important;height:auto!important;padding:7px 10px!important;border-radius:999px!important;background:transparent!important;color:var(--muted)!important;font-size:.74rem!important;font-weight:700!important}
html body:not(.atlas-home) .atlas-shared-header .lang-btn.on{background:var(--h-btn-a)!important;color:#fff!important;box-shadow:none!important}
html body:not(.atlas-home) .atlas-shared-header .nav-toggle{border:1px solid var(--line)!important;border-radius:13px!important;background:var(--surface)!important;color:var(--ink)!important}
html body:not(.atlas-home) .atlas-shared-header .nav-toggle :is(span,i,svg){background-color:currentColor}
@media(min-width:981px){
  html body:not(.atlas-home) .atlas-shared-header .nav-links{gap:clamp(22px,3vw,48px)!important}
  html body:not(.atlas-home) .atlas-shared-header .nav-links>a:first-child{margin-inline-start:auto!important}
  html body:not(.atlas-home) .atlas-shared-header .nav-actions{margin-inline-start:auto!important}
}
@media(max-width:980px){
  html body:not(.atlas-home) .atlas-shared-header .nav-links{border:1px solid var(--line)!important;border-radius:20px!important;background:var(--surface)!important;box-shadow:var(--h-shadow)!important}
}
@media(max-width:600px){
  html body:not(.atlas-home) .atlas-shared-header{min-height:72px!important;padding-inline:16px!important}
  html body:not(.atlas-home) .atlas-shared-header .brand-cap{width:38px!important;height:38px!important;border-radius:12px!important}
  html body:not(.atlas-home) .atlas-shared-header .brand-main{font-size:1rem!important}
  html body:not(.atlas-home) .atlas-shared-header .brand-sub{font-size:.5rem!important}
}
@media(max-width:390px){html body:not(.atlas-home) .atlas-shared-header{padding-inline:10px!important}html body:not(.atlas-home) .atlas-shared-header .brand-main{font-size:.9rem!important}}

/* ---------- 8. FOOTER (runtime .atlas-site-foot), CSS only ---------- */
html body:not(.atlas-home) .atlas-site-foot{
  margin-top:clamp(56px,8vw,110px);border:0!important;background:#071335!important;color:#f8faff!important}
html[data-theme="dark"] body:not(.atlas-home) .atlas-site-foot,html[data-theme="pitch"] body:not(.atlas-home) .atlas-site-foot{background:#050b19!important;border-top:1px solid var(--line)!important;color:#f5f7ff!important}
html body:not(.atlas-home) .atlas-shared-footer{font-size:.72rem!important;padding-inline:clamp(24px,5vw,78px)!important;max-width:none!important;width:100%}
html body:not(.atlas-home) .atlas-shared-footer :is(p,a){color:inherit!important}
html body:not(.atlas-home) .atlas-shared-footer nav{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;border-radius:0!important}
html body:not(.atlas-home) .atlas-shared-footer nav a{background:none!important;box-shadow:none!important;color:inherit!important;padding:4px 0!important}
html body:not(.atlas-home) .atlas-shared-disc{opacity:.78!important}
html body:not(.atlas-home) .atlas-shared-footer a:hover,html body:not(.atlas-home) .atlas-shared-footer a:focus-visible{color:#b6a1ff!important}

/* ---------- 9. RTL (header/footer only follow dir; body stays as authored) ---------- */
html[dir="rtl"] body:not(.atlas-home) .atlas-shared-header,html[dir="rtl"] body:not(.atlas-home) .atlas-shared-footer{direction:rtl}

/* ---------- 10. MOTION ---------- */
@media(prefers-reduced-motion:reduce){html body:not(.atlas-home) :is(.chip,.disc-square){transition:none!important}html body:not(.atlas-home) :is(.chip,.disc-square):hover{transform:none!important}}