/* Дэд хуудсууд (/verify, /privacy, /terms) — нүүр хуудастай (index.html-ийн inline <style>) ижил
   токен, толгой, хөл. Нүүр хуудас өөрийн inline хэв маягаа хадгална (CSP-г нь хөндөхгүйн тулд);
   эндээс токен өөрчилбөл тэнд ч мөн адил өөрчил. */
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/landing/fonts/geist-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/landing/fonts/geist-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/landing/fonts/geist-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/landing/fonts/geist-mono-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  color-scheme: light;
  --background: hsl(0 0% 100%);
  --background-subtle: hsl(210 40% 98%);
  --background-muted: hsl(210 40% 96%);
  --foreground: hsl(222 47% 11%);
  --foreground-muted: hsl(215 19% 35%);
  --foreground-subtle: hsl(215 16% 45%);
  --border: hsl(214 32% 91%);
  --border-strong: hsl(213 27% 84%);
  --accent: oklch(0.534 0.2 259);
  --accent-hover: color-mix(in oklab, var(--accent) 88%, black);
  --accent-foreground: #fff;
  --accent-subtle: oklch(0.97 0.03 259);
  --accent-subtle-foreground: oklch(0.474 0.19 259);
  --ring: oklch(0.604 0.2 259);
  /* Статус (design-research 08: subtle / border / foreground) */
  --success-subtle: hsl(152 76% 96%);
  --success-border: hsl(152 64% 80%);
  --success-foreground: hsl(163 70% 26%);
  --warning-subtle: hsl(48 100% 96%);
  --warning-border: hsl(45 95% 78%);
  --warning-foreground: hsl(23 75% 33%);
  --danger-subtle: hsl(0 86% 97%);
  --danger-border: hsl(0 96% 89%);
  --danger-foreground: hsl(0 74% 42%);
  --popover: hsl(0 0% 100%);
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.04);
  --shadow-md: 0 4px 8px -2px rgb(0 0 0 / 0.06), 0 2px 4px -2px rgb(0 0 0 / 0.04);
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --duration-base: 160ms;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --z-sticky: 1100;
  --z-popover: 1400;
  --font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  /* Текстийн scale — gerege-ui theme.css / design-research 08 (хэмжээ · мөрийн өндөр · үсгийн зай); demo.eidmongolia.mn
     яг үүгээр зурагддаг тул гурван сайт нэг хэмжээтэй. Тайлбар: xs caption/badge/code · sm UI (цэс, холбоос, хөл) ·
     base body · lg landing body · 2xl H3-түвшний гарчиг · 3xl H1/H2 · 4xl–5xl зөвхөн нүүрийн hero. ≤8 шат. */
  --text-xs: 0.75rem;
  --text-xs--line-height: 1rem;
  --text-xs--letter-spacing: 0.005em;
  --text-sm: 0.8125rem;
  --text-sm--line-height: 1.25rem;
  --text-base: 0.875rem;
  --text-base--line-height: 1.5rem;
  --text-lg: 1rem;
  --text-lg--line-height: 1.5rem;
  --text-2xl: 1.375rem;
  --text-2xl--line-height: 1.875rem;
  --text-2xl--letter-spacing: -0.015em;
  --text-3xl: 1.75rem;
  --text-3xl--line-height: 2.125rem;
  --text-3xl--letter-spacing: -0.02em;
  --text-4xl: 2.25rem;
  --text-4xl--line-height: 2.5rem;
  --text-4xl--letter-spacing: -0.025em;
  --text-5xl: 3rem;
  --text-5xl--line-height: 1.1;
  --text-5xl--letter-spacing: -0.03em;
  --tracking-tight: -0.025em;
}
/* Харанхуй горим — developer./demo.eidmongolia.mn-тэй нэг токен (gerege-ui theme.css-ийн `.dark` блок, design-research
   08-design-tokens.md, 2026-09-28); accent нь тэндхийн blue preset-ийн dark утга брэндийн hue 259-тэй. theme.js нь
   localStorage.theme-ээс html[data-theme]-ийг эхний зурагдахаас өмнө тавина; атрибутгүй (system) үед доорх media query
   шийднэ. ХОЁР БЛОК ИЖИЛ — нэгийг засвал нөгөөг ч зас. Өнгө бүр токеноор: дүрмүүдэд түүхий hex/hsl/oklch бичихгүй. */
html[data-theme="dark"] {
  color-scheme: dark;
  --background: hsl(229 50% 6%);
  --background-subtle: hsl(222 47% 9%);
  --background-muted: hsl(217 33% 13%);
  --foreground: hsl(210 40% 98%);
  --foreground-muted: hsl(213 27% 84%);
  --foreground-subtle: hsl(215 20% 65%);
  --border: hsl(217 33% 17%);
  --border-strong: hsl(215 25% 27%);
  --accent: oklch(0.64 0.15 259);
  --accent-hover: color-mix(in oklab, var(--accent) 88%, white);
  --accent-foreground: hsl(229 50% 6%);
  --accent-subtle: oklch(0.24 0.06 259);
  --accent-subtle-foreground: oklch(0.82 0.1 259);
  --ring: oklch(0.68 0.15 259);
  --popover: hsl(222 47% 11%);
  --success-subtle: hsl(165 80% 8%);
  --success-border: hsl(163 70% 18%);
  --success-foreground: hsl(154 60% 64%);
  --warning-subtle: hsl(20 60% 10%);
  --warning-border: hsl(22 70% 26%);
  --warning-foreground: hsl(40 92% 65%);
  --danger-subtle: hsl(0 75% 12%);
  --danger-border: hsl(0 70% 35%);
  --danger-foreground: hsl(0 91% 71%);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    color-scheme: dark;
    --background: hsl(229 50% 6%);
    --background-subtle: hsl(222 47% 9%);
    --background-muted: hsl(217 33% 13%);
    --foreground: hsl(210 40% 98%);
    --foreground-muted: hsl(213 27% 84%);
    --foreground-subtle: hsl(215 20% 65%);
    --border: hsl(217 33% 17%);
    --border-strong: hsl(215 25% 27%);
    --accent: oklch(0.64 0.15 259);
    --accent-hover: color-mix(in oklab, var(--accent) 88%, white);
    --accent-foreground: hsl(229 50% 6%);
    --accent-subtle: oklch(0.24 0.06 259);
    --accent-subtle-foreground: oklch(0.82 0.1 259);
    --ring: oklch(0.68 0.15 259);
    --popover: hsl(222 47% 11%);
    --success-subtle: hsl(165 80% 8%);
    --success-border: hsl(163 70% 18%);
    --success-foreground: hsl(154 60% 64%);
    --warning-subtle: hsl(20 60% 10%);
    --warning-border: hsl(22 70% 26%);
    --warning-foreground: hsl(40 92% 65%);
    --danger-subtle: hsl(0 75% 12%);
    --danger-border: hsl(0 70% 35%);
    --danger-foreground: hsl(0 91% 71%);
  }
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; } }
body { margin: 0; background: var(--background); color: var(--foreground); font-family: var(--font-sans); font-size: var(--text-base); line-height: var(--text-base--line-height); -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; min-height: 100vh; }
main { flex: 1 0 auto; }
h1, h2, h3, p { margin: 0; }
a { color: inherit; }
img, svg { display: block; }
code { font-family: var(--font-mono); font-size: var(--text-xs); line-height: var(--text-xs--line-height); letter-spacing: var(--text-xs--letter-spacing); }
:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; border-radius: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip { position: absolute; left: 16px; top: -48px; background: var(--accent); color: var(--accent-foreground); padding: 8px 16px; border-radius: var(--radius-md); z-index: 2000; }
.skip:focus { top: 8px; }
[hidden] { display: none !important; }

/* Нэг хүрээ — developer./demo.eidmongolia.mn-ий `mx-auto max-w-7xl px-4 sm:px-6 lg:px-8`: толгойн мөр, hero,
   агуулга, хөл бүгд энэ ирмэг дээр (brand, h1, агуулгын зүүн ирмэг нэг шугам). */
.container { max-width: 80rem; margin: 0 auto; padding: 0 16px; }
@media (min-width: 640px) { .container { padding: 0 24px; } }
@media (min-width: 1024px) { .container { padding: 0 32px; } }
/* Нарийн агуулга (эрх зүйн баримт, шалгагч): хүрээний зүүн ирмэг дээр, 760px-ээс өргөрөхгүй */
.container-narrow > * { max-width: 760px; }
.icon { width: 20px; height: 20px; flex: none; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
/* Өөр хост руу гарах холбоосын дүрс — demo-ийн `<Icons.ExternalLink className="ml-1 size-3.5 opacity-70" />` */
.icon-ext { display: inline-block; width: 14px; height: 14px; margin-left: 4px; opacity: 0.7; vertical-align: -2px; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: var(--radius-md); font: 500 var(--text-lg)/1 var(--font-sans); text-decoration: none; border: 1px solid transparent; cursor: pointer; transition: background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out); white-space: nowrap; }
.btn-primary { background: var(--accent); color: var(--accent-foreground); }
.btn-primary:hover { background: var(--accent-hover); }
.btn-primary:disabled { opacity: 0.6; cursor: progress; }
.btn-outline { background: var(--background); color: var(--foreground); border-color: var(--border-strong); }
.btn-outline:hover { background: var(--background-muted); }
.btn-sm { height: 36px; padding: 0 14px; font-size: var(--text-sm); }

/* Толгой — developer./demo.eidmongolia.mn-тэй нэг бүтэц (gerege-ui TopNav / TopNavLink / IconButton ghost md / DropdownMenu):
   56px sticky мөр, .container-тай нэг ирмэг; brand, холбоосууд (≥1024px — 5 холбоос + товч 768-д багтахгүй),
   баруун талд горимын цэс (нар/сар) + «Нэвтрэх» + гар утасны цэс (index-ийн inline <style>-д ижил хуулбар). */
.nav { position: sticky; top: 0; z-index: var(--z-sticky); background: var(--background); border-bottom: 1px solid var(--border); }
.nav-inner { display: flex; align-items: center; gap: 24px; height: 56px; }
.brand { display: flex; align-items: center; gap: 10px; min-width: 0; text-decoration: none; font-weight: 600; font-size: var(--text-base); line-height: var(--text-base--line-height); white-space: nowrap; border-radius: var(--radius-md); }
.brand img { width: 28px; height: 28px; border-radius: var(--radius-md); flex: none; }
.brand span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.nav-links { display: none; align-items: center; gap: 4px; }
.nav-links a { display: inline-flex; align-items: center; height: 36px; padding: 0 12px; border-radius: var(--radius-md); font-size: var(--text-sm); line-height: var(--text-sm--line-height); font-weight: 500; color: var(--foreground-muted); text-decoration: none; white-space: nowrap; transition: color var(--duration-base) var(--ease-out); }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--foreground); }
.nav-actions { margin-left: auto; display: flex; flex: none; align-items: center; gap: 8px; }
.icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; margin: 0; background: transparent; color: var(--foreground-muted); border: 0; border-radius: var(--radius-md); cursor: pointer; list-style: none; transition: background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out); }
.icon-btn::-webkit-details-marker { display: none; }
.icon-btn:hover, .dropdown[open] > .icon-btn { background: var(--background-muted); color: var(--foreground); }
.icon-btn .icon { width: 16px; height: 16px; }
/* Dropdown (DropdownMenuContent align=end, sideOffset 4 / DropdownMenuItem) */
.dropdown { position: relative; }
.dropdown .menu { position: absolute; right: 0; top: calc(100% + 4px); z-index: var(--z-popover); min-width: 12rem; padding: 4px; display: grid; background: var(--popover); color: var(--foreground); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.dropdown .menu > a, .dropdown .menu > button { display: flex; align-items: center; gap: 8px; width: 100%; padding: 6px 8px; margin: 0; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--foreground); font: 400 var(--text-sm)/var(--text-sm--line-height) var(--font-sans); text-align: left; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--duration-base) var(--ease-out); }
.dropdown .menu > a:hover, .dropdown .menu > button:hover { background: var(--background-muted); }
.dropdown .menu .icon { width: 16px; height: 16px; }
.dropdown .menu .icon-ext { width: 14px; height: 14px; margin-left: auto; }
/* Горимын цэс (developer./demo.-ийн ThemeToggle): сонгосон мөрөнд check; товчны дүрс = бодит горим (нар/сар), theme.js-гүйгээр CSS шийднэ */
.theme-menu .check { display: none; margin-left: auto; }
.theme-menu [aria-checked="true"] .check { display: block; }
.theme-menu .icon-dark { display: none; }
html[data-theme="dark"] .theme-menu .icon-light { display: none; }
html[data-theme="dark"] .theme-menu .icon-dark { display: block; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .theme-menu .icon-light { display: none; }
  html:not([data-theme="light"]) .theme-menu .icon-dark { display: block; }
}
/* Гар утасны цэс <1024px (TopNav nav = hidden lg:flex) */
.nav-menu { display: none; }
@media (min-width: 1024px) { .nav-links { display: flex; } }
@media (max-width: 1023px) { .nav-menu { display: block; } }

/* Хуудасны гарчиг (demo-ийн h1 = text-3xl font-semibold tracking-tight, бүх өргөнд нэг) */
.page-head { background: var(--background-subtle); border-bottom: 1px solid var(--border); padding: 56px 0 40px; }
.page-head h1 { font-size: var(--text-3xl); line-height: var(--text-3xl--line-height); letter-spacing: var(--tracking-tight); font-weight: 600; }
.page-head p { margin-top: 12px; color: var(--foreground-muted); max-width: 60ch; }
.page-head .meta { margin-top: 8px; font-size: var(--text-sm); line-height: var(--text-sm--line-height); color: var(--foreground-subtle); font-variant-numeric: tabular-nums; }
@media (max-width: 767px) { .page-head { padding: 40px 0 32px; } }
/* Урт шошготой товч (жишээ нь /trust-ийн «Root CA сертификат татах») нарийн дэлгэцэд мөр шилжинэ, хуудсыг тэлэхгүй */
@media (max-width: 479px) { .page-body .btn { white-space: normal; height: auto; min-height: 44px; padding-top: 10px; padding-bottom: 10px; line-height: 1.25; text-align: center; } }
.page-body { padding: 40px 0 72px; }

/* Эрх зүйн баримт */
/* minmax(0,1fr): grid-ийн багана анхдагчаар min-width:auto — өргөн хүснэгт/код 320–414px-д хуудсыг хажуу тийш гүйлгэдэг байв */
.doc { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.doc section { border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 24px; }
@media (max-width: 639px) { .doc section { padding: 16px; } }
.doc h2 { font-size: var(--text-2xl); line-height: var(--text-2xl--line-height); letter-spacing: var(--text-2xl--letter-spacing); font-weight: 600; }
.doc p, .doc ul { margin: 12px 0 0; color: var(--foreground-muted); }
.doc ul { padding-left: 20px; display: grid; gap: 8px; }
.doc a:not(.btn) { color: var(--accent-subtle-foreground); }

/* Шалгагч */
.tabs { display: inline-flex; gap: 4px; padding: 4px; background: var(--background-muted); border-radius: var(--radius-lg); margin-bottom: 24px; }
.tabs button { height: 36px; padding: 0 16px; border: 0; border-radius: var(--radius-md); background: transparent; color: var(--foreground-muted); font: 500 var(--text-sm)/1 var(--font-sans); cursor: pointer; }
.tabs button[aria-selected="true"] { background: var(--background); color: var(--foreground); box-shadow: var(--shadow-xs); }
@media (max-width: 479px) { .tabs { display: flex; } .tabs button { flex: 1; padding: 0 8px; } }

.drop { position: relative; display: grid; justify-items: center; gap: 12px; min-height: 180px; padding: 32px 16px; border: 2px dashed var(--border-strong); border-radius: var(--radius-lg); background: var(--background-subtle); text-align: center; cursor: pointer; transition: background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out); }
.drop:hover, .drop.over { border-color: var(--accent); background: var(--accent-subtle); }
.drop:focus-within { outline: 2px solid var(--ring); outline-offset: 2px; }
.drop .icon { width: 32px; height: 32px; color: var(--accent); }
.drop b { font-weight: 600; }
.drop span { font-size: var(--text-sm); line-height: var(--text-sm--line-height); color: var(--foreground-subtle); }
.drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }

.field { display: grid; gap: 8px; }
.field label { font-weight: 500; }
.field .hint { font-size: var(--text-sm); line-height: var(--text-sm--line-height); color: var(--foreground-subtle); }
.field textarea { width: 100%; min-height: 200px; padding: 12px; border: 1px solid var(--border-strong); border-radius: var(--radius-md); font: var(--text-xs)/var(--text-sm--line-height) var(--font-mono); color: var(--foreground); resize: vertical; }
.field textarea:focus { outline: 2px solid var(--ring); outline-offset: 0; border-color: var(--accent); }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.note { margin-top: 16px; display: flex; gap: 8px; font-size: var(--text-sm); line-height: var(--text-sm--line-height); color: var(--foreground-subtle); }
.note .icon { width: 16px; height: 16px; margin-top: 2px; }

.alert { display: flex; gap: 12px; padding: 16px; border: 1px solid; border-radius: var(--radius-lg); }
.alert .icon { margin-top: 2px; }
.alert b { font-weight: 600; }
.alert p { margin-top: 4px; }
.alert.valid { background: var(--success-subtle); border-color: var(--success-border); color: var(--success-foreground); }
.alert.indeterminate { background: var(--warning-subtle); border-color: var(--warning-border); color: var(--warning-foreground); }
.alert.invalid, .alert.error { background: var(--danger-subtle); border-color: var(--danger-border); color: var(--danger-foreground); }

.results { margin-top: 32px; display: grid; gap: 16px; }
.results:empty { display: none; }
.sig { border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 24px; display: grid; gap: 16px; }
@media (max-width: 639px) { .sig { padding: 16px; } }
.sig-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.sig-head h2 { font-size: var(--text-base); line-height: 1.25; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.badge { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 8px; border-radius: 9999px; font-size: var(--text-xs); line-height: var(--text-xs--line-height); letter-spacing: var(--text-xs--letter-spacing); font-weight: 500; border: 1px solid; white-space: nowrap; }
.badge .icon { width: 14px; height: 14px; }
.badge.valid { background: var(--success-subtle); border-color: var(--success-border); color: var(--success-foreground); }
.badge.indeterminate { background: var(--warning-subtle); border-color: var(--warning-border); color: var(--warning-foreground); }
.badge.invalid { background: var(--danger-subtle); border-color: var(--danger-border); color: var(--danger-foreground); }
.problems { margin: 0; padding-left: 20px; display: grid; gap: 6px; color: var(--foreground-muted); }
dl.facts { margin: 0; display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr); gap: 10px 16px; }
dl.facts dt { color: var(--foreground-subtle); }
dl.facts dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
dl.facts .mono { font: var(--text-xs)/var(--text-sm--line-height) var(--font-mono); letter-spacing: var(--text-xs--letter-spacing); }
dl.facts .num { font-variant-numeric: tabular-nums; }
@media (max-width: 559px) { dl.facts { grid-template-columns: minmax(0, 1fr); gap: 2px; } dl.facts dd { margin-bottom: 8px; } }
.spinner { width: 16px; height: 16px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 9999px; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Хөл — demo-ийн SiteFooter: bg-background-subtle, py-12, 1/2/4 багана gap-8, гарчиг text-sm 600 mb-3, холбоос text-sm,
   доод мөр text-xs mt-10 pt-6 (нэг багана, ≥640px нэг мөр) */
.footer { border-top: 1px solid var(--border); background: var(--background-subtle); padding: 48px 0; }
.footer-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; }
.footer h3 { font-size: var(--text-sm); line-height: var(--text-sm--line-height); font-weight: 600; margin-bottom: 12px; }
.footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.footer a { font-size: var(--text-sm); line-height: var(--text-sm--line-height); color: var(--foreground-muted); text-decoration: none; overflow-wrap: anywhere; }
.footer a:hover { color: var(--foreground); text-decoration: underline; }
.footer .brand { font-size: var(--text-base); line-height: var(--text-base--line-height); color: var(--foreground); display: inline-flex; }
.footer .brand:hover { text-decoration: none; }
.footer-about p { margin-top: 12px; font-size: var(--text-sm); line-height: var(--text-base--line-height); color: var(--foreground-muted); max-width: 20rem; }
.footer-bottom { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--border); color: var(--foreground-subtle); font-size: var(--text-xs); line-height: var(--text-xs--line-height); letter-spacing: var(--text-xs--letter-spacing); display: flex; flex-direction: column; gap: 4px; }
@media (min-width: 640px) { .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .footer-about { grid-column: span 2; } .footer-bottom { flex-direction: row; align-items: center; justify-content: space-between; } }
@media (min-width: 1024px) { .footer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .footer-about { grid-column: auto; } }
@media (max-width: 479px) { .nav-inner { gap: 8px; } }

/* Хөгжүүлэгчийн баримт (/developers) */
.docs { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 48px; align-items: start; }
.docs-toc { position: sticky; top: 72px; font-size: var(--text-sm); line-height: var(--text-sm--line-height); }
.docs-toc h2 { font-size: var(--text-xs); line-height: var(--text-xs--line-height); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--foreground-subtle); margin-bottom: 12px; }
.docs-toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; counter-reset: toc; }
.docs-toc li { counter-increment: toc; }
.docs-toc a { display: flex; gap: 10px; padding: 6px 8px; border-radius: var(--radius-md); color: var(--foreground-muted); text-decoration: none; }
.docs-toc a::before { content: counter(toc, decimal-leading-zero); font: 500 var(--text-xs)/var(--text-sm--line-height) var(--font-mono); color: var(--foreground-subtle); flex: none; }
.docs-toc a:hover { background: var(--background-muted); color: var(--foreground); }
.docs-body { min-width: 0; display: grid; gap: 40px; }
.docs-body section { scroll-margin-top: 80px; display: grid; gap: 12px; }
.docs-body h2 { font-size: var(--text-2xl); line-height: var(--text-2xl--line-height); letter-spacing: var(--text-2xl--letter-spacing); font-weight: 600; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
.docs-body h3 { font-size: var(--text-base); line-height: 1.25; font-weight: 600; margin-top: 8px; }
.docs-body p, .docs-body li { color: var(--foreground-muted); }
.docs-body ul, .docs-body ol { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
.docs-body a:not(.btn) { color: var(--accent-subtle-foreground); }
.docs-body code { font: var(--text-xs)/var(--text-xs--line-height) var(--font-mono); letter-spacing: var(--text-xs--letter-spacing); background: var(--background-muted); padding: 1px 5px; border-radius: 4px; color: var(--foreground); overflow-wrap: anywhere; }
.docs-body pre { margin: 0; padding: 14px 16px; background: var(--background-subtle); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow-x: auto; font: var(--text-xs)/var(--text-sm--line-height) var(--font-mono); letter-spacing: var(--text-xs--letter-spacing); color: var(--foreground); }
.docs-body pre code { background: none; padding: 0; font: inherit; }
.docs-body table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); line-height: var(--text-sm--line-height); }
.docs-body th, .docs-body td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--border); }
.docs-body th { font-weight: 600; color: var(--foreground-subtle); font-size: var(--text-xs); line-height: var(--text-xs--line-height); letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; }
.docs-body td { color: var(--foreground-muted); }
.docs-body td code { white-space: nowrap; }
.docs-body td .wrap { white-space: normal; }
.table-wrap { overflow-x: auto; }
.callout { display: flex; gap: 12px; padding: 14px 16px; border: 1px solid var(--warning-border); background: var(--warning-subtle); border-radius: var(--radius-lg); }
.callout .icon { color: var(--warning-foreground); margin-top: 2px; }
.callout p, .callout li { color: var(--warning-foreground); }
.callout.info { border-color: var(--border); background: var(--accent-subtle); }
.callout.info .icon, .callout.info p { color: var(--accent-subtle-foreground); }
.req { font: 500 var(--text-xs)/1 var(--font-mono); padding: 2px 6px; border-radius: 4px; background: var(--accent-subtle); color: var(--accent-subtle-foreground); white-space: nowrap; }
.opt { font: 500 var(--text-xs)/1 var(--font-mono); padding: 2px 6px; border-radius: 4px; background: var(--background-muted); color: var(--foreground-subtle); white-space: nowrap; }
.steps-doc { list-style: none; padding: 0; counter-reset: st; display: grid; gap: 12px; }
.steps-doc li { counter-increment: st; position: relative; padding-left: 44px; }
.steps-doc li::before { content: counter(st); position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 9999px; background: var(--accent); color: var(--accent-foreground); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: var(--text-sm); }
.steps-doc b { color: var(--foreground); }
@media (max-width: 959px) { .docs { grid-template-columns: minmax(0, 1fr); gap: 24px; } .docs-toc { position: static; } .docs-toc ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 559px) { .docs-toc ol { grid-template-columns: minmax(0, 1fr); } }
.docs-body section > *, .docs-body li > * { min-width: 0; max-width: 100%; }
.docs-body pre, .table-wrap { min-width: 0; max-width: 100%; }
.docs-body li { min-width: 0; }
.page-head .meta code { overflow-wrap: anywhere; }
.lang-tabs { padding-top: 24px; background: var(--background-muted); }
.lang-tabs .tabs { border: 1px solid var(--border); }
.lang-tabs .tabs { margin-bottom: 0; }
.lang-tabs a[role="tab"] { height: 36px; padding: 0 16px; border-radius: var(--radius-md); color: var(--foreground-muted); font: 500 var(--text-sm)/36px var(--font-sans); text-decoration: none; }
.lang-tabs a[role="tab"][aria-selected="true"] { background: var(--background); color: var(--foreground); box-shadow: var(--shadow-xs); }
/* lang.js <head>-д html[data-lang]-ийг эхний зурагдахаас өмнө тавина — сонгосон хэл л зурагдана; hidden атрибутыг DOMContentLoaded-д солино. */
html[data-lang] .lang-block { display: none !important; }
html[data-lang="mn"] .lang-block[data-lang="mn"], html[data-lang="en"] .lang-block[data-lang="en"], html[data-lang="ru"] .lang-block[data-lang="ru"], html[data-lang="zh"] .lang-block[data-lang="zh"] { display: block !important; }

/* Урт нэг мөрийн утга (SHA-256 хээ): тасрахгүй, мөр шилжинэ. */
pre.pre-wrap code { white-space: pre-wrap; overflow-wrap: anywhere; }
/* Scroll-той pre-г гараар (Tab) хүрч болно — tabindex="0" role="region". */
pre[tabindex]:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }

/* /terms: хуулийн баримт — зүйлийн гарчиг, хүснэгт, хэсгийн толгой (2026-09-28, v1.1). */
.doc h3 { margin: 20px 0 0; font-size: var(--text-lg); line-height: var(--text-lg--line-height); font-weight: 600; color: var(--foreground); }
.doc .table-wrap { margin-top: 12px; border: 1px solid var(--border); border-radius: var(--radius-md); }
.doc .table-wrap:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.doc table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); line-height: var(--text-sm--line-height); }
.doc th, .doc td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--border); overflow-wrap: break-word; }
.doc tr:last-child td { border-bottom: 0; }
.doc th { font-weight: 600; color: var(--foreground); background: var(--background-subtle); }
.doc td { color: var(--foreground-muted); }
.doc-part { background: var(--background-subtle); }
.doc-part .eyebrow { margin: 0; font-size: var(--text-xs); line-height: var(--text-xs--line-height); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--foreground-subtle); }
.doc-part h2 { margin-top: 4px; }
.doc-meta { margin: 12px 0 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 16px; font-size: var(--text-sm); line-height: var(--text-sm--line-height); }
.doc-meta dt { color: var(--foreground-subtle); }
.doc-meta dd { margin: 0; color: var(--foreground); }
@media (max-width: 479px) { .doc-meta { grid-template-columns: minmax(0, 1fr); } .doc-meta dd { margin-bottom: 8px; } }
@media (max-width: 639px) {
  /* Утсанд мөр бүр карт: баганын нэр нүд бүрийн дээр (data-label) — үг дундуур тасрахгүй. */
  .doc table thead { display: none; }
  .doc table tr { display: block; padding: 8px 0; border-bottom: 1px solid var(--border); }
  .doc table tr:last-child { border-bottom: 0; }
  .doc table td { display: block; border: 0; padding: 2px 12px; }
  .doc table td::before { content: attr(data-label); display: block; font-size: var(--text-xs); line-height: var(--text-xs--line-height); font-weight: 600; color: var(--foreground-subtle); }
  .doc table td[data-label=""]::before { display: none; }
}