/* Суурь */
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}
img{max-width:100%}
[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: иргэний систем. Дээд мөрөнд хүртээмжийн хэрэгсэл, нүүрэнд bento тор, хэсэг бүр өөр суурьтай (цагаан, ягаан, хар хөх); ягаан зөвхөн үйлдэлд */
:root {
  --surface:#ffffff; --surface-alt:#f6f8fa; --surface-raised:#ffffff; --tile:#f1f4f7;
  --band:#0f2e45; --band-deep:#0a2233; --on-band:#ffffff; --on-band-muted:#c3d2dd; --on-band-accent:#ff8fb8; --band-line:rgba(255,255,255,0.18); --band-fill:rgba(255,255,255,0.08);
  --ink:#0f1d28; --ink-muted:#47555f; --line:#e3e8ec; --line-strong:#737a82;
  --accent:#c4115b; --accent-hover:#a10d4a; --on-accent:#ffffff; --accent-text:#a10d4a;
  --chip-bg:#fce7ef; --chip-text:#8f0c43; --efa-bg:#fdf1f6; --efa-chip:#ffffff;
  --navy-text:#19486a; --donut-track:#2a4f6e; --focus:#19486a; --status-done:#1e6b34; --status-ongoing:#0b5f8a;
  --shadow:0 2px 4px rgba(15,46,69,0.06), 0 16px 40px rgba(15,46,69,0.16);
  --font: Onest, "Segoe UI", Arial, sans-serif;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:24px; --r-2xl:28px; --r-pill:999px;
  --lh:1.6; --ls:0;
  --max:82rem;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --surface:#0b1822; --surface-alt:#0f2130; --surface-raised:#142a3b; --tile:#142a3b;
  --band:#081320; --band-deep:#050d17; --on-band:#eef2f5; --on-band-muted:#a9b6c1; --on-band-accent:#ff8fb8; --band-line:rgba(255,255,255,0.14); --band-fill:rgba(255,255,255,0.06);
  --ink:#eef2f5; --ink-muted:#a9b6c1; --line:#233a4c; --line-strong:#6f8597;
  --accent:#f0457f; --accent-hover:#ff7aae; --on-accent:#0b1822; --accent-text:#ff8fb8;
  --chip-bg:#3a1527; --chip-text:#ffb3cf; --efa-bg:#1e1019; --efa-chip:#2c1422;
  --navy-text:#9cc4e4; --donut-track:#24476a; --focus:#ffd24a; --status-done:#6fd08c; --status-ongoing:#7cc3ee;
  --shadow:0 2px 4px rgba(0,0,0,0.4), 0 16px 40px rgba(0,0,0,0.45);
  color-scheme: dark;
} }
:root[data-theme="dark"] {
  --surface:#0b1822; --surface-alt:#0f2130; --surface-raised:#142a3b; --tile:#142a3b;
  --band:#081320; --band-deep:#050d17; --on-band:#eef2f5; --on-band-muted:#a9b6c1; --on-band-accent:#ff8fb8; --band-line:rgba(255,255,255,0.14); --band-fill:rgba(255,255,255,0.06);
  --ink:#eef2f5; --ink-muted:#a9b6c1; --line:#233a4c; --line-strong:#6f8597;
  --accent:#f0457f; --accent-hover:#ff7aae; --on-accent:#0b1822; --accent-text:#ff8fb8;
  --chip-bg:#3a1527; --chip-text:#ffb3cf; --efa-bg:#1e1019; --efa-chip:#2c1422;
  --navy-text:#9cc4e4; --donut-track:#24476a; --focus:#ffd24a; --status-done:#6fd08c; --status-ongoing:#7cc3ee;
  --shadow:0 2px 4px rgba(0,0,0,0.4), 0 16px 40px rgba(0,0,0,0.45);
  color-scheme: dark;
}
:root[data-contrast="high"] {
  --surface:#ffffff; --surface-alt:#ffffff; --surface-raised:#ffffff; --tile:#ffffff;
  --band:#000000; --band-deep:#000000; --on-band:#ffffff; --on-band-muted:#ffffff; --on-band-accent:#ffffff; --band-line:#ffffff; --band-fill:transparent;
  --ink:#000000; --ink-muted:#1a1a1a; --line:#000000; --line-strong:#000000;
  --accent:#8a003f; --accent-hover:#000000; --on-accent:#ffffff; --accent-text:#8a003f;
  --chip-bg:#ffffff; --chip-text:#8a003f; --efa-bg:#ffffff; --efa-chip:#ffffff;
  --navy-text:#002a4a; --donut-track:#555555; --focus:#000000; --status-done:#004d1a; --status-ongoing:#00395c;
  color-scheme: light;
}
:root[data-contrast="high"][data-theme="dark"] {
  --surface:#000000; --surface-alt:#000000; --surface-raised:#000000; --tile:#000000;
  --band:#000000; --band-deep:#000000; --on-band:#ffffff; --on-band-muted:#ffffff; --on-band-accent:#ffe14d; --band-line:#ffffff; --band-fill:transparent;
  --ink:#ffffff; --ink-muted:#ffffff; --line:#ffffff; --line-strong:#ffffff;
  --accent:#ff9cc4; --accent-hover:#ffffff; --on-accent:#000000; --accent-text:#ffb3d1;
  --chip-bg:#000000; --chip-text:#ffb3d1; --efa-bg:#000000; --efa-chip:#000000;
  --navy-text:#cfe6ff; --donut-track:#666666; --focus:#ffe14d; --status-done:#9ff0b5; --status-ongoing:#a8dcff;
  color-scheme: dark;
}
:root[data-contrast="high"] .tile, :root[data-contrast="high"] .card, :root[data-contrast="high"] .chip, :root[data-contrast="high"] .ptile { border:2px solid var(--line) !important; }
:root[data-spacing="wide"] { --lh:2; --ls:0.02em; }
:root[data-scale="125"] { font-size:125%; }
:root[data-scale="150"] { font-size:150%; }
:root[data-scale="200"] { font-size:200%; }

*, *::before, *::after { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; scroll-padding-top:7rem; }
:root[data-motion="reduce"] { scroll-behavior:auto; }
:root[data-motion="reduce"] *, :root[data-motion="reduce"] *::before, :root[data-motion="reduce"] *::after { transition:none !important; animation:none !important; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *, *::before, *::after { transition:none !important; } }
body { margin:0; background:var(--surface); color:var(--ink); font-family:var(--font); font-size:1.0625rem; line-height:var(--lh); letter-spacing:var(--ls); -webkit-text-size-adjust:100%; }
body::before { content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top, 0px); z-index:40; background:var(--band); }
img { display:block; max-width:100%; height:auto; }
h1, h2, h3 { margin:0; text-wrap:balance; }
p { margin:0; }
a { color:var(--accent-text); text-decoration-thickness:1.5px; text-underline-offset:0.2em; }
a:hover { color:var(--accent-hover); text-decoration-thickness:2.5px; }
:focus-visible { outline:3px solid var(--focus); outline-offset:3px; border-radius:6px; }
.band :focus-visible, .util :focus-visible, .footer :focus-visible { outline-color:#ffd24a; }
.sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.wrap { max-width:var(--max); margin:0 auto; padding-left:max(1.25rem, env(safe-area-inset-left, 0px)); padding-right:max(1.25rem, env(safe-area-inset-right, 0px)); }
@media (min-width:56rem) { .wrap { padding-left:max(3rem, env(safe-area-inset-left, 0px)); padding-right:max(3rem, env(safe-area-inset-right, 0px)); } }
.skip { position:absolute; left:1rem; top:-10rem; z-index:70; background:var(--accent); color:var(--on-accent); padding:0.75rem 1rem; border-radius:var(--r-md); font-weight:700; }
.skip:focus { top:calc(env(safe-area-inset-top, 0px) + 0.75rem); }

.h2 { font-weight:800; font-size:clamp(2rem, 1.5rem + 1.8vw, 2.9rem); line-height:1.08; letter-spacing:-0.03em; }
.label { font-weight:700; font-size:0.8125rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--accent-text); }
.muted { color:var(--ink-muted); }
.section { padding-block:clamp(4rem, 8vw, 6.5rem); }
.shead { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:1rem 2rem; margin-bottom:clamp(2rem, 3vw, 2.75rem); }
.credit { font-size:0.8125rem; color:var(--ink-muted); margin-top:0.625rem; }

/* Товч */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:0.625rem; min-height:3rem; padding:0.9rem 1.5rem; border-radius:var(--r-md); font:700 1.0625rem/1.2 var(--font); text-decoration:none; cursor:pointer; border:2px solid transparent; transition:background-color .15s ease, color .15s ease, border-color .15s ease; }
.btn svg { width:1.15rem; height:1.15rem; stroke:currentColor; fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.btn--primary { background:var(--accent); color:var(--on-accent); }
.btn--primary:hover { background:var(--accent-hover); color:var(--on-accent); }
.btn--secondary { background:transparent; color:var(--ink); border-color:var(--line-strong); }
.btn--secondary:hover { color:var(--ink); border-color:var(--ink); }
.btn--sm { min-height:2.75rem; padding:0.6rem 1.25rem; font-size:1rem; }

/* Хүртээмжийн мөр */
.util { background:var(--band); color:var(--on-band-muted); font-size:0.875rem; font-weight:500; }
.util__row { display:flex; align-items:center; gap:1rem; min-height:3rem; }
.util__name { display:none; }
@media (min-width:52rem) { .util__name { display:inline; } }
.util__tools { display:flex; align-items:center; gap:0.375rem; margin-left:auto; flex-wrap:wrap; justify-content:flex-end; }
.ubtn { display:inline-flex; align-items:center; justify-content:center; gap:0.375rem; min-width:2.5rem; height:2.25rem; padding:0 0.75rem; border:0; border-radius:var(--r-sm); background:var(--band-fill); color:var(--on-band); font:700 0.875rem/1 var(--font); cursor:pointer; }
.ubtn:hover { background:rgba(255,255,255,0.16); }
.ubtn svg { width:1rem; height:1rem; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.ubtn[aria-pressed="true"] { background:var(--on-band); color:var(--band); }
.ubtn .ulbl { display:none; }
@media (min-width:40rem) { .ubtn .ulbl { display:inline; } }
.lang { display:inline-flex; gap:2px; padding:3px; border-radius:var(--r-sm); background:var(--band-fill); }
.lang button { height:1.875rem; padding:0 0.625rem; border:0; border-radius:6px; background:transparent; color:var(--on-band); font:700 0.8125rem/1 var(--font); cursor:pointer; }
.lang button[aria-pressed="true"] { background:var(--on-band); color:var(--band); }

/* Толгой */
.header { position:sticky; top:env(safe-area-inset-top, 0px); z-index:30; background:var(--surface); border-bottom:1px solid var(--line); }
.header__row { display:flex; align-items:center; gap:0.5rem; min-height:5rem; }
.logo { display:inline-flex; align-items:center; margin-right:auto; padding:0.25rem 0.5rem; border-radius:var(--r-md); background:#ffffff; flex:none; }
.logo img { height:2.9rem; width:auto; }
.nav ul { display:flex; gap:0.125rem; margin:0; padding:0; list-style:none; }
.nav a { display:inline-flex; align-items:center; min-height:2.75rem; padding:0 0.875rem; border-radius:var(--r-md); color:var(--ink); font-weight:600; font-size:1rem; text-decoration:none; white-space:nowrap; }
.nav a:hover { background:var(--tile); color:var(--ink); }
.nav a[aria-current="page"] { background:var(--tile); }
.header .btn { margin-left:0.75rem; }
.menu-btn { display:none; width:3rem; height:3rem; border-radius:var(--r-md); border:1.5px solid var(--line-strong); background:var(--surface); color:var(--ink); cursor:pointer; align-items:center; justify-content:center; }
.menu-btn svg { width:1.4rem; height:1.4rem; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; }
@media (max-width:76rem) {
  .menu-btn { display:inline-flex; }
  .nav { display:none; position:absolute; left:0; right:0; top:100%; background:var(--surface); border-bottom:1px solid var(--line); padding:0.75rem max(1.25rem, env(safe-area-inset-right, 0px)) 1.25rem max(1.25rem, env(safe-area-inset-left, 0px)); box-shadow:var(--shadow); }
  .nav.is-open { display:block; }
  .nav ul { flex-direction:column; }
  .nav a { width:100%; font-size:1.0625rem; }
}
@media (max-width:36rem) { .header .btn { display:none; } .logo img { height:2.4rem; } }

/* Нүүр */
.hero { padding-block:clamp(2.5rem, 5vw, 3.75rem) clamp(3.5rem, 7vw, 6rem); }
.hero__grid { display:grid; gap:2.5rem; align-items:center; }
@media (min-width:72rem) { .hero__grid { grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:3rem; } }
.hero__copy { display:flex; flex-direction:column; gap:1.75rem; }
.news-pill { align-self:flex-start; display:inline-flex; gap:0.625rem; align-items:center; background:var(--chip-bg); color:var(--chip-text); font-weight:700; font-size:0.875rem; padding:0.5rem 0.875rem 0.5rem 0.625rem; border-radius:var(--r-pill); text-decoration:none; }
.news-pill:hover { color:var(--chip-text); text-decoration:underline; }
.news-pill b { background:var(--accent); color:var(--on-accent); border-radius:var(--r-pill); padding:0.15rem 0.55rem; font-size:0.75rem; }
.hero h1 { font-weight:800; font-size:clamp(2.5rem, 1.6rem + 3.4vw, 4.25rem); line-height:1.02; letter-spacing:-0.035em; }
.hero .lead { font-size:1.25rem; line-height:1.55; color:var(--ink-muted); max-width:34ch; }
.cta-row { display:flex; flex-wrap:wrap; gap:0.75rem; }
.bento { display:grid; gap:0.875rem; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-auto-rows:12rem; }
.b-wide { grid-column:span 2; }
@media (min-width:56rem) { .bento { grid-template-columns:repeat(6, minmax(0, 1fr)); grid-auto-rows:15rem; gap:1rem; } .b-wide { grid-column:span 4; } .b-sm { grid-column:span 2; } }
.bento img { width:100%; height:100%; object-fit:cover; border-radius:var(--r-xl); }
.tile { border-radius:var(--r-xl); padding:1.375rem; display:flex; flex-direction:column; justify-content:space-between; min-width:0; overflow:hidden; }
.tile--navy { background:var(--band); color:var(--on-band); }
.tile--accent { background:var(--accent); color:var(--on-accent); }
.tile--grey { background:var(--tile); color:var(--ink); }
.tile__n { font-weight:800; font-size:clamp(2rem, 1.6rem + 1vw, 2.9rem); line-height:1; letter-spacing:-0.03em; font-variant-numeric:tabular-nums; }
.tile__t { font-size:0.875rem; line-height:1.35; }
.tile--navy .tile__t { color:var(--on-band-muted); }
.tile__k { font-weight:700; font-size:0.875rem; }
.tile--grey .tile__k { color:var(--ink-muted); }
.tile ul { list-style:none; margin:0; padding:0; display:grid; gap:0.25rem; font-weight:700; font-size:1.0625rem; line-height:1.3; }
.tile ul li:last-child { color:var(--ink-muted); font-weight:600; font-size:0.875rem; }
.donut { width:5.5rem; height:5.5rem; }

/* Equality for All */
.efa { background:var(--efa-bg); }
.split { display:grid; gap:3rem; align-items:center; }
@media (min-width:62rem) { .split { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:5rem; } }
.efa__media { position:relative; margin:0; }
.efa__ring { position:absolute; right:-1.5rem; top:-2rem; width:9rem; height:9rem; pointer-events:none; }
.efa__ring circle { stroke:var(--accent); }
.efa__photo { position:relative; width:100%; height:clamp(20rem, 36vw, 31rem); object-fit:cover; border-radius:40px 40px 40px 240px; }
@media (max-width:40rem) { .efa__photo { border-radius:28px 28px 28px 120px; } .efa__ring { right:-0.5rem; width:6.5rem; height:6.5rem; } }
.efa__tag { position:absolute; left:1.25rem; top:1.25rem; background:rgba(15,46,69,0.88); color:#ffffff; font-weight:600; font-size:0.8125rem; padding:0.5rem 0.875rem; border-radius:var(--r-pill); }
.efa__copy { display:flex; flex-direction:column; gap:1.5rem; align-items:flex-start; }
.efa__copy h2 { font-weight:800; font-size:clamp(2.6rem, 1.6rem + 3vw, 4rem); line-height:1; letter-spacing:-0.035em; }
.efa__copy .lead { font-size:1.25rem; line-height:1.5; color:var(--ink-muted); max-width:32ch; }
.chips { display:flex; flex-wrap:wrap; gap:0.625rem; list-style:none; margin:0; padding:0; }
.chip { display:inline-flex; align-items:center; gap:0.5rem; background:var(--efa-chip); color:var(--chip-text); font-weight:700; font-size:1rem; padding:0.75rem 1.125rem; border-radius:var(--r-pill); }
.chip svg { width:1.1rem; height:1.1rem; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.efa__note { font-size:0.875rem; color:var(--ink-muted); }

/* Хөтөлбөр */
.cards { display:grid; gap:1.25rem; grid-template-columns:repeat(auto-fit, minmax(min(16rem, 100%), 1fr)); list-style:none; margin:0; padding:0; }
.card { position:relative; background:var(--surface-raised); border:1px solid var(--line); border-radius:var(--r-xl); overflow:hidden; display:flex; flex-direction:column; transition:border-color .15s ease, transform .2s ease; }
.card:hover { border-color:var(--line-strong); transform:translateY(-2px); }
.card img { width:100%; aspect-ratio:4 / 3; object-fit:cover; }
.card__body { padding:1.375rem; display:flex; flex-direction:column; gap:0.5rem; }
.card__n { font-weight:700; font-size:0.8125rem; letter-spacing:0.08em; color:var(--accent-text); text-transform:uppercase; }
.card h3 { font-size:1.3125rem; line-height:1.3; font-weight:700; }
.card p { font-size:0.9375rem; color:var(--ink-muted); line-height:1.5; }

/* Бидний тухай */
.about { display:grid; gap:3rem; align-items:start; }
@media (min-width:62rem) { .about { grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); gap:5rem; } }
.about__copy { display:flex; flex-direction:column; gap:1.5rem; }
.about__copy .lead { font-size:1.25rem; line-height:1.55; color:var(--ink-muted); max-width:42ch; }
.vision { padding:1.5rem 0 0; border-top:3px solid var(--accent); display:flex; flex-direction:column; gap:0.5rem; max-width:44ch; }
.vision span { font-weight:700; font-size:0.8125rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-muted); }
.vision p { font-weight:600; font-size:clamp(1.25rem, 1.1rem + 0.6vw, 1.6rem); line-height:1.35; letter-spacing:-0.01em; }
.leaders { list-style:none; margin:0; padding:0; display:grid; gap:0.875rem; }
.leader { display:flex; align-items:center; gap:1rem; padding:1.125rem 1.25rem; border-radius:var(--r-xl); background:var(--tile); }
.leader__mark { flex:none; width:3.25rem; height:3.25rem; border-radius:50%; display:grid; place-items:center; background:var(--band); color:var(--on-band); font-weight:800; font-size:1rem; }
.leader__name { font-weight:700; font-size:1.0625rem; }
.leader__role { font-size:0.9375rem; color:var(--ink-muted); }

/* Хар хөх зурвас */
.band { background:var(--band); color:var(--on-band); }
.band .h2 { color:var(--on-band); }
.miles { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr; }
.mstep { position:relative; padding:0 0 1.75rem 2rem; border-left:2px solid var(--band-line); display:flex; flex-direction:column; gap:0.375rem; }
.mdot { position:absolute; left:-0.6875rem; top:0; width:1.25rem; height:1.25rem; border-radius:50%; background:var(--band); border:4px solid var(--on-band-accent); }
.mstep--next .mdot { border-style:dashed; border-color:var(--on-band-muted); }
.mdate { font-weight:700; font-size:0.875rem; color:var(--on-band-accent); font-variant-numeric:tabular-nums; }
.mstep--next .mdate { color:var(--on-band-muted); }
.mtitle { font-weight:600; font-size:1.0625rem; line-height:1.35; }
@media (min-width:56rem) { .miles { grid-template-columns:repeat(6, minmax(0, 1fr)); gap:1.25rem; } .mstep { padding:2.25rem 0 0; border-left:0; border-top:2px solid var(--band-line); } .mdot { left:0; top:-0.6875rem; } }

/* Мэдээ */
.nlist { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.nlist li { border-top:1px solid var(--line); }
.nlist li:last-child { border-bottom:1px solid var(--line); }
.nrow { display:grid; grid-template-columns:7rem minmax(0, 1fr); gap:1.125rem; align-items:center; padding:1.25rem 0; color:var(--ink); text-decoration:none; }
@media (min-width:44rem) { .nrow { grid-template-columns:12.5rem minmax(0, 1fr) auto; gap:1.75rem; } }
.nrow:hover { color:var(--ink); }
.nrow:hover .nrow__t { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:0.2em; }
.nrow__img { border-radius:var(--r-lg); overflow:hidden; aspect-ratio:16 / 10; background:var(--tile); }
.nrow__img img { width:100%; height:100%; object-fit:cover; }
.nrow__img--none { display:grid; place-items:center; background:var(--band); color:var(--on-band-accent); font-weight:800; font-size:0.875rem; text-align:center; padding:0.5rem; }
.nrow__body { display:flex; flex-direction:column; gap:0.375rem; min-width:0; }
.nrow__cat { font-weight:700; font-size:0.875rem; color:var(--accent-text); }
.nrow__t { font-weight:700; font-size:clamp(1.0625rem, 0.95rem + 0.5vw, 1.375rem); line-height:1.3; }
.nrow__x { font-size:0.9375rem; color:var(--ink-muted); line-height:1.5; }
.nrow__date { display:none; font-size:0.875rem; color:var(--ink-muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
@media (min-width:44rem) { .nrow__date { display:block; } }
.nrow__mdate { font-size:0.8125rem; color:var(--ink-muted); }
@media (min-width:44rem) { .nrow__mdate { display:none; } }

/* Түншүүд */
.ptiles { list-style:none; margin:0; padding:0; display:grid; gap:0.75rem; grid-template-columns:repeat(auto-fill, minmax(min(13rem, 100%), 1fr)); }
.ptile { background:var(--surface-raised); border-radius:var(--r-lg); padding:1.25rem; display:flex; flex-direction:column; gap:0.25rem; min-height:5.5rem; justify-content:center; }
.ptile b { font-weight:700; font-size:1.0625rem; line-height:1.3; }
.ptile span { font-size:0.8125rem; color:var(--ink-muted); }

/* Хамтрах */
.join { display:grid; gap:2.5rem; }
@media (min-width:62rem) { .join { grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); gap:4.5rem; align-items:start; } }
.join__copy { display:flex; flex-direction:column; gap:1.5rem; }
.join__copy h2 { font-weight:800; font-size:clamp(2.4rem, 1.6rem + 2.6vw, 3.6rem); line-height:1.04; letter-spacing:-0.035em; }
.join__copy .lead { font-size:1.1875rem; color:var(--on-band-muted); max-width:38ch; }
.ways { list-style:none; margin:0.5rem 0 0; padding:0; display:grid; gap:0.75rem; grid-template-columns:repeat(auto-fit, minmax(min(15rem, 100%), 1fr)); }
.way { display:flex; align-items:center; gap:0.875rem; padding:1.125rem; border-radius:1.125rem; background:var(--band-fill); border:1px solid var(--band-line); color:var(--on-band); text-decoration:none; font-weight:700; font-size:1.0625rem; }
.way:hover { color:var(--on-band); background:rgba(255,255,255,0.12); }
.way__i { flex:none; width:2.75rem; height:2.75rem; border-radius:50%; display:grid; place-items:center; background:rgba(255,143,184,0.16); color:var(--on-band-accent); }
.way__i svg { width:1.35rem; height:1.35rem; stroke:currentColor; fill:none; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; }
.contact { background:var(--surface-raised); color:var(--ink); border-radius:var(--r-2xl); padding:clamp(1.5rem, 3vw, 2rem); display:flex; flex-direction:column; }
.contact h3 { font-weight:800; font-size:1.625rem; letter-spacing:-0.02em; margin-bottom:0.75rem; }
.contact dl { margin:0; }
.contact dl > div { display:flex; flex-direction:column; gap:0.25rem; padding-block:0.875rem; border-top:1px solid var(--line); }
.contact dt { font-size:0.8125rem; color:var(--ink-muted); }
.contact dd { margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem 0.75rem; font-weight:700; font-size:1.0625rem; }
.contact dd span { overflow-wrap:anywhere; user-select:all; }
.copy { min-height:2.25rem; padding:0 0.875rem; border-radius:var(--r-pill); border:1.5px solid var(--line-strong); background:transparent; color:var(--ink); font:700 0.8125rem/1 var(--font); cursor:pointer; }
.copy:hover { border-color:var(--ink); }

/* Хөл */
.footer { background:var(--band-deep); color:var(--on-band-muted); padding-block:3.5rem 2rem; font-size:0.9375rem; }
.footer__grid { display:grid; gap:2.5rem; grid-template-columns:repeat(auto-fit, minmax(min(12.5rem, 100%), 1fr)); padding-bottom:2.5rem; border-bottom:1px solid var(--band-line); }
.footer h2 { font-size:0.8125rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--on-band); margin-bottom:0.875rem; font-weight:700; }
.footer ul { list-style:none; margin:0; padding:0; display:grid; gap:0.5rem; }
.footer a { color:var(--on-band); text-decoration-color:rgba(255,255,255,0.35); }
.footer__logo { align-self:flex-start; display:inline-flex; padding:0.625rem 0.875rem; border-radius:var(--r-lg); background:#ffffff; }
.footer__logo img { height:2.9rem; width:auto; }
.footer__about { display:flex; flex-direction:column; gap:1rem; }
.footer__bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; padding-top:1.5rem; font-size:0.8125rem; }

/* Мэдээний хуудас */
.newsview { padding-block:clamp(2.5rem, 5vw, 4rem) clamp(4rem, 8vw, 6rem); }
.newsview__head { display:flex; flex-direction:column; gap:1rem; max-width:46rem; margin-bottom:2.5rem; }
.newsview__head h1 { font-weight:800; font-size:clamp(2.5rem, 1.6rem + 3vw, 3.75rem); line-height:1.04; letter-spacing:-0.035em; }
.article { max-width:48rem; margin:0 auto; display:flex; flex-direction:column; gap:1.5rem; }
.article h1 { font-weight:800; font-size:clamp(2rem, 1.3rem + 2.6vw, 3.1rem); line-height:1.1; letter-spacing:-0.03em; }
.article__meta { display:flex; flex-wrap:wrap; gap:0.5rem 1rem; align-items:center; font-size:0.875rem; color:var(--ink-muted); font-variant-numeric:tabular-nums; }
.article__meta b { color:var(--accent-text); }
.article figure { margin:0.25rem 0 0; }
.article figure img { width:100%; aspect-ratio:16 / 9; object-fit:cover; border-radius:var(--r-2xl); }
.article__body { display:flex; flex-direction:column; gap:1.25rem; font-size:1.125rem; line-height:1.75; }
.article__body p:first-child { font-size:1.3125rem; line-height:1.55; font-weight:500; }
.article__src { padding-top:1.25rem; border-top:1px solid var(--line); font-size:0.9375rem; color:var(--ink-muted); }
.backlink { align-self:flex-start; display:inline-flex; align-items:center; gap:0.375rem; font-weight:700; min-height:2.75rem; color:var(--ink); }
.article__next { margin-top:0.5rem; padding:1.5rem; border-radius:var(--r-xl); background:var(--tile); display:flex; flex-direction:column; gap:0.375rem; }
.article__next span { font-size:0.8125rem; color:var(--ink-muted); font-weight:700; letter-spacing:0.08em; text-transform:uppercase; }
.article__next a { font-weight:700; font-size:1.3125rem; line-height:1.3; color:var(--ink); }

/* Тохиргооны цонх */
.panel-back { position:fixed; inset:0; z-index:50; background:rgba(5,13,23,0.55); }
.panel { position:fixed; z-index:51; top:calc(env(safe-area-inset-top, 0px) + 1rem); right:max(1rem, env(safe-area-inset-right, 0px)); width:min(24rem, calc(100vw - 2rem)); max-height:calc(100vh - 2rem); overflow:auto; background:var(--surface-raised); color:var(--ink); border:1px solid var(--line); border-radius:var(--r-xl); box-shadow:var(--shadow); padding:1.5rem; display:flex; flex-direction:column; gap:1.25rem; }
.panel__head { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.panel h2 { font-size:1.375rem; font-weight:800; }
.panel__lbl { font-weight:700; font-size:0.9375rem; margin-bottom:0.5rem; }
.panel__hint { font-size:0.8125rem; color:var(--ink-muted); line-height:1.5; }
.pchips { display:flex; flex-wrap:wrap; gap:0.5rem; }
.pchip { min-height:2.75rem; min-width:4rem; padding:0 0.875rem; border-radius:var(--r-pill); border:1.5px solid var(--line-strong); background:var(--surface); color:var(--ink); font:700 0.9375rem/1 var(--font); cursor:pointer; }
.pchip[aria-pressed="true"] { background:var(--ink); border-color:var(--ink); color:var(--surface); }
.switch { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:2.75rem; cursor:pointer; font-weight:700; font-size:0.9375rem; }
.switch input { position:absolute; opacity:0; width:1px; height:1px; }
.switch__track { flex:none; width:3rem; height:1.75rem; border-radius:var(--r-pill); border:1.5px solid var(--line-strong); background:var(--tile); position:relative; transition:background-color .15s ease; }
.switch__track::after { content:""; position:absolute; top:0.1875rem; left:0.1875rem; width:1.2rem; height:1.2rem; border-radius:50%; background:var(--ink-muted); transition:transform .15s ease; }
.switch input:checked + .switch__track { background:var(--ink); border-color:var(--ink); }
.switch input:checked + .switch__track::after { transform:translateX(1.25rem); background:var(--surface); }
.switch input:focus-visible + .switch__track { outline:3px solid var(--focus); outline-offset:2px; }
.closebtn { min-height:2.75rem; padding:0 1rem; border-radius:var(--r-pill); border:1.5px solid var(--line-strong); background:var(--surface); color:var(--ink); font:700 0.9375rem/1 var(--font); cursor:pointer; }
.ubtn:disabled { opacity:0.45; cursor:not-allowed; }

/* ===== 2.1: AI хэв маягийг арилгасан засвар ===== */
:root { --r-md:8px; --r-lg:4px; --r-xl:6px; --r-2xl:8px; }
.h2 { font-weight:700; letter-spacing:-0.015em; font-size:clamp(1.75rem, 1.4rem + 1.2vw, 2.4rem); line-height:1.15; }
.btn { font-weight:600; }

/* Нүүр */
.hero2 { padding-block:clamp(2.5rem, 5vw, 4rem) 0; }
.hero2__grid { display:grid; gap:2.5rem; align-items:end; }
@media (min-width:64rem) { .hero2__grid { grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:3.5rem; } }
.hero2__copy { display:flex; flex-direction:column; gap:1.5rem; padding-bottom:0.5rem; }
.hero2 h1 { font-weight:700; font-size:clamp(2.1rem, 1.5rem + 2.2vw, 3.25rem); line-height:1.12; letter-spacing:-0.02em; }
.hero2 .lead { font-size:1.1875rem; line-height:1.6; color:var(--ink-muted); max-width:40ch; }
.fig { margin:0; }
.fig img { width:100%; object-fit:cover; border-radius:var(--r-lg); }
.fig figcaption { margin-top:0.625rem; font-size:0.875rem; line-height:1.45; color:var(--ink-muted); }
.fig figcaption b { color:var(--ink); font-weight:600; }
.hero2 .fig img { aspect-ratio:3 / 2; }
.latest { display:flex; flex-wrap:wrap; align-items:baseline; gap:0.25rem 1rem; margin-top:clamp(2rem, 4vw, 3rem); padding-block:1.125rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--ink); text-decoration:none; }
.latest:hover { color:var(--ink); }
.latest:hover .latest__t { text-decoration:underline; text-underline-offset:0.2em; }
.latest__k { font-weight:600; font-size:0.9375rem; color:var(--accent-text); }
.latest__t { font-weight:600; }
.latest__d { font-size:0.875rem; color:var(--ink-muted); font-variant-numeric:tabular-nums; margin-left:auto; }

/* Тоон мэдэгдэл */
.statement { padding-block:clamp(3.5rem, 7vw, 5.5rem); }
.statement p.big { font-size:clamp(1.5rem, 1.1rem + 1.5vw, 2.25rem); line-height:1.35; font-weight:500; letter-spacing:-0.01em; max-width:34em; }
.statement p.big strong { font-weight:700; color:var(--accent-text); font-variant-numeric:tabular-nums; }
.statement .src { margin-top:1rem; font-size:0.875rem; color:var(--ink-muted); }
.statement .src a { color:var(--ink-muted); }

/* Equality for All */
.efa2 { background:var(--efa-bg); padding-block:clamp(3.5rem, 7vw, 6rem); }
.efa2 .split { align-items:start; }
.efa2 .fig img { height:clamp(20rem, 34vw, 29rem); border-radius:32px 32px 32px 200px; }
@media (max-width:40rem) { .efa2 .fig img { border-radius:24px 24px 24px 100px; } }
.efa2__copy { display:flex; flex-direction:column; gap:1.25rem; align-items:flex-start; }
.efa2__copy h2 { font-weight:700; font-size:clamp(2.4rem, 1.6rem + 2.6vw, 3.5rem); line-height:1.02; letter-spacing:-0.025em; }
.efa2__copy .lead { font-size:1.1875rem; line-height:1.6; color:var(--ink-muted); max-width:38ch; }
.dlist { list-style:none; margin:0.5rem 0 0.75rem; padding:0; width:100%; border-top:1px solid var(--line-soft, rgba(15,46,69,0.14)); }
.dlist li { display:grid; grid-template-columns:minmax(0, 9rem) minmax(0, 1fr); gap:0.25rem 1.25rem; padding-block:0.875rem; border-bottom:1px solid var(--line-soft, rgba(15,46,69,0.14)); }
.dlist b { font-weight:600; }
.dlist span { color:var(--ink-muted); line-height:1.5; }
@media (max-width:30rem) { .dlist li { grid-template-columns:1fr; } }
:root[data-theme="dark"] .dlist, :root[data-theme="dark"] .dlist li { --line-soft:rgba(255,255,255,0.14); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .dlist, :root:not([data-theme="light"]) .dlist li { --line-soft:rgba(255,255,255,0.14); } }

/* Бидний ажил */
.work { display:grid; gap:2.5rem; align-items:start; }
@media (min-width:62rem) { .work { grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); gap:4rem; } }
.work .fig img { aspect-ratio:4 / 3; }
.areas { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.areas li { display:flex; flex-direction:column; gap:0.25rem; padding-block:1.25rem; border-bottom:1px solid var(--line); }
.areas h3 { font-size:1.1875rem; font-weight:600; line-height:1.35; }
.areas p { color:var(--ink-muted); font-size:0.9875rem; line-height:1.55; }
.thumbs { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0.75rem; margin-top:0.75rem; }
.thumbs img { width:100%; aspect-ratio:1 / 1; object-fit:cover; border-radius:var(--r-lg); }

/* Бидний тухай ба он дараалал */
.about2 { display:grid; gap:3rem; align-items:start; }
@media (min-width:62rem) { .about2 { grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:4.5rem; } }
.about2__copy { display:flex; flex-direction:column; gap:1.25rem; }
.about2__copy p { max-width:44ch; }
.about2__copy .muted { color:var(--ink-muted); }
.people2 { margin:0.5rem 0 0; display:grid; gap:0.5rem; }
.people2 div { display:flex; flex-wrap:wrap; gap:0.25rem 0.75rem; align-items:baseline; }
.people2 dt { font-weight:600; }
.people2 dd { margin:0; color:var(--ink-muted); }
.chron { width:100%; border-collapse:collapse; font-size:0.9875rem; }
.chron caption { text-align:left; font-weight:600; font-size:1.0625rem; padding-bottom:0.75rem; }
.chron th, .chron td { text-align:left; vertical-align:top; padding:0.875rem 1rem 0.875rem 0; border-top:1px solid var(--line); }
.chron tr:last-child th, .chron tr:last-child td { border-bottom:1px solid var(--line); }
.chron th { font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; width:6.5rem; color:var(--accent-text); }
.chron td.src { font-size:0.8125rem; color:var(--ink-muted); white-space:nowrap; padding-right:0; text-align:right; }
.chron td.src a { color:var(--ink-muted); }
@media (max-width:36rem) { .chron td.src { display:none; } }

/* Түншүүд */
.pgroups2 { display:grid; gap:2rem 3rem; grid-template-columns:repeat(auto-fit, minmax(min(14rem, 100%), 1fr)); }
.pgroups2 h3 { font-size:0.9375rem; font-weight:600; color:var(--ink-muted); margin-bottom:0.625rem; }
.pgroups2 ul { list-style:none; margin:0; padding:0; display:grid; gap:0.375rem; }
.pgroups2 li { font-weight:600; font-size:1.0625rem; line-height:1.4; }

/* Хамтран ажиллах */
.join2 { display:grid; gap:2.5rem; }
@media (min-width:62rem) { .join2 { grid-template-columns:minmax(0, 6fr) minmax(0, 6fr); gap:4.5rem; } }
.join2 h2 { font-weight:700; font-size:clamp(2rem, 1.5rem + 1.8vw, 2.9rem); line-height:1.1; letter-spacing:-0.02em; color:var(--on-band); }
.join2 .lead { margin-top:1rem; color:var(--on-band-muted); max-width:40ch; font-size:1.125rem; }
.who { list-style:none; margin:1.75rem 0 0; padding:0; border-top:1px solid var(--band-line); }
.who li { display:grid; grid-template-columns:minmax(0, 12rem) minmax(0, 1fr); gap:0.25rem 1.25rem; padding-block:0.875rem; border-bottom:1px solid var(--band-line); }
.who b { color:var(--on-band); font-weight:600; }
.who span { color:var(--on-band-muted); }
@media (max-width:30rem) { .who li { grid-template-columns:1fr; } }
.cdl { margin:0; display:grid; gap:0; border-top:1px solid var(--band-line); }
.cdl > div { padding-block:1.125rem; border-bottom:1px solid var(--band-line); display:flex; flex-direction:column; gap:0.375rem; }
.cdl dt { font-size:0.875rem; color:var(--on-band-muted); }
.cdl dd { margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem 1rem; font-size:clamp(1.125rem, 1rem + 0.6vw, 1.5rem); font-weight:600; color:var(--on-band); }
.cdl dd span { user-select:all; overflow-wrap:anywhere; }
.cdl dd a { color:var(--on-band); }
.cdl .copy { color:var(--on-band); border-color:var(--on-band-muted); }
.cdl .copy:hover { border-color:var(--on-band); }
.cdl dd.addr { font-size:1.0625rem; font-weight:500; line-height:1.5; }

/* Мэдээ: дөрвөлжин булан */
.nrow__img { border-radius:var(--r-lg); }
.nrow__img--none { font-weight:600; }

/* Түншүүдийн урсдаг лого хана */
.pausebtn { display:inline-flex; align-items:center; gap:0.5rem; min-height:2.75rem; padding:0 1rem; border-radius:var(--r-pill); border:1.5px solid var(--line-strong); background:var(--surface); color:var(--ink); font:600 0.9375rem/1 var(--font); cursor:pointer; }
.pausebtn:hover { border-color:var(--ink); }
.pausebtn svg { width:1rem; height:1rem; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.pausebtn .i-play { display:none; fill:currentColor; stroke:none; }
.pausebtn[aria-pressed="true"] .i-pause { display:none; }
.pausebtn[aria-pressed="true"] .i-play { display:inline; }
.marquee { display:flex; flex-direction:column; gap:1rem; overflow:hidden; padding-block:0.25rem; }
.mq-row { overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.mq-track { display:flex; width:max-content; animation:mq-left 55s linear infinite; }
.mq-row--rev .mq-track { animation-name:mq-right; animation-duration:62s; }
.mq-set { display:flex; gap:1rem; padding-right:1rem; flex:none; }
@keyframes mq-left { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@keyframes mq-right { from { transform:translateX(-50%); } to { transform:translateX(0); } }
.marquee:hover .mq-track, .marquee.is-paused .mq-track { animation-play-state:paused; }
.lg { flex:none; width:max-content; min-width:12rem; max-width:19rem; min-height:6.75rem; padding:1rem 1.25rem; border:1px solid var(--line); border-radius:var(--r-xl); background:var(--surface-raised); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.375rem; text-align:center; transition:border-color .15s ease; }
.lg:hover { border-color:var(--line-strong); }
.lg__name { font-weight:700; font-size:0.9875rem; line-height:1.3; color:var(--ink); letter-spacing:-0.005em; text-wrap:balance; }
.lg__cat { font-size:0.75rem; color:var(--ink-muted); }
.lg--img img { max-width:100%; max-height:3.25rem; width:auto; height:auto; object-fit:contain; filter:grayscale(1); opacity:0.8; transition:filter .2s ease, opacity .2s ease; }
.lg--img:hover img { filter:none; opacity:1; }
/* Бараан дэвсгэр дээр хар хөх лого харагдахгүй тул цагаан суурьтай болгоно */
:root[data-theme="dark"] .lg--img img, :root[data-bg="yb"] .lg--img img { background:#fff; padding:0.375rem 0.5rem; border-radius:var(--r-sm); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .lg--img img { background:#fff; padding:0.375rem 0.5rem; border-radius:var(--r-sm); } }
/* Хөдөлгөөн багасгах үед: урсахгүй, тор болж тогтоно */
@media (prefers-reduced-motion: reduce) {
  .mq-track { animation:none !important; width:100%; transform:none !important; }
  .mq-set + .mq-set { display:none; }
  .mq-set { flex:1 1 auto; flex-wrap:wrap; justify-content:center; padding-inline:max(1.25rem, env(safe-area-inset-left, 0px)); }
  .mq-row { -webkit-mask-image:none; mask-image:none; }
  .pausebtn { display:none; }
}
:root[data-motion="reduce"] .mq-track { animation:none !important; width:100%; transform:none !important; }
:root[data-motion="reduce"] .mq-set + .mq-set { display:none; }
:root[data-motion="reduce"] .mq-set { flex:1 1 auto; flex-wrap:wrap; justify-content:center; padding-inline:max(1.25rem, env(safe-area-inset-left, 0px)); }
:root[data-motion="reduce"] .mq-row { -webkit-mask-image:none; mask-image:none; }
:root[data-motion="reduce"] .pausebtn { display:none; }
:root[data-contrast="high"] .lg { border:2px solid var(--line); }

@media (prefers-reduced-motion: reduce) { .mq-set { width:100%; box-sizing:border-box; } .lg { flex:1 1 10rem; width:auto; min-width:0; max-width:none; } }
:root[data-motion="reduce"] .mq-set { width:100%; box-sizing:border-box; }
:root[data-motion="reduce"] .lg { flex:1 1 10rem; width:auto; min-width:0; max-width:none; }

/* Нүүрний урсдаг зургийн хана */
.hero2__grid { align-items:center; }
.hero2 h1 { font-size:clamp(2.3rem, 1.5rem + 2.6vw, 3.6rem); line-height:1.06; }
.wallwrap { position:relative; margin:0; min-width:0; }
.wall { height:clamp(30rem, 44vw, 40rem); display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0.875rem; overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 9%, #000 91%, transparent 100%); mask-image:linear-gradient(180deg, transparent 0, #000 9%, #000 91%, transparent 100%); }
.wcol { overflow:hidden; min-width:0; }
.wcol:nth-child(2) { margin-top:-3rem; }
.wtrack { display:flex; flex-direction:column; animation:wall-up 46s linear infinite; will-change:transform; }
.wcol--down .wtrack { animation-name:wall-down; animation-duration:54s; }
.wcol--slow .wtrack { animation-duration:62s; }
.wset { display:flex; flex-direction:column; gap:0.875rem; padding-bottom:0.875rem; }
.wimg { width:100%; object-fit:cover; border-radius:6px; background:var(--tile); display:block; }
.wimg.r45 { aspect-ratio:4 / 5; } .wimg.r11 { aspect-ratio:1 / 1; } .wimg.r34 { aspect-ratio:3 / 4; } .wimg.r43 { aspect-ratio:4 / 3; }
@keyframes wall-up { from { transform:translateY(0); } to { transform:translateY(-50%); } }
@keyframes wall-down { from { transform:translateY(-50%); } to { transform:translateY(0); } }
.wall:hover .wtrack, .wall.is-paused .wtrack { animation-play-state:paused; }
.wall__pause { position:absolute; right:0.75rem; bottom:3.75rem; z-index:2; box-shadow:var(--shadow); background:var(--surface-raised); }
.wallwrap figcaption { margin-top:0.75rem; font-size:0.875rem; line-height:1.45; color:var(--ink-muted); }
.wallwrap figcaption b { color:var(--ink); font-weight:600; }
@media (max-width:48rem) {
  .wall { grid-template-columns:repeat(2, minmax(0, 1fr)); height:27rem; }
  .wcol--slow { display:none; }
  .wall__pause { bottom:4.75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .wtrack { animation:none !important; transform:none !important; }
  .wall__pause { display:none; }
}
:root[data-motion="reduce"] .wtrack { animation:none !important; transform:none !important; }
:root[data-motion="reduce"] .wall__pause { display:none; }
.pausebtn[aria-pressed="true"] .i-pause { display:none; }
.pausebtn[aria-pressed="true"] .i-play { display:inline; }

/* ===== WCAG 2.2 сайжруулалт ===== */
body { overflow-wrap:break-word; }
/* Утсан дээр товчны бичвэр нуугдсан ч дэлгэц уншигчид үлдэнэ */
@media (max-width:40rem) { .ubtn .ulbl { display:inline; position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } }
.ubtn { height:auto; min-height:2.25rem; }
.lang button { height:auto; min-height:1.875rem; min-width:2.25rem; }
.ubtn[aria-disabled="true"] { opacity:0.5; cursor:not-allowed; }
.ubtn[aria-disabled="true"]:hover { background:var(--band-fill); }
/* Зогсоох товчны дүрс: төлөвөөр */
.pausebtn .i-play { display:none; }
.pausebtn .i-pause { display:inline; }
.pausebtn[data-state="paused"] .i-pause { display:none; }
.pausebtn[data-state="paused"] .i-play { display:inline; fill:currentColor; stroke:none; }
/* Гарчиг жижиг дэлгэц, том үсэгт багтана (1.4.4, 1.4.10) */
.hero2 h1 { font-size:min(clamp(2.3rem, 1.5rem + 2.6vw, 3.6rem), 10.5vw); }
.h2 { font-size:min(clamp(1.75rem, 1.4rem + 1.2vw, 2.4rem), 9vw); }
.efa2__copy h2 { font-size:min(clamp(2.4rem, 1.6rem + 2.6vw, 3.5rem), 11vw); }
.join2 h2 { font-size:min(clamp(2rem, 1.5rem + 1.8vw, 2.9rem), 10vw); }
.newsview__head h1, .article h1, .prose h1 { font-size:min(clamp(2.2rem, 1.5rem + 2.6vw, 3.4rem), 10vw); }
.statement p.big { font-size:min(clamp(1.5rem, 1.1rem + 1.5vw, 2.25rem), 7.5vw); }
/* Сайтын А+ товчоор томруулахад цэс эвхэгдэнэ (media query нь хөтчийн 16px-ээр тооцогддог тул) */
:root[data-scale="150"] .menu-btn, :root[data-scale="200"] .menu-btn { display:inline-flex; }
:root[data-scale="150"] .nav, :root[data-scale="200"] .nav { display:none; position:absolute; left:0; right:0; top:100%; background:var(--surface); border-bottom:1px solid var(--line); padding:0.75rem max(1.25rem, env(safe-area-inset-right, 0px)) 1.25rem max(1.25rem, env(safe-area-inset-left, 0px)); box-shadow:var(--shadow); }
:root[data-scale="150"] .nav.is-open, :root[data-scale="200"] .nav.is-open { display:block; }
:root[data-scale="150"] .nav ul, :root[data-scale="200"] .nav ul { flex-direction:column; }
:root[data-scale="150"] .nav a, :root[data-scale="200"] .nav a { width:100%; }
@media (max-width:95rem) {
  :root[data-scale="125"] .menu-btn { display:inline-flex; }
  :root[data-scale="125"] .nav { display:none; position:absolute; left:0; right:0; top:100%; background:var(--surface); border-bottom:1px solid var(--line); padding:0.75rem max(1.25rem, env(safe-area-inset-right, 0px)) 1.25rem max(1.25rem, env(safe-area-inset-left, 0px)); box-shadow:var(--shadow); }
  :root[data-scale="125"] .nav.is-open { display:block; }
  :root[data-scale="125"] .nav ul { flex-direction:column; }
  :root[data-scale="125"] .nav a { width:100%; }
}
@media (max-width:80rem) { :root[data-scale="200"] .header .btn, :root[data-scale="150"] .header .btn { display:none; } }
/* Мэдээний гарчиг heading болсон */
.nrow__t { margin:0; }
/* Хүртээмжийн мэдэгдэл */
.prose { max-width:46rem; display:flex; flex-direction:column; gap:1rem; }
.prose h1 { font-weight:700; line-height:1.1; letter-spacing:-0.02em; margin-bottom:0.25rem; }
.prose h2 { font-size:1.375rem; font-weight:700; margin-top:1.25rem; }
.prose ul { margin:0; padding-left:1.25rem; display:grid; gap:0.5rem; }
.prose .lead { font-size:1.1875rem; color:var(--ink-muted); }
/* Windows-ийн өндөр ялгаралтай горим (forced colors) */
@media (forced-colors: active) {
  .btn, .ubtn, .lang button, .pausebtn, .pchip, .copy, .closebtn, .menu-btn, .way { border:2px solid ButtonText; }
  .ubtn[aria-pressed="true"], .lang button[aria-pressed="true"], .pchip[aria-pressed="true"] { outline:3px solid Highlight; outline-offset:1px; }
  :focus-visible { outline:3px solid Highlight !important; }
  .lg, .card, .tile, .nrow__img--none, .contact, .panel { border:1px solid CanvasText; }
  .switch__track { border:2px solid ButtonText; }
  .switch input:checked + .switch__track::after { background:Highlight; }
  .mdot { border-color:CanvasText; }
  .wall, .mq-row { -webkit-mask-image:none; mask-image:none; }
  .logo, .footer__logo { forced-color-adjust:none; background:#ffffff; }
}
/* Нэг баганат тор агуулгаасаа нарийсч чаддаг байх (1.4.10) */
.hero2__grid, .split, .work, .about2, .join2, .join, .about, .hero__grid { grid-template-columns:minmax(0, 1fr); }
.hero2__grid > *, .split > *, .work > *, .about2 > *, .join2 > * { min-width:0; }
@media (min-width:64rem) { .hero2__grid { grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); } }
@media (min-width:62rem) { .split { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); } .work { grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); } .about2 { grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); } .join2 { grid-template-columns:minmax(0, 6fr) minmax(0, 6fr); } }
.who li { grid-template-columns:minmax(0, 1fr); }
@media (min-width:36rem) { .who li { grid-template-columns:minmax(0, 12rem) minmax(0, 1fr); } }
:root[data-scale="150"] .who li, :root[data-scale="200"] .who li { grid-template-columns:minmax(0, 1fr); }
:root[data-scale="200"] .dlist li { grid-template-columns:minmax(0, 1fr); }
.cdl { grid-template-columns:minmax(0, 1fr); }
.cdl > div, .cdl dd, .cdl dt { min-width:0; }
.cdl dd.addr { overflow-wrap:anywhere; }
:root[data-scale="150"] body, :root[data-scale="200"] body { overflow-wrap:anywhere; }
:root[data-scale="150"] .nrow, :root[data-scale="200"] .nrow { grid-template-columns:minmax(0, 1fr); }
:root[data-scale="150"] .nrow__img, :root[data-scale="200"] .nrow__img { max-width:20rem; }
:root[data-scale="150"] .nrow__date, :root[data-scale="200"] .nrow__date { display:none; }
:root[data-scale="150"] .nrow__mdate, :root[data-scale="200"] .nrow__mdate { display:block; }
:root[data-scale="150"] .wrap, :root[data-scale="200"] .wrap { padding-left:max(min(1.25rem, 5vw), env(safe-area-inset-left, 0px)); padding-right:max(min(1.25rem, 5vw), env(safe-area-inset-right, 0px)); }
:root[data-scale="150"] .logo img, :root[data-scale="200"] .logo img { height:min(2.9rem, 12vw); }
:root[data-scale="150"] .menu-btn, :root[data-scale="200"] .menu-btn { width:min(3rem, 14vw); height:min(3rem, 14vw); min-width:44px; min-height:44px; }
/* Програмаар фокуслагдсан гарчиг, main нь товч биш тул хүрээ хэрэггүй */
h1[tabindex="-1"]:focus, h2[tabindex="-1"]:focus, main:focus { outline:none; }

/* ===== Хүртээмжийн цонх (InclusiveData-тай нэг хэв маяг) ===== */
.ubtn--a11y { background:var(--on-band); color:var(--band); }
.ubtn--a11y:hover { background:var(--chip-bg); color:var(--chip-text); }
.drawer { position:fixed; z-index:51; top:0; right:0; bottom:0; width:min(27rem, 100vw); display:flex; flex-direction:column; background:var(--surface-raised); color:var(--ink); border-left:1px solid var(--line); box-shadow:var(--shadow); padding-top:env(safe-area-inset-top, 0px); padding-bottom:env(safe-area-inset-bottom, 0px); padding-right:env(safe-area-inset-right, 0px); }
.drawer__head { display:flex; align-items:center; gap:0.875rem; padding:1rem 1.25rem; background:var(--band); color:var(--on-band); }
.drawer__head h2 { font-size:1.25rem; font-weight:700; line-height:1.2; }
.drawer__sub { font-size:0.875rem; color:var(--on-band-muted); }
.drawer__icon { flex:none; width:2.5rem; height:2.5rem; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,0.14); }
.drawer__icon svg, .drawer__close svg { width:1.35rem; height:1.35rem; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
/* Хүртээмжийн тэмдэг: НҮБ-ын албан ёсны лого. 1000 нэгжийн viewBox тул шугамын зузааныг тусад нь өгнө */
.sprite { position:absolute; width:0; height:0; overflow:hidden; }
.ubtn .ic-a11y { width:1.25rem; height:1.25rem; }
.drawer__icon .ic-a11y { width:1.6rem; height:1.6rem; }
.ubtn .ic-a11y, .drawer__icon .ic-a11y { stroke:currentColor; stroke-width:48; stroke-linecap:butt; stroke-linejoin:miter; fill:none; }
.drawer__close { margin-left:auto; flex:none; width:2.75rem; height:2.75rem; border-radius:50%; border:0; background:rgba(255,255,255,0.14); color:var(--on-band); cursor:pointer; display:grid; place-items:center; }
.drawer__close:hover { background:rgba(255,255,255,0.24); }
.drawer__close:focus-visible { outline-color:#ffd24a; }
.drawer__body { flex:1; overflow-y:auto; padding:1rem 1.25rem 1.5rem; display:flex; flex-direction:column; gap:1.5rem; overscroll-behavior:contain; }
.drawer__foot { display:flex; align-items:center; justify-content:space-between; gap:0.75rem; flex-wrap:wrap; padding:0.875rem 1.25rem; border-top:1px solid var(--line); font-size:0.8125rem; color:var(--ink-muted); }
.drawer__foot .btn svg { width:1rem; height:1rem; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.dsec { display:flex; flex-direction:column; gap:0.625rem; }
.dsec--card { padding:1rem; border:1px solid var(--line-strong); border-radius:var(--r-2xl); }
.dsec--card h3 { font-size:1rem; font-weight:700; }
.dsec__k { font-size:0.8125rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-muted); }
.dsec__hint { font-size:0.8125rem; color:var(--ink-muted); margin-top:-0.25rem; }
.opts { display:grid; gap:0.5rem; }
.opts--list { grid-template-columns:minmax(0, 1fr); }
.opts--2 { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.opts--3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.opts--4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
@media (max-width:24rem) { .opts--4 { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.opt { position:relative; display:flex; align-items:center; gap:0.625rem; min-height:2.875rem; padding:0.5rem 0.75rem; border:1.5px solid var(--line-strong); border-radius:var(--r-md); background:var(--surface); cursor:pointer; font-weight:600; font-size:0.9375rem; line-height:1.25; }
.opts--2 .opt, .opts--3 .opt, .opts--4 .opt { flex-direction:column; justify-content:center; text-align:center; gap:0.375rem; padding:0.625rem 0.5rem; }
.opt input { position:absolute; opacity:0; width:1px; height:1px; }
.opt__i svg { width:1.25rem; height:1.25rem; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; display:block; }
.opt__check { display:none; width:1.1rem; height:1.1rem; margin-left:auto; stroke:var(--accent-text); fill:none; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.opts--list .opt:has(input:checked) .opt__check { display:block; }
.opt:has(input:checked) { border-color:var(--accent); background:var(--chip-bg); color:var(--chip-text); box-shadow:inset 0 0 0 1px var(--accent); }
.opt:has(input:focus-visible) { outline:3px solid var(--focus); outline-offset:2px; }
.opt__sw { display:grid; place-items:center; width:2.25rem; height:1.75rem; border-radius:6px; font-weight:700; font-size:0.875rem; border:1px solid var(--line-strong); }
.sw-none { background:#ffffff; color:#0f1d28; } .sw-sepia { background:#f4ecd8; color:#2e2416; } .sw-by { background:#fff4a3; color:#000000; } .sw-yb { background:#000000; color:#ffe14d; }
.prof { min-height:3.25rem; padding:0.5rem 0.75rem; border-radius:var(--r-md); border:1.5px solid var(--line-strong); background:var(--surface); color:var(--ink); font:600 0.875rem/1.3 var(--font); cursor:pointer; text-align:center; }
.prof:hover { border-color:var(--ink); }
.prof[aria-pressed="true"] { background:var(--ink); border-color:var(--ink); color:var(--surface); }
.sw { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:2.75rem; padding-block:0.375rem; cursor:pointer; }
.sw__txt { display:flex; flex-direction:column; gap:0.125rem; min-width:0; }
.sw__t { font-weight:600; font-size:0.9375rem; }
.sw__h { font-size:0.8125rem; color:var(--ink-muted); line-height:1.35; }
.sw input { position:absolute; opacity:0; width:1px; height:1px; }
.sw__track { flex:none; width:3rem; height:1.75rem; border-radius:var(--r-pill); border:1.5px solid var(--line-strong); background:var(--tile); position:relative; transition:background-color .15s ease; }
.sw__track::after { content:""; position:absolute; top:0.1875rem; left:0.1875rem; width:1.2rem; height:1.2rem; border-radius:50%; background:var(--ink-muted); transition:transform .15s ease; }
.sw input:checked + .sw__track { background:var(--accent); border-color:var(--accent); }
.sw input:checked + .sw__track::after { transform:translateX(1.25rem); background:var(--on-accent); }
.sw input:focus-visible + .sw__track { outline:3px solid var(--focus); outline-offset:2px; }
.sl { display:flex; flex-direction:column; gap:0.375rem; padding-block:0.25rem; }
.sl__row { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; }
.sl__t { font-weight:600; font-size:0.9375rem; }
.sl__v { font-size:0.875rem; color:var(--ink-muted); font-variant-numeric:tabular-nums; }
.sl__ctl { display:flex; align-items:center; gap:0.5rem; }
.sl__ctl input { flex:1; min-width:0; accent-color:var(--accent); height:2.75rem; }
.sl__btn { flex:none; width:2.75rem; height:2.75rem; border-radius:50%; border:1.5px solid var(--line-strong); background:var(--surface); color:var(--ink); font:700 1.25rem/1 var(--font); cursor:pointer; }
.sl__btn:hover { border-color:var(--ink); }
.keys { list-style:none; margin:0; padding:0; display:grid; gap:0.5rem; font-size:0.9375rem; }
.keys li { display:flex; flex-wrap:wrap; align-items:center; gap:0.375rem; }
.keys span { color:var(--ink-muted); }
kbd { display:inline-block; min-width:1.75rem; padding:0.125rem 0.5rem; border:1px solid var(--line-strong); border-bottom-width:2px; border-radius:6px; background:var(--tile); font:600 0.8125rem/1.5 var(--font); text-align:center; }

/* Бичвэрийн зай: гулсуураас */
body { word-spacing:var(--ws, 0); }
:root[data-font="andika"] body, :root[data-font="andika"] button, :root[data-font="andika"] input { font-family:Andika, var(--font); }

/* Өнгөний шүүлтүүр: хуудасны агуулгад (цонхонд биш) */
:root[data-filter="gray"] :is(#util, #top, #main, #site-footer) { filter:grayscale(1); }
:root[data-filter="vivid"] :is(#util, #top, #main, #site-footer) { filter:saturate(1.6) contrast(1.08); }
:root[data-filter="muted"] :is(#util, #top, #main, #site-footer) { filter:saturate(0.35); }

/* Унших дэвсгэр */
:root[data-bg="sepia"] { --surface:#f4ecd8; --surface-alt:#ece1c7; --surface-raised:#f8f1e1; --tile:#e8dcc0; --ink:#2e2416; --ink-muted:#584730; --line:#d6c6a3; --line-strong:#7a6848; --efa-bg:#efe3c9; --efa-chip:#f8f1e1; --chip-bg:#ead6bd; --chip-text:#7a0b39; --accent-text:#8f0c43; --focus:#2e2416; color-scheme:light; }
:root[data-bg="by"] { --surface:#fff4a3; --surface-alt:#ffef85; --surface-raised:#fff7bd; --tile:#ffe970; --ink:#000000; --ink-muted:#1a1a1a; --line:#000000; --line-strong:#000000; --efa-bg:#ffef85; --efa-chip:#fff7bd; --chip-bg:#ffe970; --chip-text:#000000; --accent:#8a003f; --accent-hover:#000000; --on-accent:#ffffff; --accent-text:#6e0032; --focus:#000000; --navy-text:#000000; color-scheme:light; }
:root[data-bg="yb"] { --surface:#000000; --surface-alt:#0a0a0a; --surface-raised:#0a0a0a; --tile:#141414; --band:#000000; --band-deep:#000000; --on-band:#ffe14d; --on-band-muted:#ffe14d; --on-band-accent:#ffe14d; --band-line:#ffe14d; --band-fill:transparent; --ink:#ffe14d; --ink-muted:#ffe14d; --line:#ffe14d; --line-strong:#ffe14d; --accent:#ffe14d; --accent-hover:#ffffff; --on-accent:#000000; --accent-text:#ffe14d; --chip-bg:#000000; --chip-text:#ffe14d; --efa-bg:#000000; --efa-chip:#141414; --navy-text:#ffe14d; --donut-track:#444444; --focus:#ffffff; --status-done:#ffe14d; --status-ongoing:#ffe14d; color-scheme:dark; }
:root[data-bg="yb"] .ubtn, :root[data-bg="yb"] .lang, :root[data-bg="yb"] .way, :root[data-bg="yb"] .lg, :root[data-bg="yb"] .card { border:1px solid #ffe14d; }

/* Холбоос, гарчиг, контент тодруулах */
:root[data-links] a:not(.skip) { background:#ffe14d !important; color:#000000 !important; text-decoration:underline !important; text-decoration-thickness:2px !important; outline:2px solid #000000; outline-offset:1px; }
:root[data-links] a:not(.skip) * { color:#000000 !important; }
:root[data-headings] :is(main h1, main h2, main h3) { outline:3px dashed var(--accent); outline-offset:6px; }
:root[data-content] main :is(p, li, h1, h2, h3, figcaption, dd, td):hover,
:root[data-content] main :is(p, li, h2, h3):focus-within { outline:3px solid var(--accent); outline-offset:4px; border-radius:2px; }
/* Уншлагын чиглүүлэгч */
.rguide { position:fixed; left:0; right:0; top:0; height:3rem; z-index:45; pointer-events:none; transform:translateY(-50%); background:rgba(255,225,77,0.22); border-top:3px solid #c4115b; border-bottom:3px solid #c4115b; }
/* Том курсор */
:root[data-cursor="black"], :root[data-cursor="black"] * { cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M6 3l0 36 9-9 7 15 7-3-7-15h13z' fill='%23000' stroke='%23fff' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 6 3, auto !important; }
:root[data-cursor="white"], :root[data-cursor="white"] * { cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M6 3l0 36 9-9 7 15 7-3-7-15h13z' fill='%23fff' stroke='%23000' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 6 3, auto !important; }
@media (forced-colors: active) { .opt, .prof, .sl__btn, .sw__track, .drawer__close { border:2px solid ButtonText; } .opt:has(input:checked), .prof[aria-pressed="true"] { outline:3px solid Highlight; } .rguide { border-color:Highlight; background:transparent; } }
:root[data-links] a .nrow__img--none { background:#ffe14d !important; }