/* scholar.mn — эрдэмтдийн сүлжээ.
   Токен нь scholar.mn-ийн одоогийн сайтынхтай нэг (Next.js build-ээс гаралтай).
   Бүх хэмжээ хувь/clamp — 320px-ээс 2560px хүртэл ямар ч дэлгэцэнд багтана. */

/* ═════════ Токен ═════════ */
:root{
  --paper:#e9e6dd; --surface:#fff; --surface-2:#f7f3ea; --surface-3:#efe9dc;
  --border:#e1ddd3; --border-strong:#cfc7b8;
  --ink:#12151a; --ink-2:#2f343d; --muted:#6f7783;
  --accent:#a8842c; --accent-hover:#896a20; --accent-fg:#fff; --accent-soft:#f6f0df;
  --ring:#a8842c; --danger:#a33a32; --danger-soft:#f6e6e3;
  --warn:#8b651d; --warn-soft:#f6edd7; --ok:#47715b; --ok-soft:#e3efe8;
  --shadow:0 1px 2px rgba(18,21,26,.06),0 8px 24px -16px rgba(18,21,26,.2);
  --shadow-lg:0 12px 44px -20px rgba(18,21,26,.34);
  /* Карт: ЗАХ нь бараан → ГОЛ руугаа цайрна (винжет).
     core=төв, mid=завсар, edge=ирмэг. Бараан горимд гурвуулаа
     эргэж тодорхойлогдоно — чиглэл нь ХОЁУЛАНД НЬ ижил үлдэнэ. */
  --card-core:#fff; --card-mid:#f4efe5; --card-edge:#ded4c0;
  --card-rim:rgba(58,44,18,.17);
  /* Картуудын хоорондох 1мм заадас. Винжетийн улмаас картын ирмэг
     бараан болсон тул заадас нь ирмэгээсээ ЯЛГАРАХ өнгөтэй байх ёстой —
     эс тэгвэл 10 карт нэг том хавтан мэт нийлж харагдана. */
  --card-gutter:#c3b69c;
  --module-no:#7a5f18;   /* модулийн дугаар — карт дээр 5.0:1 */

  --head-h:3.5rem;
  --gap:clamp(.75rem,1.4vw,1.25rem);
  --radius:.75rem;
  --center-max:38rem;
  --left-w:14rem;
  --right-w:19rem;
}
[data-theme=dark]{
  --paper:#11110f; --surface:#1b1b18; --surface-2:#24231e; --surface-3:#302e27;
  --border:#35332c; --border-strong:#4a463a;
  --ink:#f2efe7; --ink-2:#d0cbc0; --muted:#9b9589;
  --accent:#d0b66a; --accent-hover:#e0c77c; --accent-fg:#17150f; --accent-soft:#312b1b;
  --ring:#d0b66a; --danger:#e18b82; --danger-soft:#3c2422;
  --warn:#d1aa55; --warn-soft:#352d1d; --ok:#78b294; --ok-soft:#20362b;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 6px 20px -12px rgba(0,0,0,.6);
  --shadow-lg:0 8px 40px -16px rgba(0,0,0,.8);
  --card-core:#35322a; --card-mid:#26241e; --card-edge:#151412;
  --card-rim:rgba(0,0,0,.55);
  --card-gutter:#3f392e;
  --module-no:#dcc27a;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; min-height:100dvh;
  background:var(--paper); color:var(--ink);
  font-family:Inter,"Inter Fallback",system-ui,sans-serif;
  font-size:clamp(.9rem,.86rem + .18vw,1rem); line-height:1.55;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"cv05" 1,"ss01" 1;
  overflow-x:hidden;                      /* хэвтээ гүйлт хэзээ ч гарахгүй */
}
h1,h2,h3,p,figure,dl,dd{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}
.serif{font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif}
.tabular{font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;z-index:99;background:var(--accent);color:var(--accent-fg);padding:.6rem 1rem;border-radius:0 0 .5rem 0}
.skip:focus{left:0}

/* ═════════ Толгой ═════════ */
.topbar{
  position:sticky; top:0; z-index:30;
  background:color-mix(in srgb,var(--paper) 86%,transparent);
  backdrop-filter:blur(14px) saturate(150%);
  border-bottom:1px solid var(--border);
  padding-top:env(safe-area-inset-top);
}
.topbar-in{
  display:flex; align-items:center; gap:clamp(.4rem,1vw,1rem);
  height:var(--head-h);
  max-width:96rem; margin-inline:auto;
  padding-inline:clamp(.75rem,2vw,1.5rem);
}
.brand{display:flex;align-items:center;gap:.55rem;flex:none}
.brand-mark{
  display:grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;
  background:var(--accent);color:var(--accent-fg);font-weight:650;font-size:1rem;
  box-shadow:0 2px 10px -3px color-mix(in srgb,var(--accent) 60%,transparent);
}
.brand-name{font-weight:640;letter-spacing:-.022em;font-size:1.05rem}
.brand-name span{color:var(--muted);font-weight:400}
.landing-head-meta{display:none}
.institution-strip{display:none}

.search{position:relative;flex:1 1 auto;min-width:0;max-width:26rem}
.search-icon{position:absolute;left:.7rem;top:50%;translate:0 -50%;width:1.05rem;height:1.05rem;fill:var(--muted);pointer-events:none}
.search input{
  width:100%;height:2.35rem;padding:0 .8rem 0 2.3rem;
  background:var(--surface-2);border:1px solid transparent;border-radius:999px;
  transition:background .15s,border-color .15s;
}
.search input:focus{background:var(--surface);border-color:var(--border-strong);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 25%,transparent)}
.search input::-webkit-search-cancel-button{filter:grayscale(1) opacity(.5)}
.suggest{
  position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:40;
  background:var(--surface);border:1px solid var(--border);border-radius:.7rem;
  box-shadow:var(--shadow-lg);overflow:hidden;max-height:min(70vh,26rem);overflow-y:auto;
}
.suggest-h{padding:.5rem .8rem .25rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.suggest a{display:flex;gap:.6rem;align-items:center;padding:.5rem .8rem}
.suggest a:hover,.suggest a:focus{background:var(--surface-2)}
.suggest .s-sub{font-size:.8rem;color:var(--muted)}

.tabs{display:flex;gap:.15rem;margin-left:auto;flex:none}
.landing-nav{display:none}
.tabs a{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.1rem;min-width:4.5rem;height:2.6rem;padding:0 .6rem;border-radius:.5rem;
  color:var(--muted);font-size:.68rem;transition:background .15s,color .15s;
}
.tabs a svg{width:1.25rem;height:1.25rem;fill:currentColor}
.tabs a:hover{background:var(--surface-2);color:var(--ink)}
.tabs a[aria-current]{color:var(--accent)}
.tabs a[aria-current]::after{content:"";position:absolute;bottom:-.55rem;left:.6rem;right:.6rem;height:2px;border-radius:2px;background:var(--accent)}
.badge{
  position:absolute;top:.05rem;right:.7rem;min-width:1.05rem;height:1.05rem;padding:0 .25rem;
  display:grid;place-items:center;border-radius:999px;background:var(--danger);color:#fff;
  font-size:.65rem;font-weight:600;font-style:normal;
}

.icon-btn{
  display:grid;place-items:center;width:2.25rem;height:2.25rem;flex:none;
  border:0;border-radius:999px;background:var(--surface-2);color:var(--ink-2);cursor:pointer;
  transition:background .15s,color .15s;
}
.icon-btn:hover{background:var(--surface-3);color:var(--ink)}
.icon-btn svg{width:1.15rem;height:1.15rem;fill:currentColor}
[data-theme=light] .i-moon,[data-theme=dark] .i-sun{display:none}

.me{flex:none;display:flex;align-items:center;gap:.4rem}
.me .btn{white-space:nowrap}

/* ═════════ Багана ═════════ */
.shell{
  display:grid; gap:var(--gap);
  grid-template-columns:var(--left-w) minmax(0,var(--center-max)) var(--right-w);
  justify-content:center;
  max-width:96rem; margin-inline:auto;
  padding:var(--gap) clamp(.75rem,2vw,1.5rem) 5rem;
  align-items:start;
}
.rail{position:sticky;top:calc(var(--head-h) + var(--gap));display:grid;gap:var(--gap);min-width:0}
.rail-nav{display:grid;gap:.1rem}
.rail-nav .rail-item{font-size:.95rem;padding:.55rem .6rem}
.rail-nav .rail-item[aria-current]{background:var(--accent-soft);color:var(--accent);font-weight:560}
.rail-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;box-shadow:var(--shadow)}
.rail-h{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem;font-weight:600}
/* Товчлол агуулсан гарчиг (ХОӨ) — том үсгийн хувиргалтад найдахгүй, бичсэн
   хэлбэрээрээ гарна. Ингэснээр фонт/хувиргалтын зан төлөвөөс хамаарахгүй. */
.rail-h.as-is{text-transform:none;letter-spacing:.04em}
.rail-list{display:grid;gap:.1rem}
.rail-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .5rem;border-radius:.5rem;color:var(--ink-2);font-size:.9rem;transition:background .15s}
.rail-item:hover{background:var(--surface-2);color:var(--ink)}
.rail-item svg{width:1.1rem;height:1.1rem;fill:currentColor;flex:none}
.rail-item .n{margin-left:auto;color:var(--muted);font-size:.8rem}
.rail-foot{font-size:.78rem;color:var(--muted);padding-inline:.25rem}
.rail-foot a:hover{color:var(--ink);text-decoration:underline}

.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.stat{background:var(--surface-2);border-radius:.55rem;padding:.5rem .6rem}
.stat b{display:block;font-size:1.15rem;font-weight:640;letter-spacing:-.02em}
.stat span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}

.center{display:grid;gap:var(--gap);min-width:0}

/* ═════════ Зочны эхлэл / intro ═════════ */
body.is-landing{--head-h:7.05rem}
body.is-landing{
  --landing-bronze:#8f7440;
  --landing-line:#b8ad98;
  --landing-left:#eee9dc;
  --landing-left-deep:#ddd3bd;
  --landing-right:#f2eee4;
  --landing-right-deep:#e0d7c4;
  --landing-head:#e8dfca;
}
[data-theme=dark] body.is-landing{
  --landing-bronze:#c7a960;
  --landing-line:#5a5549;
  --landing-left:#20251f;
  --landing-left-deep:#293128;
  --landing-right:#202729;
  --landing-right-deep:#283336;
  --landing-head:#302b20;
}
body.is-landing .shell{
  display:block;max-width:none;height:calc(100dvh - var(--head-h));padding:0;overflow:hidden;
}
body.is-landing{height:100dvh;overflow:hidden}
body.is-landing .rail{display:none}
body.is-landing .center{display:block;max-width:none;height:100%}
body.is-landing .topbar .search,body.is-landing .topbar .tabs{display:none}
body.is-landing .topbar{position:relative;background:color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(18px) saturate(140%)}
body.is-landing .topbar-in{max-width:none;height:4.25rem;padding-inline:clamp(1rem,3vw,3rem)}
body.is-landing .landing-head-meta{display:grid;gap:.05rem;margin-left:.85rem;padding-left:1rem;border-left:1px solid var(--border-strong);line-height:1.2}
body.is-landing .landing-head-meta>span{font-size:.64rem;font-weight:620;letter-spacing:.075em;text-transform:uppercase;color:var(--ink-2)}
body.is-landing .landing-head-meta small{display:flex;align-items:center;gap:.35rem;font-size:.58rem;color:var(--muted)}
body.is-landing .landing-head-meta i{display:block;width:.35rem;height:.35rem;border-radius:50%;background:var(--ok);box-shadow:0 0 0 .18rem color-mix(in srgb,var(--ok) 13%,transparent)}
body.is-landing .landing-nav{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.2rem);margin-left:auto}
body.is-landing .landing-nav a{position:relative;display:flex;align-items:baseline;gap:.4rem;color:var(--ink-2);font-size:.78rem;font-weight:560;letter-spacing:.01em}
body.is-landing .landing-nav a span{font-size:.52rem;font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:.06em}
body.is-landing .landing-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:1px;background:var(--accent);transition:right .2s ease}
body.is-landing .landing-nav a:hover::after{right:0}
body.is-landing .topbar #theme{margin-left:clamp(.35rem,1vw,.8rem)}
body.is-landing .brand-mark{border-radius:.35rem;box-shadow:none}
body.is-landing .institution-strip{display:block;height:2.8rem;margin-bottom:1mm;overflow:hidden;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 78%,transparent)}
.institution-track{display:flex;align-items:center;gap:2rem;width:max-content;height:100%;padding-inline:1rem;animation:institution-flow 65s linear infinite;will-change:transform}
.institution-track a{display:flex;align-items:center;gap:.55rem;min-width:max-content;height:100%;color:var(--ink-2)}
.institution-track a:hover{color:var(--accent)}
.institution-logo{position:relative;display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;padding:.15rem;border:1px solid var(--border);border-radius:.3rem;background:#fff;overflow:hidden;color:#3438a9;font-size:.46rem;font-weight:750;letter-spacing:-.03em;text-align:center}
.institution-logo img{position:absolute;inset:.15rem;display:block;width:calc(100% - .3rem);height:calc(100% - .3rem);object-fit:contain;background:#fff}
.institution-name{display:grid;line-height:1.08}.institution-name b{font-size:.66rem;letter-spacing:.035em}.institution-name small{max-width:15rem;font-size:.54rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.institution-track i{font-style:normal;font-size:.62rem;color:var(--muted)}
@keyframes institution-flow{to{transform:translateX(calc(-50% - 1rem))}}
@media (prefers-reduced-motion:reduce){.institution-track{animation:none}}

.landing-hero{
  position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;gap:1mm;height:100%;min-height:0;
  /* ⚠ Дээд тал 0 байсан — самбар топбарыг шууд мөргөж, тусгаарлагдаагүй
     харагдаж байв. Хажуу (1mm gap), доод (margin-bottom:1mm) хоёртой
     ижил болгов: самбарын дөрвөн тал бүгд 1мм-ээр салсан. */
  padding:1mm clamp(1rem,3vw,3rem) 4.2rem;
  overflow:hidden;isolation:isolate;
  background:var(--paper);
}
.landing-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;opacity:.3;pointer-events:none;
  background-image:linear-gradient(90deg,transparent calc(100% - 1px),var(--border) 1px);
  background-size:calc(100% / 12) 100%;
}
/* Зүүн багана = ХОЁР ТУСДАА САМБАР, 1мм-ээр салсан. Агуулагч нь зөвхөн
   сүлжээ — өөрийн хүрээ, дэвсгэргүй тул завсар нь ард байгаа цаас болж
   ил гарна (зүүн↔баруун самбарын завсартай яг адил). */
.landing-copy{position:relative;z-index:2;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));row-gap:1mm;width:100%;max-width:none;min-width:0;min-height:0;margin:0 0 1mm;padding:0}
.landing-intro{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:0;padding:2.75rem clamp(1rem,3vw,2.5rem) 0;background:linear-gradient(90deg,rgba(143,116,64,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(143,116,64,.07) 1px,transparent 1px),radial-gradient(120% 120% at 50% 46%,#fdfbf6 0%,#efe9db 52%,#d5c8ab 100%);background-size:4rem 4rem,4rem 4rem,100% 100%;border:1px solid var(--landing-line);border-top:2px solid var(--landing-bronze);box-shadow:0 1.8rem 4rem -3.1rem color-mix(in srgb,var(--landing-bronze) 38%,transparent),inset 0 0 3.2rem var(--card-rim);transition:box-shadow .35s ease,border-color .35s ease}
.landing-intro:hover{border-color:color-mix(in srgb,var(--landing-bronze) 64%,var(--landing-line));border-top-color:var(--landing-bronze);box-shadow:0 2rem 4.2rem -2.8rem rgba(93,70,29,.28),inset 0 0 2.6rem var(--card-rim)}
.landing-intro::before{content:"";position:absolute;z-index:2;left:-1px;top:18%;width:3px;height:18%;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 48%,var(--ok)));box-shadow:.2rem 0 1rem color-mix(in srgb,var(--accent) 28%,transparent)}
.landing-intro>*{position:relative;z-index:1}
.landing-copy-top{position:absolute;z-index:3;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;gap:clamp(1.2rem,3vw,2.5rem);min-height:2.75rem;padding:.75rem clamp(1rem,3vw,2.5rem);background:linear-gradient(110deg,var(--landing-head),color-mix(in srgb,var(--landing-head) 64%,var(--landing-left)));border-bottom:1px solid var(--landing-line);color:var(--landing-bronze);font-size:.6rem;font-weight:700;letter-spacing:.14em}
.landing-copy-top span:last-child{display:flex;align-items:center;gap:.4rem;color:var(--muted)}
.landing-copy-top span:last-child::before{content:"";width:.36rem;height:.36rem;border-radius:50%;background:var(--ok);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--ok) 13%,transparent)}
.landing-primary-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding-block:1.25rem;text-align:center}
.landing-copy h1{max-width:40rem;margin-inline:auto;font-size:clamp(1.65rem,min(2.45vw,4.1vh),2.2rem);font-weight:520;line-height:1.12;letter-spacing:-.032em;color:var(--ink);text-align:center;text-wrap:balance;text-shadow:0 .05em 0 color-mix(in srgb,var(--surface) 72%,transparent)}
.landing-lead{max-width:36rem;margin:clamp(.8rem,2vh,1.35rem) auto 0;font-size:clamp(.86rem,min(1.05vw,1.7vh),1.08rem);line-height:1.55;color:var(--ink-2);letter-spacing:.005em;text-align:center;text-wrap:balance;hyphens:auto}
/* Толгой + чанарын хяналтын зураглал = нэг бие даасан талбар. Дээрх баатрын хэсгээс
   гурван зүйлээр салгана: агаар (row-gap), хүрэл дээд ирмэг, дээшээ
   тусах сүүдэр. Дэвсгэрийг заадас барих тул энд тунгалаг үлдэнэ. */
/* Дээд самбартай ЯГ ИЖИЛ хүрээтэй — хоёулаа бие даасан талбар */
.automation-brief{position:relative;z-index:2;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:var(--ink);border:1px solid var(--landing-line);border-top:2px solid var(--landing-bronze);box-shadow:0 1.8rem 4rem -3.1rem color-mix(in srgb,var(--landing-bronze) 38%,transparent)}
/* Модулийн блокийн ӨӨРИЙН толгой — зүүн, баруун самбарын зурвастай нэг систем */
.automation-top{flex:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem clamp(1rem,3vw,2.5rem);background:linear-gradient(110deg,var(--landing-head),color-mix(in srgb,var(--landing-head) 64%,var(--landing-left)));border-bottom:1px solid var(--landing-line);color:var(--landing-bronze);font-size:.6rem;font-weight:700;letter-spacing:.14em}
.automation-top a{color:inherit;text-decoration:none}.automation-top a:hover{text-decoration:underline;text-underline-offset:.2rem}
.automation-top span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}
.automation-body{flex:1;width:100%;min-width:0;min-height:0}
.quality-engine{background:radial-gradient(145% 160% at 50% 45%,var(--card-core),var(--card-edge));box-shadow:0 1.8rem 4rem -3.1rem color-mix(in srgb,var(--landing-bronze) 38%,transparent),inset 0 0 2.6rem var(--card-rim)}
.quality-engine .automation-body{display:flex;flex-direction:column}
.quality-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;min-height:0;background:var(--card-gutter);gap:1px}
.quality-phase{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:.58rem .62rem .55rem;background:linear-gradient(160deg,color-mix(in srgb,var(--card-core) 94%,var(--landing-head)),var(--card-mid));animation:quality-enter .46s cubic-bezier(.2,.75,.25,1) both}
.quality-phase:nth-child(2){animation-delay:.055s}.quality-phase:nth-child(3){animation-delay:.11s}.quality-phase:nth-child(4){animation-delay:.165s}
.quality-phase:not(:last-child)::after{content:"→";position:absolute;z-index:3;right:-.55rem;top:50%;display:grid;place-items:center;width:1.05rem;height:1.05rem;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--landing-bronze) 48%,var(--border));border-radius:50%;background:var(--card-core);color:var(--landing-bronze);font-size:.58rem;box-shadow:0 .25rem .7rem -.4rem color-mix(in srgb,var(--ink) 30%,transparent)}
.quality-phase h3{margin:0 0 .42rem;padding:0 .18rem .42rem;border-bottom:1px solid color-mix(in srgb,var(--landing-bronze) 24%,var(--border));color:var(--landing-bronze);font-size:clamp(.5rem,.62vw,.62rem);font-weight:720;line-height:1.15;letter-spacing:.055em;white-space:nowrap}
.quality-phase ol{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:.3rem;min-height:0;margin:0;padding:0;list-style:none}
.quality-phase li{min-width:0;min-height:0}
.quality-stage{position:relative;display:grid;grid-template-columns:2rem minmax(0,1fr) .7rem;align-items:center;gap:.45rem;width:100%;height:100%;min-width:0;padding:.38rem .42rem .38rem .34rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--landing-line) 72%,transparent);background:color-mix(in srgb,var(--surface) 58%,transparent);box-shadow:inset .16rem 0 var(--landing-bronze),inset 0 1px color-mix(in srgb,var(--surface) 75%,transparent);color:var(--ink);text-decoration:none;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.quality-stage:hover{z-index:2;transform:translateY(-1px);border-color:color-mix(in srgb,var(--landing-bronze) 72%,var(--border));background:color-mix(in srgb,var(--surface) 80%,var(--landing-head));box-shadow:inset .22rem 0 var(--accent),0 .55rem 1rem -.75rem color-mix(in srgb,var(--ink) 40%,transparent)}
.quality-stage:focus-visible{z-index:3;outline:2px solid var(--accent);outline-offset:-2px}
.quality-stage-no{display:grid;place-items:center;width:1.65rem;height:1.65rem;border:1px solid color-mix(in srgb,var(--landing-bronze) 32%,var(--border));border-radius:50%;color:var(--landing-bronze);font-size:.56rem;font-weight:750;letter-spacing:.08em}
.quality-stage b{min-width:0;font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;font-size:clamp(.68rem,.82vw,.82rem);font-weight:590;line-height:1.15;letter-spacing:-.008em;text-wrap:balance}
.quality-stage i{color:var(--landing-bronze);font-size:.65rem;font-style:normal}
.quality-stage.is-locked{opacity:.72}.quality-stage.is-passed i,.quality-stage.is-conditional i{color:var(--ok)}
.quality-stage.is-revision i,.quality-stage.is-returned i,.quality-stage.is-revalidation i{color:var(--danger)}
.quality-foot{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;min-height:2.25rem;padding:.42rem .72rem;border-top:1px solid var(--landing-line);background:linear-gradient(100deg,color-mix(in srgb,var(--landing-head) 86%,var(--card-core)),var(--card-mid));font-size:.56rem;color:var(--muted)}
.quality-foot p{display:flex;align-items:center;gap:.42rem;margin:0;white-space:nowrap}
.quality-start{display:flex;align-items:center;gap:.42rem;color:var(--ink-2);white-space:nowrap}
.quality-start:hover strong{text-decoration:underline;text-underline-offset:.16rem}.quality-start>span:first-of-type{color:var(--landing-bronze)}
.quality-foot strong{color:var(--ink-2);font-weight:650}.quality-foot p>span{color:var(--landing-bronze)}
.quality-foot .quality-return{justify-self:end;min-width:0;overflow:hidden;text-overflow:ellipsis}.quality-return>span:first-child{display:grid;place-items:center;width:1.2rem;height:1.2rem;flex:none;border:1px solid color-mix(in srgb,var(--landing-bronze) 48%,var(--border));border-radius:50%;font-size:.72rem}.quality-return>span:last-child{overflow:hidden;color:var(--ink-2);text-overflow:ellipsis}
@keyframes quality-enter{from{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.quality-phase,.quality-stage{animation:none;transition:none}}
.landing-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:clamp(.9rem,2.5vh,2rem)}
.landing-actions .btn{min-height:3rem;padding-inline:1.25rem}
.landing-primary{box-shadow:0 .7rem 2rem -.8rem color-mix(in srgb,var(--accent) 65%,transparent)}
.landing-secondary span{transition:translate .18s ease}.landing-secondary:hover span{translate:.2rem 0}
.landing-stats{display:flex;gap:clamp(1.4rem,4vw,3.2rem);margin-top:clamp(1rem,3vh,2.5rem);padding-top:clamp(.65rem,1.5vh,1.1rem);border-top:1px solid var(--border);width:fit-content;max-width:100%}
.landing-stat{display:grid}.landing-stat strong{font-size:clamp(1.15rem,2vw,1.55rem);font-weight:620;letter-spacing:-.035em}.landing-stat span{font-size:.72rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}

.landing-find{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:min(100%,42rem);height:clamp(3.45rem,7.4vh,4.5rem);margin:clamp(1rem,3vh,2.2rem) auto 0;overflow:hidden;background:linear-gradient(105deg,rgba(255,255,255,.96),rgba(250,246,237,.92));border:1px solid color-mix(in srgb,var(--landing-bronze) 48%,var(--landing-line));box-shadow:0 1rem 2.5rem -1.35rem rgba(59,44,18,.3),inset 0 1px rgba(255,255,255,.95),inset 0 -1px rgba(143,116,64,.08);backdrop-filter:blur(10px);transition:border-color .28s,box-shadow .28s,transform .28s}
.landing-find::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 18% 50%,rgba(168,132,44,.1),transparent 34%);opacity:.35;transition:opacity .3s}
.find-icon{display:grid;place-items:center;width:3.25rem;height:68%;margin-left:.35rem;border-right:1px solid rgba(143,116,64,.2);font-family:Georgia,serif;font-size:1.55rem;color:var(--landing-bronze);transition:color .25s,transform .25s}
.landing-find input{min-width:0;width:100%;height:100%;padding:0 1rem;border:0;background:transparent;outline:0;color:var(--ink);font-size:clamp(.84rem,1.05vw,1rem);font-weight:450;letter-spacing:.005em}
.landing-find input::placeholder{color:color-mix(in srgb,var(--muted) 88%,var(--landing-bronze));opacity:.92;transition:opacity .2s}
.landing-find input:focus::placeholder{opacity:.52}
.landing-find button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:calc(100% - .72rem);min-width:7.15rem;margin-right:.36rem;padding:0 .48rem 0 1.05rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 48%,#d8ccb5);border-radius:.28rem;background:linear-gradient(145deg,#fffdf8 0%,#f4ecdc 62%,#eadcbd 100%);color:#715719;font-size:.8rem;font-weight:650;letter-spacing:.055em;cursor:pointer;box-shadow:0 .65rem 1.35rem -.75rem rgba(103,76,25,.38),inset 0 1px rgba(255,255,255,.95);transition:transform .24s cubic-bezier(.2,.75,.25,1),border-color .24s,box-shadow .24s,background .24s}
.landing-find button span,.landing-find button i{position:relative;z-index:1}.landing-find button i{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.18rem;background:linear-gradient(135deg,#c69d3d,var(--accent));color:#fff;font-size:.84rem;font-style:normal;box-shadow:0 .35rem .8rem -.42rem rgba(100,72,18,.58),inset 0 1px rgba(255,255,255,.3);transition:transform .24s,background .24s,box-shadow .24s}
.landing-find button:hover{transform:translateY(-1px);border-color:var(--accent);background:linear-gradient(145deg,#fff 0%,#f7efdf 58%,#e8d7b2 100%);box-shadow:0 .85rem 1.55rem -.7rem rgba(103,76,25,.48),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}
.landing-find button:hover i{transform:translateX(.12rem);background:color-mix(in srgb,var(--accent) 84%,#d5b45b)}
.landing-find button:active{transform:translateY(0);box-shadow:0 .3rem .7rem -.4rem rgba(103,76,25,.52)}
.landing-find button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.landing-find:focus-within{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent),0 1.35rem 2.7rem -1.3rem rgba(76,55,18,.42),inset 0 1px #fff}.landing-find:focus-within::before{opacity:1}.landing-find:focus-within .find-icon{color:var(--accent);transform:scale(1.05)}
[data-theme=dark] .landing-find{background:linear-gradient(105deg,#24221d,#1d1c18);box-shadow:0 1rem 2.5rem -1.35rem rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.07)}
[data-theme=dark] .landing-find:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent),0 1.35rem 2.7rem -1.3rem rgba(0,0,0,.8),inset 0 1px rgba(255,255,255,.1)}
@media (prefers-reduced-motion:reduce){.landing-find,.landing-find button{transition:none}}

.discovery-panel{--panel-pad:clamp(1rem,2vw,1.55rem);position:relative;isolation:isolate;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;height:auto;min-height:0;margin-top:0;margin-bottom:1mm;padding:var(--panel-pad);background:radial-gradient(118% 122% at 50% 46%,#fdfbf5 0%,#f0eade 52%,#d6cbb0 100%);color:var(--ink);border:1px solid var(--landing-line);border-top-color:var(--landing-bronze);box-shadow:0 1.8rem 4rem -2.5rem rgba(75,57,28,.3),inset 0 0 3.2rem var(--card-rim);backdrop-filter:blur(14px);transition:box-shadow .35s ease,border-color .35s ease}
.discovery-panel:hover{border-color:color-mix(in srgb,var(--landing-bronze) 64%,var(--landing-line));box-shadow:0 2rem 4.2rem -2.65rem rgba(75,57,28,.35),inset 0 0 2.6rem var(--card-rim)}
.discovery-panel::before{display:none}
.discovery-top{display:flex;justify-content:space-between;align-items:center;margin:calc(-1 * var(--panel-pad)) calc(-1 * var(--panel-pad)) .15rem;padding:.85rem var(--panel-pad);background:linear-gradient(110deg,var(--landing-head),color-mix(in srgb,var(--landing-head) 64%,var(--landing-left)));color:var(--landing-bronze);border-bottom:1px solid var(--landing-line);font-size:.6rem;font-weight:700;letter-spacing:.14em;box-shadow:0 .55rem 1.3rem -.95rem rgba(107,80,31,.28)}
.discovery-top span:last-child{display:flex;align-items:center;gap:.4rem;opacity:.78}.discovery-top span:last-child::before{content:"";width:.38rem;height:.38rem;border-radius:50%;background:#78e0a7;box-shadow:0 0 0 .2rem rgba(120,224,167,.14)}
.discovery-panel h2{max-width:28rem;margin-top:clamp(.85rem,2vh,1.35rem);font-size:clamp(1.65rem,min(2.5vw,3.8vh),2.3rem);font-weight:500;line-height:1.08;letter-spacing:-.035em}
.research-news-list{display:grid;grid-template-rows:repeat(var(--news-count,5),minmax(0,1fr));align-content:stretch;gap:.45rem;flex:1;min-height:0;margin-top:.65rem;overflow:hidden;scroll-behavior:smooth}
.research-news{--news-tint:#a8842c;--news-paper:#f5f0e5;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:.65rem;height:100%;min-height:0;padding:.5rem .65rem .5rem 3.4rem;overflow:hidden;background:radial-gradient(115% 165% at 50% 50%,color-mix(in srgb,var(--card-core) 62%,var(--news-paper)) 0%,var(--news-paper) 52%,color-mix(in srgb,var(--news-tint) 24%,var(--card-edge)) 100%);border:1px solid color-mix(in srgb,var(--landing-line) 58%,var(--news-tint));box-shadow:0 .65rem 1.5rem -1.15rem rgba(72,52,20,.34),inset 0 0 1.25rem var(--card-rim);animation:news-enter .48s cubic-bezier(.2,.75,.25,1) both;transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .28s,box-shadow .28s,background .28s}
/* ⚠ Карт бүрд өөр --news-tint / --news-paper өгөхийг БОЛИВ (2026-08-14).
   `overflow:hidden` нь ::before зурааснаас халисан -1px-ийг таслах тул
   1px хүрээ тусдаа зураас болж үлдэж, таван карт таван өөр өнгөтэй
   харагдаж байсан. Таван хүрэн нүдэнд нэг өнгө мэт боловч заадас дээр
   зөрүү нь илт гардаг. Одоо тавуулаа нэг эх сурвалжаас өнгөө авна. */
[data-theme=dark] .landing-intro{background:linear-gradient(90deg,rgba(199,169,96,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(199,169,96,.055) 1px,transparent 1px),radial-gradient(120% 120% at 50% 46%,#353127 0%,#272419 52%,#141210 100%);background-size:4rem 4rem,4rem 4rem,100% 100%}
[data-theme=dark] .discovery-panel{background:radial-gradient(118% 122% at 50% 46%,#363126 0%,#282419 52%,#151310 100%)}
[data-theme=dark] .research-news{--news-paper:#29271f}
.research-news:nth-child(2){animation-delay:.07s}.research-news:nth-child(3){animation-delay:.14s}
.research-news::before{content:"";position:absolute;z-index:2;left:-1px;top:-1px;bottom:-1px;width:.22rem;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 65%,white),var(--accent));box-shadow:.2rem 0 .8rem color-mix(in srgb,var(--accent) 18%,transparent);transition:width .2s}
a.research-news:hover{transform:translateX(.28rem) translateY(-.12rem);border-color:var(--accent);box-shadow:0 1.1rem 2.1rem -1.05rem color-mix(in srgb,var(--accent) 46%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),inset 0 0 2.6rem -.6rem color-mix(in srgb,var(--accent) 24%,transparent),inset 0 0 1rem var(--card-rim)}
a.research-news:hover::before{width:.36rem}
a.research-news:hover .research-news-meta,a.research-news:hover .research-news-author span,a.research-news:hover .research-news-author i{color:var(--accent-hover)}
a.research-news:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.research-news-portrait{position:absolute;z-index:1;left:0;top:0;bottom:0;display:grid;place-items:center;width:2.55rem;background-color:var(--surface-3);background-size:cover;background-position:center 20%;border-right:1px solid color-mix(in srgb,var(--accent) 18%,var(--border-strong));box-shadow:.55rem 0 1.2rem -.85rem color-mix(in srgb,var(--ink) 65%,transparent);filter:grayscale(1) contrast(1.05);color:var(--accent);font-size:.6rem;font-weight:700;transition:filter .32s ease}
/* Амрах үедээ хар цагаан, крусор очиход өнгөт. Hover-ийг холбоос бус
   картад ч өгнө — эс тэгвэл хаяггүй мэдээний хөрөг үүрд саарал үлдэнэ. */
.research-news:hover .research-news-portrait{filter:grayscale(0) saturate(1.04) contrast(1.02)}
.research-news-portrait.no-photo{background-image:linear-gradient(145deg,var(--accent-soft),var(--surface-2))}
.research-news-meta{grid-column:1/-1;display:flex;align-items:center;gap:.4rem;font-size:.45rem;font-weight:680;letter-spacing:.09em;color:var(--accent)}
.research-news:first-child .research-news-meta span:nth-child(2)::before{content:"";display:inline-block;width:.32rem;height:.32rem;margin-right:.32rem;border-radius:50%;background:var(--ok);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--ok) 14%,transparent);animation:news-pulse 2.4s ease-in-out infinite}
.research-news-meta time{margin-left:auto;color:var(--muted);font-weight:500;letter-spacing:0}
.research-news h3{grid-column:1;min-width:0;margin-top:.12rem;font-size:.71rem;font-weight:650;line-height:1.2;letter-spacing:-.012em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.research-news p{grid-column:1;min-width:0;margin-top:.14rem;color:var(--muted);font-size:.52rem;line-height:1.24;text-align:justify;text-align-last:left;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.research-news-author{grid-column:2;grid-row:2/4;align-self:center;display:grid;grid-template-columns:auto auto;align-items:center;gap:.12rem .28rem;min-width:6.3rem;max-width:8rem}
.research-news-author b{grid-column:1/-1;font-size:.54rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.research-news-author span{font-size:.48rem;font-weight:650;color:var(--accent);white-space:nowrap}.research-news-author i{font-style:normal;font-size:.52rem;color:var(--accent)}
@keyframes news-enter{from{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}
@keyframes news-pulse{50%{box-shadow:0 0 0 .35rem color-mix(in srgb,var(--ok) 5%,transparent);opacity:.68}}
@media (prefers-reduced-motion:reduce){.research-news{animation:none;transition:none}.research-news-portrait{transition:none}.research-news:first-child .research-news-meta span:nth-child(2)::before{animation:none}}
.discovery-section-label{margin-top:auto;padding-top:.8rem;border-top:1px solid var(--border);font-size:.56rem;font-weight:680;letter-spacing:.13em;color:var(--muted)}
.featured-sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.45rem;border-bottom:0}
.featured-scholar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:4rem;padding:.65rem .7rem;background:var(--surface-2);border:1px solid var(--border);transition:border-color .18s,background .18s}
.featured-scholar:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
.featured-scholar+.featured-scholar{padding-left:.7rem;border-left:1px solid var(--border)}
.featured-scholar>span{display:grid;min-width:0}.featured-scholar b{font-size:1.05rem}.featured-scholar small{font-size:.68rem;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-scholar i{font-style:normal;font-size:1rem;transition:translate .18s}.featured-scholar:hover i{translate:.2rem -.2rem}
.discovery-people{display:grid;margin-top:auto}
.ranking-label{margin-top:.8rem}.ranking-label+.discovery-people{margin-top:.1rem}
.discovery-people>a{display:grid;grid-template-columns:1.5rem 2.35rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:clamp(.5rem,1.1vh,.7rem) 0;border-bottom:1px solid var(--border)}
.discovery-people>a:hover .discovery-person b{text-decoration:underline}
.discovery-no{font-size:.58rem;color:var(--accent)}.discovery-people .ava{width:2.35rem;height:2.35rem;background:var(--ink)!important;border:1px solid var(--border-strong);font-size:.65rem}
.discovery-person{display:grid;min-width:0}.discovery-person b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discovery-person small{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.68}.discovery-go{font-size:.85rem}
.discovery-bottom{display:flex;justify-content:flex-end;align-items:center;padding-top:.65rem}
.discovery-bottom p{max-width:18rem;font-size:.67rem;line-height:1.4;opacity:.72;text-align:justify;text-align-last:left}
.discovery-join{border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:999px;padding:.3rem .75rem;background:var(--accent-soft);color:var(--accent);font-size:.68rem;font-weight:680;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s}.discovery-join:hover{background:var(--accent);color:var(--accent-fg)}

.landing-visual{position:relative;height:min(68vh,39rem);min-height:20rem;max-width:42rem;width:100%;justify-self:end}
.orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:50%;inset:8% 3% 11% 10%;transform:rotate(-12deg)}
.orbit-two{inset:18% 14% 4% 1%;transform:rotate(24deg);border-style:dashed;opacity:.65}
.network-core{position:absolute;left:50%;top:46%;translate:-50% -50%;display:grid;place-items:center;text-align:center;width:clamp(13rem,22vw,17rem);aspect-ratio:1;border-radius:50%;padding:2rem;background:color-mix(in srgb,var(--surface) 91%,transparent);border:1px solid var(--border);box-shadow:0 2rem 5rem -2rem color-mix(in srgb,var(--accent) 45%,transparent),inset 0 0 0 .45rem color-mix(in srgb,var(--accent-soft) 60%,transparent);backdrop-filter:blur(12px)}
.network-core::after{content:"";position:absolute;inset:12%;border:1px solid var(--border);border-radius:50%}
.network-core>*{position:relative;z-index:1}.network-kicker{font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.network-core strong{font-size:clamp(1.35rem,2.4vw,2rem);font-weight:540;line-height:1.05}.network-core>span:last-child{max-width:10rem;font-size:.7rem;line-height:1.45;color:var(--muted)}
.network-node{position:absolute;z-index:2;display:grid;place-items:center;width:2.55rem;height:2.55rem;border-radius:50%;background:var(--ink);color:var(--paper);border:.25rem solid var(--paper);font-size:.68rem;font-weight:650;box-shadow:var(--shadow-lg)}
.node-a{top:11%;left:19%}.node-b{top:15%;right:10%;background:var(--accent);color:var(--accent-fg)}.node-c{bottom:13%;left:10%;background:#9a7131;color:#fff}
.signal-stack{position:absolute;right:0;bottom:4%;z-index:3;display:grid;gap:.6rem;width:min(19rem,58%)}
.signal-card{display:flex;gap:.75rem;align-items:center;padding:.78rem;border:1px solid var(--border);border-radius:.8rem;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:var(--shadow-lg);backdrop-filter:blur(12px)}
.signal-card:nth-child(2){translate:-2.2rem 0}.signal-card:nth-child(3){translate:-.7rem 0}
.signal-mark{display:grid;place-items:center;flex:none;width:2.15rem;height:2.15rem;border-radius:.55rem;background:var(--accent-soft);color:var(--accent);font-weight:700}.signal-copy{min-width:0;display:grid}.signal-copy span{font-size:.59rem;letter-spacing:.09em;color:var(--muted)}.signal-copy b{font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-copy p{font-size:.68rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.landing-scroll{position:absolute;left:50%;bottom:1.1rem;translate:-50% 0;display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.landing-scroll i{display:block;width:1px;height:1.7rem;background:var(--border-strong);position:relative}.landing-scroll i::after{content:"";position:absolute;bottom:0;left:-2px;width:5px;height:5px;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);rotate:45deg}

.landing-values{display:grid;grid-template-columns:repeat(3,1fr);max-width:90rem;margin:auto;padding:clamp(4rem,8vw,7rem) clamp(1.25rem,6vw,7rem);gap:0}
.landing-values article{padding:clamp(1.4rem,3vw,2.5rem);border-left:1px solid var(--border)}.landing-values article:last-child{border-right:1px solid var(--border)}
.landing-values article>span{font-size:.7rem;color:var(--accent);letter-spacing:.12em}.landing-values h2{margin-top:1.8rem;font-size:clamp(1.4rem,2.3vw,2rem);font-weight:540;letter-spacing:-.03em}.landing-values p{margin-top:.7rem;color:var(--muted);line-height:1.7;max-width:23rem}
.landing-footer{position:absolute;z-index:5;left:clamp(1rem,3vw,3rem);right:clamp(1rem,3vw,3rem);bottom:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;height:4.2rem;border-top:1px solid var(--border-strong);background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(12px);font-size:.7rem;color:var(--muted)}
.landing-footer-brand{display:flex;align-items:center;gap:.7rem;min-width:0}.landing-footer-brand>span{display:grid;min-width:0;line-height:1.25}.landing-footer-brand strong{color:var(--ink-2);font-size:.64rem;font-weight:620}.landing-footer-brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.58rem}.landing-footer a:hover{color:var(--accent)}.landing-footer>p{display:grid;gap:.08rem;text-align:right;line-height:1.25}.landing-footer>p strong{color:var(--ink-2);font-size:.64rem}.landing-footer>p span{font-size:.56rem}

/* Grid/flex хүүхдийн ӨӨРИЙНХӨӨ доод хэмжээ (min-width:auto) нь `nowrap` бичвэр
   агуулсан үед мөрийн бүтэн уртаар тогтдог — тэр нь баганаас халина. Ийм
   болзошгүй бүх мөрөнд min-width:0 өгч, эллипс ажилладаг болгоно. */
.post>*,.person>*,.mini>*,.notif>*,.comment>*,.post-head>*,.profile-head>*{min-width:0}

/* ═════════ Карт ═════════ */
.card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow);overflow:hidden;
}
.card-pad{padding:clamp(.8rem,2vw,1.1rem)}

/* Пост бичих */
.composer{display:grid;gap:.6rem;padding:clamp(.8rem,2vw,1.1rem)}
.composer-top{display:flex;gap:.65rem;align-items:flex-start}
.composer textarea{
  flex:1;min-height:2.6rem;max-height:14rem;resize:none;
  padding:.55rem .8rem;border:1px solid transparent;border-radius:1.2rem;
  background:var(--surface-2);line-height:1.5;
}
.composer textarea:focus{outline:none;background:var(--surface);border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 22%,transparent)}
.composer-more{display:none;gap:.5rem;grid-template-columns:1fr;padding-left:3.15rem}
.composer.open .composer-more{display:grid}
.composer-more input{padding:.5rem .75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;width:100%}
.composer-bar{display:flex;align-items:center;gap:.5rem;padding-left:3.15rem;flex-wrap:wrap}
.composer-bar .grow{flex:1}
.counter{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}
.counter.over{color:var(--danger)}

/* Урсгалын шүүлт */
.feed-switch{display:flex;gap:.25rem;padding:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);width:fit-content;max-width:100%;overflow:auto}
.feed-switch button{
  border:0;background:transparent;color:var(--muted);cursor:pointer;
  padding:.4rem .95rem;border-radius:999px;font-size:.88rem;white-space:nowrap;transition:background .15s,color .15s;
}
.feed-switch button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);font-weight:520}

/* Пост */
.post{display:grid;gap:.7rem;padding:clamp(.8rem,2vw,1.1rem)}
.post-head{display:flex;gap:.65rem;align-items:flex-start}
.post-who{min-width:0;flex:1}
.post-name{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-weight:600;letter-spacing:-.01em}
.post-name a:hover{text-decoration:underline}
.post-sub{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-time{font-size:.78rem;color:var(--muted);flex:none}
.post-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.post-actions{display:flex;gap:.25rem;border-top:1px solid var(--border);padding-top:.5rem;margin-top:-.1rem}
.act{
  flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;
  border:0;background:transparent;color:var(--muted);cursor:pointer;
  padding:.45rem .5rem;border-radius:.5rem;font-size:.85rem;transition:background .15s,color .15s;
}
.act:hover{background:var(--surface-2);color:var(--ink)}
.act svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.7}
.act[aria-pressed=true]{color:var(--accent);font-weight:520}
.act[aria-pressed=true] svg{fill:currentColor;stroke:currentColor}
.act.danger:hover{color:var(--danger)}

/* Бүтээлийн карт постын дотор */
.paper{
  display:block;border:1px solid var(--border);border-radius:.6rem;
  padding:.7rem .85rem;background:var(--surface-2);transition:border-color .15s,background .15s;
}
a.paper:hover{border-color:var(--accent);background:var(--accent-soft)}
.paper-kicker{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-weight:600}
.paper-title{font-weight:600;letter-spacing:-.01em;margin-top:.15rem;overflow-wrap:anywhere}
.paper-meta{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted);margin-top:.25rem}

/* Сэтгэгдэл */
.comments{display:grid;gap:.6rem;border-top:1px solid var(--border);padding-top:.7rem}
.comment{display:flex;gap:.55rem;align-items:flex-start}
.comment-body{background:var(--surface-2);border-radius:.9rem;padding:.45rem .75rem;min-width:0;flex:1}
.comment-name{font-size:.85rem;font-weight:600}
.comment-text{overflow-wrap:anywhere;line-height:1.5}
.comment-meta{display:flex;gap:.6rem;font-size:.72rem;color:var(--muted);padding-left:.75rem;margin-top:.15rem}
.comment-meta button{border:0;background:transparent;color:inherit;cursor:pointer;padding:0}
.comment-meta button:hover{color:var(--danger);text-decoration:underline}
.comment-form{display:flex;gap:.55rem;align-items:flex-start}
.comment-form input{flex:1;min-width:0;padding:.5rem .85rem;border-radius:999px;border:1px solid transparent;background:var(--surface-2)}
.comment-form input:focus{outline:none;background:var(--surface);border-color:var(--border-strong)}

/* ═════════ Хөрөг ═════════ */
.ava{
  flex:none;display:grid;place-items:center;border-radius:50%;
  width:2.5rem;height:2.5rem;font-size:.85rem;font-weight:600;letter-spacing:-.02em;
  color:#fff;user-select:none;
}
.ava.sm{width:2rem;height:2rem;font-size:.72rem}
.ava.lg{width:clamp(4rem,14vw,5.5rem);height:clamp(4rem,14vw,5.5rem);font-size:clamp(1.3rem,4vw,1.8rem);border:3px solid var(--surface)}
.verified{width:.95rem;height:.95rem;fill:var(--accent);flex:none}

/* ═════════ Товч ═════════ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  padding:.45rem .95rem;border-radius:999px;border:1px solid var(--border-strong);
  background:var(--surface);color:var(--ink);cursor:pointer;font-size:.88rem;font-weight:520;
  transition:background .15s,border-color .15s,color .15s,opacity .15s;
}
.btn:hover{background:var(--surface-2)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}
.btn.ghost:hover{background:var(--surface-2);color:var(--ink)}
.btn.sm{padding:.3rem .7rem;font-size:.8rem}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.btn.following{background:var(--surface-2);border-color:var(--border)}

/* ═════════ Профайл ═════════ */
.cover{height:clamp(6rem,16vw,9rem);background:
  radial-gradient(120% 140% at 15% 0%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 60%),
  linear-gradient(120deg,var(--surface-3),var(--surface-2))}
.profile-head{padding:0 clamp(.9rem,2.5vw,1.4rem) clamp(.9rem,2.5vw,1.4rem)}
.profile-top{display:flex;gap:1rem;align-items:flex-end;margin-top:calc(clamp(4rem,14vw,5.5rem) / -2)}
.profile-top .ava{box-shadow:var(--shadow)}
.profile-act{margin-left:auto;display:flex;gap:.5rem;padding-bottom:.35rem;flex-wrap:wrap}
.profile-name{font-size:clamp(1.15rem,3.2vw,1.5rem);font-weight:650;letter-spacing:-.025em;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-top:.7rem}
.profile-title{color:var(--ink-2)}
.profile-org{color:var(--muted);font-size:.9rem}
.profile-bio{margin-top:.7rem;line-height:1.6;overflow-wrap:anywhere}
.profile-stats{display:flex;gap:1.1rem;flex-wrap:wrap;margin-top:.8rem;font-size:.9rem}
.profile-stats b{font-weight:640}
.profile-stats span{color:var(--muted)}
.chips{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.8rem}
.chip{padding:.22rem .6rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.8rem;color:var(--ink-2)}
.chip.accent{background:var(--accent-soft);border-color:transparent;color:var(--accent)}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem;margin-top:.9rem}
.metric{background:var(--surface-2);border-radius:.55rem;padding:.55rem .7rem}
.metric b{display:block;font-size:1.2rem;font-weight:650;letter-spacing:-.02em}
.metric span{font-size:.72rem;color:var(--muted)}

/* ═════════ Хүмүүсийн жагсаалт ═════════ */
.name-link.has-site:hover{text-decoration:underline}
.name-link.no-site{cursor:default}
.chip.muted-chip{background:transparent;border-style:dashed;color:var(--muted);font-size:.72rem}
.name-link.has-site{color:var(--accent)}
.ext{font-size:.75em;opacity:.7;margin-left:.15rem;vertical-align:.1em}
.person{display:flex;gap:.75rem;align-items:flex-start;padding:clamp(.7rem,2vw,.95rem);border-bottom:1px solid var(--border)}
.person:last-child{border-bottom:0}
.person-main{min-width:0;flex:1}
.person-act{flex:none;display:flex;align-items:center;gap:.5rem}
.person-num{text-align:right;font-size:.8rem;color:var(--muted);flex:none}
.person-num b{display:block;font-size:.95rem;color:var(--ink);font-weight:620}

/* Хажуугийн жижиг хүн */
.mini{display:flex;gap:.55rem;align-items:center;padding:.4rem .35rem;border-radius:.5rem;min-width:0}
.mini:hover{background:var(--surface-2)}
.mini-main{min-width:0;flex:1}
.mini-name{font-size:.86rem;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-sub{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ═════════ Лаборатори ═════════ */
.lab-intro{background:
  radial-gradient(120% 160% at 100% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 55%),
  var(--surface)}
/* Салбар сонгох чипүүд — зөвхөн зүүн багана нуугдсан үед */
.labs-fields{display:none}
@media (max-width:849px){ .labs-fields{display:block} }
.lab-card{display:grid;gap:.5rem}
.lab-card-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.lab-name{font-size:1.05rem;font-weight:640;letter-spacing:-.02em}
.lab-name:hover{color:var(--accent)}
.lab-summary{color:var(--ink-2);line-height:1.55;overflow-wrap:anywhere}
.lab-meta{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.lab-cover{height:clamp(4rem,10vw,6rem);background:
  radial-gradient(100% 200% at 0% 0%,color-mix(in srgb,var(--accent) 50%,transparent),transparent 65%),
  linear-gradient(110deg,var(--surface-3),var(--surface-2))}

.badge-ai{
  display:inline-flex;align-items:center;gap:.3rem;
  padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:560;
  background:var(--accent-soft);color:var(--accent);white-space:nowrap;
}
.badge-ai.draft{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}
.badge-ai.manual{background:var(--surface-2);color:var(--muted)}

.plan-block{display:grid;gap:.6rem}
.plan-h{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.plan-mission{font-size:1.02rem;line-height:1.6;overflow-wrap:anywhere}
.plan-list{display:grid;gap:.65rem}
.plan-row{display:flex;gap:.6rem;align-items:flex-start;min-width:0;line-height:1.55}
.plan-row>*{min-width:0}
.plan-dot{flex:none;width:.4rem;height:.4rem;border-radius:50%;background:var(--accent);margin-top:.55rem}
.plan-row-head{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}
.plan-detail{color:var(--ink-2);overflow-wrap:anywhere}

/* ── ХОӨ-ны хэрэгслийн багц ── */
.tool{
  display:flex;gap:.75rem;align-items:flex-start;
  padding:clamp(.7rem,2vw,.95rem);border-bottom:1px solid var(--border);
  transition:background .15s;
}
.tool:last-child{border-bottom:0}
.tool:hover{background:var(--surface-2)}
.tool-icon{flex:none;font-size:1.05rem;line-height:1.5;width:1.5rem;text-align:center}
.tool-main{display:grid;gap:.2rem;min-width:0;flex:1}
.tool-head{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.tool-head b{font-weight:620;letter-spacing:-.01em}
.tool:hover .tool-head b{color:var(--accent)}
.tool-what{color:var(--ink-2);line-height:1.5;overflow-wrap:anywhere}
.tool-why{color:var(--muted);font-size:.86rem;line-height:1.5;overflow-wrap:anywhere}
.chip.access-free{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);border-color:transparent}
.chip.access-paid{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border-color:transparent}
.chip.access-part{background:var(--surface-3);border-color:transparent;color:var(--muted)}

/* Лабораторид холбосон хэрэгслийг салгах товч */
.tool-x{
  flex:none;align-self:center;width:1.7rem;height:1.7rem;border-radius:50%;
  border:1px solid var(--border);background:var(--surface);color:var(--muted);
  cursor:pointer;font-size:1rem;line-height:1;
}
.tool-x:hover{border-color:var(--danger);color:var(--danger)}

/* Хэрэгсэл сонгох цонх */
.pick-list{display:grid;gap:.25rem;max-height:min(52vh,26rem);overflow-y:auto;
  margin:.2rem -.25rem;padding:.25rem}
.pick{display:flex;gap:.6rem;align-items:flex-start;padding:.5rem .6rem;
  border-radius:.5rem;cursor:pointer;transition:background .15s}
.pick:hover{background:var(--surface-2)}
.pick input{margin-top:.25rem;flex:none;accent-color:var(--accent)}
.pick-main{display:grid;gap:.15rem;min-width:0}
.pick-main>span:first-child{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.pick-on{opacity:.55}

.check-row{display:flex;gap:.6rem;align-items:flex-start;padding:.6rem .7rem;
  border:1px solid var(--border);border-radius:.6rem;background:var(--surface-2);cursor:pointer}
.check-row input{margin-top:.2rem;flex:none;accent-color:var(--accent)}

/* ── Алхмын явц ── */
.progress{height:.35rem;border-radius:999px;background:var(--surface-3);overflow:hidden}
.progress i{display:block;height:100%;background:var(--accent);border-radius:999px;
  transition:width .25s ease}
.ms{display:flex;gap:.6rem;align-items:flex-start;padding:.45rem .3rem;border-radius:.5rem;
  cursor:pointer;transition:background .15s}
.ms:hover{background:var(--surface-2)}
.ms input{margin-top:.3rem;flex:none;accent-color:var(--accent)}
.ms input:disabled{cursor:default}
.ms-main{display:grid;gap:.15rem;min-width:0}
.ms-done .ms-main{opacity:.55}
.ms-done .ms-main b{text-decoration:line-through}

.edit-block{display:grid;gap:.5rem;padding:.7rem;border:1px solid var(--border);
  border-radius:.6rem;background:var(--surface-2)}
.lab-search{flex:1;min-width:8rem;max-width:16rem;height:2.1rem;padding:0 .7rem;
  border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}
.lab-search:focus{outline:none;background:var(--surface);border-color:var(--accent)}
.btn.danger-btn:hover{border-color:var(--danger);color:var(--danger)}

.thinking{display:flex;gap:.85rem;align-items:center}
.spinner{
  flex:none;width:1.4rem;height:1.4rem;border-radius:50%;
  border:2px solid var(--border-strong);border-top-color:var(--accent);
  animation:spin .8s linear infinite;
}
@keyframes spin{to{rotate:360deg}}

.edit-list{display:grid;gap:.45rem}
/* Гурван талбартай мөр (алхам: гарчиг·хугацаа·тайлбар) нарийн цонхонд
   багтахгүй тул БҮРЭН ЭГНЭЭ рүү шилжинэ. `flex:1` дангаараа хангалтгүй —
   input-ын анхдагч `size` нь ~180px доод хэмжээ тогтоодог. */
.edit-row{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.edit-row input{
  flex:1 1 9rem;min-width:0;width:0;
  padding:.45rem .6rem;border:1px solid var(--border);
  border-radius:.45rem;background:var(--surface);font-size:.9rem;
}
.edit-row input:focus{outline:none;border-color:var(--accent)}
.edit-row .btn{flex:none;padding:.3rem .55rem;line-height:1}
@media (max-width:639px){
  body.is-landing{height:auto;min-height:100dvh;overflow-y:auto}
  body.is-landing .shell{height:auto;min-height:calc(100dvh - var(--head-h));overflow:visible}
  body.is-landing .center{height:auto}
  .edit-row{flex-wrap:wrap}
  .edit-row input{flex:1 1 100%}
}

/* ═════════ Мэдэгдэл ═════════ */
.notif{display:flex;gap:.7rem;align-items:flex-start;padding:.75rem clamp(.7rem,2vw,1rem);border-bottom:1px solid var(--border)}
.notif:last-child{border-bottom:0}
.notif.unread{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.notif-text{flex:1;min-width:0}
.notif-time{font-size:.75rem;color:var(--muted)}

/* ═════════ Хэлбэр (form) ═════════ */
/* Grid/flex хүүхдийн min-width:auto нь урт агуулгатай үед эцгээ түлхдэг —
   хэлбэр (form) бол хамгийн эмзэг газар: цонх дотор хэвтээ гүйлт үүсгэдэг.
   Дэлгэцийн шалгалтад 62 элемент халиж байсныг ингэж зассан. */
.form{display:grid;gap:.8rem;min-width:0}
.form>*,.field,.field-row,.field-row>*,.edit-block,.edit-block>*{min-width:0}
.edit-row input,.field input,.field textarea,.field select{min-width:0}
.field{display:grid;gap:.3rem}
.field label{font-size:.8rem;color:var(--muted);font-weight:520}
.field input,.field textarea,.field select{
  padding:.55rem .75rem;border:1px solid var(--border);border-radius:.55rem;background:var(--surface);width:100%;
}
.field textarea{min-height:5rem;resize:vertical;line-height:1.55}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 22%,transparent)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.form-msg{font-size:.85rem;color:var(--danger);min-height:1.2em}
.form-actions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}

/* ═════════ Туслах ═════════ */
.section-h{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.section-h h1{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:650;letter-spacing:-.025em}
.section-h .grow{flex:1}
.empty{padding:2.5rem 1rem;text-align:center;color:var(--muted)}
.empty b{display:block;color:var(--ink);font-weight:600;margin-bottom:.3rem}
.skel{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));
  background-size:200% 100%;animation:sh 1.3s linear infinite;border-radius:.5rem}
@keyframes sh{to{background-position:-200% 0}}
.skel-post{height:9rem}
.hint{font-size:.82rem;color:var(--muted)}
.err{color:var(--danger)}

.toast{
  position:fixed;left:50%;translate:-50% 0;bottom:calc(env(safe-area-inset-bottom) + 1.25rem);
  z-index:60;background:var(--ink);color:var(--paper);
  padding:.6rem 1.1rem;border-radius:999px;box-shadow:var(--shadow-lg);font-size:.88rem;
  max-width:min(92vw,30rem);text-align:center;
}

.modal{
  border:0;padding:0;background:transparent;max-width:min(94vw,30rem);width:100%;
  margin:auto;color:var(--ink);
}
.modal::backdrop{background:rgba(10,10,20,.55);backdrop-filter:blur(3px)}
.modal-in{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:clamp(1rem,3vw,1.5rem);box-shadow:var(--shadow-lg);max-height:88dvh;overflow:auto}
.modal h2{font-size:1.15rem;font-weight:650;letter-spacing:-.02em;margin-bottom:.9rem}
.auth-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}
.modal .auth-heading h2{margin-bottom:0}
.auth-marker{color:var(--muted);opacity:.4;font-size:.8rem;font-weight:400;line-height:1;text-align:center;width:.75rem;border:0;padding:.25rem 0;background:transparent;cursor:pointer;user-select:none}

.bottombar{display:none}

/* ═════════ Дэлгэцийн хэмжээ ═════════ */

/* Баруун баганыг нуух */
@media (max-width:1099px){
  .shell{grid-template-columns:var(--left-w) minmax(0,var(--center-max))}
  .rail-right{display:none}
}

/* Зүүн баганыг ч нуух — төв багана дангаараа */
@media (max-width:849px){
  .shell{grid-template-columns:minmax(0,var(--center-max));padding-bottom:6rem}
  .rail-left{display:none}
  body.is-landing .landing-nav,body.is-landing .landing-head-meta{display:none}
  .landing-hero{grid-template-columns:1.05fr .95fr;grid-template-rows:1fr;height:100%;min-height:0;padding:0 clamp(1rem,5vw,2rem) 2rem;gap:1mm}
  .landing-copy{max-width:42rem}
  .discovery-panel{height:min(76vh,35rem);min-height:20rem;box-shadow:.6rem .6rem 0 var(--ink),inset 0 0 3.2rem var(--card-rim)}
  .landing-scroll{display:none}
}

/* Гар утас: доод цэс, толгойгоос таб хасах */
@media (max-width:639px){
  :root{--head-h:3.25rem}
  .tabs{display:none}
  .brand-name{display:none}
  .search{max-width:none}
  .bottombar{
    display:grid;grid-template-columns:repeat(4,1fr);
    position:fixed;left:0;right:0;bottom:0;z-index:35;
    background:color-mix(in srgb,var(--paper) 92%,transparent);
    backdrop-filter:blur(14px) saturate(150%);
    border-top:1px solid var(--border);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .bottombar a{
    position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:.15rem;height:3.4rem;color:var(--muted);font-size:.66rem;
  }
  .bottombar a svg{width:1.35rem;height:1.35rem;fill:currentColor}
  .bottombar a[aria-current]{color:var(--accent)}
  .bottombar .badge{top:.35rem;right:calc(50% - 1.35rem)}
  .card{border-radius:.6rem}
  .composer-bar,.composer-more{padding-left:0}
  .profile-act{width:100%;margin-left:0;padding-top:.6rem}
  body.is-landing .bottombar{display:none}
  .landing-hero{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:calc(100dvh - var(--head-h));padding:0 1rem 2rem;gap:1.4rem;overflow:visible}
  .landing-copy,.landing-actions{width:100%;max-width:100%}
  .landing-copy h1{font-size:clamp(1.4rem,6.2vw,1.65rem);line-height:1.08;letter-spacing:-.035em}
  .landing-copy h1 em{display:block}
  .automation-brief{gap:0;padding-block:0}.automation-top{padding:.5rem 1rem;font-size:.46rem}
  .quality-map{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.quality-phase{min-height:13rem}.quality-phase:nth-child(2)::after{display:none}
  .quality-foot{grid-template-columns:1fr;gap:.25rem;padding:.55rem .7rem}.quality-foot .quality-return{justify-self:start}
  .landing-lead{font-size:clamp(.78rem,3.4vw,.9rem);line-height:1.45;margin-top:.55rem}
  .landing-actions{display:grid;grid-template-columns:1fr}.landing-actions .btn{width:100%}
  .landing-actions{grid-template-columns:1fr 1fr;margin-top:.65rem}.landing-actions .btn{min-height:2.45rem;padding:.35rem .55rem;font-size:.78rem}
  .landing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:.6rem}
  .landing-stats{margin-top:.65rem;padding-top:.5rem}.landing-stat strong{font-size:1rem}.landing-stat span{font-size:.58rem}
  .landing-find{grid-template-columns:2.35rem minmax(0,1fr) 5.7rem;width:100%;max-width:100%;height:2.8rem;margin-top:.65rem}.find-icon{width:2.1rem;margin-left:.15rem;font-size:1.15rem;padding-left:0}.landing-find input{font-size:.72rem;padding-inline:.5rem}.landing-find button{width:5.4rem;min-width:5.4rem;font-size:.66rem;gap:.3rem;padding:0 .28rem 0 .62rem}.landing-find button i{width:1.7rem;height:1.7rem;font-size:.68rem}
  .discovery-panel{--panel-pad:.8rem;width:100%;height:auto;min-height:30rem;margin:0;padding:var(--panel-pad);box-shadow:.55rem .55rem 0 var(--ink),inset 0 0 2.6rem var(--card-rim)}
  .discovery-top{font-size:.46rem}.discovery-panel h2{font-size:clamp(1rem,4.7vw,1.25rem);margin-top:.35rem}
  .discovery-people>a{grid-template-columns:1rem 1.7rem minmax(0,1fr) auto;padding:.25rem 0;gap:.4rem}.discovery-people .ava{width:1.7rem;height:1.7rem;font-size:.5rem}.discovery-person b{font-size:.65rem}.discovery-person small{font-size:.5rem}
  .discovery-bottom{padding-top:.3rem}.discovery-bottom p{font-size:.48rem}.discovery-join{font-size:.55rem}
  .landing-footer{position:relative;left:auto;right:auto;bottom:auto;grid-column:1;grid-template-columns:1fr auto;width:100%;height:auto;margin-top:.4rem;padding:1rem 0;gap:.75rem;background:transparent;backdrop-filter:none}
  .landing-footer-brand small{display:none}.landing-footer>p{text-align:right;font-size:.62rem}
}

/* Маш нарийн дэлгэц (320px) */
@media (max-width:380px){
  .post-actions .act span{display:none}
  .stat-grid{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .quality-map{grid-template-columns:1fr}.quality-phase{min-height:12rem}.quality-phase::after{display:none}.automation-top{align-items:flex-start;flex-direction:column;gap:.2rem}
}

/* Маш өргөн дэлгэц — багана өргөсгөнө, хоосон талбай үлдээхгүй */
@media (min-width:1600px){
  :root{--center-max:42rem;--left-w:16rem;--right-w:22rem}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
  html{scroll-behavior:auto}
}

/* ═════════ Судалгааны 10 шатны дамжлага ═════════
   Бүх өргөнд БҮРЭН багтана: зурвас нь сүлжээгээр эвхэгдэнэ (хэвтээ
   гүйлт хэзээ ч гарахгүй), хэлхээ нь мөр дамжина. */
.pipe-wrap{display:grid;gap:.7rem}
.pipe{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(4.6rem,100%),1fr));gap:.35rem}
.pipe-node{
  width:100%;display:grid;gap:.15rem;justify-items:center;
  padding:.45rem .3rem .5rem;border:1px solid var(--border);border-radius:.6rem;
  background:var(--surface-2);color:var(--muted);cursor:pointer;
  font:inherit;font-size:.7rem;line-height:1.2;text-align:center;transition:.14s;
}
.pipe-node:hover{border-color:var(--border-strong);color:var(--ink)}
.pipe-no{font-size:1rem;line-height:1}
.pipe-name{font-size:.62rem;overflow-wrap:anywhere}
.pipe-dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--border-strong)}
.pipe-node.st-draft{color:var(--ink-2)}
.pipe-node.st-draft .pipe-dot{background:var(--accent)}
.pipe-node.st-approved{background:color-mix(in srgb,var(--ok) 12%,var(--surface));color:var(--ink)}
.pipe-node.st-approved .pipe-dot{background:var(--ok)}
.pipe-node.is-sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);color:var(--ink)}

.stage-panel{border:1px solid var(--border);border-radius:var(--radius);
  padding:clamp(.7rem,1.8vw,1rem);background:var(--surface);display:grid;gap:.7rem}
.stage-panel.st-approved{border-color:color-mix(in srgb,var(--ok) 45%,var(--border))}
.stage-head{align-items:baseline;gap:.5rem;flex-wrap:wrap}
.stage-no{font-size:1.3rem;color:var(--accent)}
.stage-title{font-size:clamp(.98rem,2.2vw,1.12rem);font-weight:640;letter-spacing:-.02em}
.chip.status-empty{color:var(--muted)}
.chip.status-draft{background:var(--accent-soft);border-color:transparent;color:var(--accent)}
.chip.status-approved{background:color-mix(in srgb,var(--ok) 16%,transparent);
  border-color:transparent;color:var(--ok)}
.stage-approved{color:var(--ok)}
.stage-goal{color:var(--ink-2);line-height:1.6}
.stage-sec{display:grid;gap:.45rem;align-content:start}
.stage-h{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;
  color:var(--muted);font-weight:600}
.stage-h5{font-size:.78rem;font-weight:640;margin-top:.45rem}
/* Хоёр багана нь ЗӨВХӨН агуулагч 44rem-ээс өргөн үед. Төв багана 38rem
   тул практикт нэг багана болж давхарлана — нарийн баганад хоёр хуваавал
   ноорогийн бичвэр 15 тэмдэгтийн мөр болж уншигдахаа болино. */
.stage-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr))}

/* Хэлхээ: санаа → асуудал → … (мөр дамжина) */
.chain{display:flex;flex-wrap:wrap;gap:.3rem .1rem;align-items:center}
.chain-i{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;
  background:var(--surface-2);border:1px solid var(--border);font-size:.72rem;color:var(--ink-2)}
.chain-i:not(:last-child)::after{content:"→";margin-left:.5rem;margin-right:-.25rem;
  color:var(--muted);font-size:.72rem}
.chain.sm .chain-i{font-size:.68rem;padding:.15rem .45rem}
.chain.flow .chain-i{background:var(--surface);}
.chain.flow .chain-i.last{background:color-mix(in srgb,var(--ok) 14%,var(--surface));
  border-color:transparent;font-weight:600}

/* Хаалт ба «систем юуг хийхгүй» */
.blockers{border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));
  background:color-mix(in srgb,var(--danger) 7%,transparent);
  border-radius:.6rem;padding:.6rem .75rem;font-size:.86rem}
.blockers ul{margin-top:.3rem;display:grid;gap:.25rem;list-style:none}
.blockers li{padding-left:1rem;position:relative;color:var(--ink-2)}
.blockers li::before{content:"·";position:absolute;left:.35rem}
.gate{border-left:3px solid var(--accent);background:var(--accent-soft);
  border-radius:0 .5rem .5rem 0;padding:.55rem .75rem;font-size:.86rem}
.gate p{color:var(--ink-2);margin-top:.2rem}

/* Нэр томьёо */
.terms{display:grid;gap:.35rem}
.term{border:1px solid var(--border);border-radius:.5rem;background:var(--surface-2)}
.term summary{padding:.4rem .6rem;cursor:pointer;display:flex;gap:.5rem;
  align-items:baseline;flex-wrap:wrap;font-size:.86rem}
.term summary::marker{color:var(--muted)}
.term-en{font-size:.72rem;color:var(--muted)}
.term p{padding:0 .6rem .55rem;color:var(--ink-2);font-size:.84rem;line-height:1.55}

/* Тэмдэглэх жагсаалт */
.chk-list{display:grid;gap:.25rem}
.chk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem;align-items:start;
  padding:.32rem .45rem;border-radius:.45rem;font-size:.86rem;cursor:pointer}
.chk:hover{background:var(--surface-2)}
.chk input{margin-top:.2rem;accent-color:var(--accent)}
.chk-on{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}
.chk-flag{background:color-mix(in srgb,var(--danger) 8%,transparent)}
.chip.warn-chip{background:color-mix(in srgb,var(--danger) 12%,transparent);
  border-color:transparent;color:var(--danger)}
.chip.ok-chip{background:color-mix(in srgb,var(--ok) 14%,transparent);
  border-color:transparent;color:var(--ok);font-size:.7rem}
.clearance{margin-top:.5rem;border:1px dashed var(--border-strong);border-radius:.55rem;
  padding:.6rem .7rem;display:grid;gap:.4rem}
.clearance textarea{width:100%}

/* Ноорог */
.stage-summary{line-height:1.62;color:var(--ink-2)}
.point{display:grid;gap:.1rem;padding:.45rem .6rem;border-radius:.5rem;
  background:var(--surface-2);font-size:.87rem}
.point b{font-weight:620}
.point span{color:var(--ink-2);line-height:1.55}
ul.tight{display:grid;gap:.25rem;list-style:none;font-size:.86rem;color:var(--ink-2)}
ul.tight li{padding-left:.9rem;position:relative}
ul.tight li::before{content:"—";position:absolute;left:0;color:var(--muted)}
ul.tight.warn li::before{content:"⚠";font-size:.7rem;top:.1rem}

/* Бүртгэл */
.items{gap:.5rem}
.item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;
  align-items:start;padding:.5rem .6rem;border:1px solid var(--border);
  border-radius:.55rem;background:var(--surface-2)}
.item-main{display:grid;gap:.2rem;min-width:0}
.item-title{display:flex;gap:.4rem;align-items:baseline;flex-wrap:wrap}
.item-title b{font-weight:620;overflow-wrap:anywhere}
.item-row .hint{overflow-wrap:anywhere}
a.doi{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.claim b{font-weight:620;line-height:1.5}
.lookup{border:1px dashed var(--border-strong);border-radius:.6rem;padding:.6rem .7rem;
  display:grid;gap:.5rem;background:var(--surface-2)}
.lookup-head p{margin-top:.15rem}
.lookup-row{display:flex;gap:.4rem;flex-wrap:wrap}
.lookup-row input{flex:1 1 12rem;min-width:0}
.lookup-out{display:grid;gap:.4rem}
.cand{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center;
  padding:.5rem .6rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}
.add-wrap{border:1px solid var(--border);border-radius:.55rem;background:var(--surface-2)}
.add-wrap summary{padding:.45rem .7rem;cursor:pointer;font-size:.85rem;color:var(--ink-2)}
.add-form{padding:.2rem .7rem .7rem;display:grid;gap:.6rem}
.add-grid{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr))}
.add-grid .field.wide{grid-column:1/-1}
.req{color:var(--danger)}

/* Үйлдлийн мөр */
.trail{border:1px solid var(--border);border-radius:.55rem;background:var(--surface-2)}
.trail summary{padding:.45rem .7rem;cursor:pointer;font-size:.85rem}
.trail-list{padding:0 .7rem .6rem;display:grid;gap:.25rem;font-size:.8rem;color:var(--ink-2)}
.trail-list li{display:flex;gap:.35rem;flex-wrap:wrap;align-items:baseline}
.trail-no{color:var(--accent)}

/* ═════════ /automation — нийтийн танилцуулга ═════════ */
.auto-lead{margin-top:.6rem;color:var(--ink-2);line-height:1.65;max-width:44rem}
.split{display:grid;gap:.6rem;margin-top:1rem;grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr))}
.split-half{border:1px solid var(--border);border-radius:.6rem;padding:.7rem .8rem;
  background:var(--surface-2)}
.split-half h3{font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);font-weight:600}
.split-half p{margin-top:.3rem;line-height:1.6;color:var(--ink-2)}
.split-half.accent{background:var(--accent-soft);border-color:transparent}
.split-half.accent p{color:var(--ink)}
  box-shadow:var(--shadow);margin-top:.5rem}
  cursor:pointer}
  padding-top:.7rem}
.benefit{background:var(--surface-2);border-radius:.55rem;padding:.55rem .7rem;font-size:.87rem}
.benefit p{margin-top:.2rem;color:var(--ink-2);line-height:1.6}
.found-grid{display:grid;gap:.5rem;margin-top:.6rem;
  grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr))}
.found-i{border:1px solid var(--border);border-radius:.55rem;padding:.6rem .7rem;
  background:var(--surface-2);font-size:.87rem}
.found-i p{margin-top:.2rem;color:var(--ink-2);line-height:1.55}
.closing-t{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(.95rem,2.2vw,1.1rem);
  line-height:1.65;color:var(--ink-2)}

/* ═════════ /automation/<n> — бие даасан хуудас ═════════ */
  min-width:0;overflow-wrap:anywhere}
.auto-steps{display:grid;gap:.4rem;counter-reset:none;list-style:none}
.auto-steps li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.5rem;
  align-items:start;padding:.45rem .55rem;border-radius:.5rem;background:var(--surface-2);
  font-size:.9rem;line-height:1.5}
.auto-step-no{color:var(--accent);font-size:.72rem;font-weight:700;padding-top:.15rem}
.demo{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))}
.ethics-out{display:grid;gap:.5rem;margin-top:.5rem}
.ethics-out .blockers li{padding-left:1rem;line-height:1.5}
.lab-stage-list{display:grid;gap:.4rem;margin-top:.5rem}
.lab-stage-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;
  align-items:center;padding:.5rem .6rem;border:1px solid var(--border);border-radius:.55rem;
  background:var(--surface-2);transition:.14s}
.lab-stage-row:hover{border-color:var(--accent);background:var(--surface)}
.lab-stage-row .item-main{gap:.1rem}
.auto-foot-link{display:grid;gap:.15rem;padding:.6rem .75rem;border:1px solid var(--border);
  border-radius:.6rem;background:var(--surface-2);transition:.14s}
.auto-foot-link:hover{border-color:var(--accent);background:var(--surface)}
.auto-foot-link.right{text-align:right}

/* ═════════ /quality — 12 үе шаттай нэгдсэн тооцооллын ажлын талбар ═════════ */
body.is-quality-work .shell{max-width:none;padding:1rem clamp(.7rem,2vw,2rem) 4rem}
body.is-quality-work #main{min-width:0}
.qc-workspace{--qc-pass:var(--ok);--qc-active:var(--landing-bronze);--qc-fail:var(--danger);
  display:grid;gap:.85rem;min-width:0}
.qc-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;
  padding:.9rem 1rem;border:1px solid var(--landing-line);border-top:3px solid var(--landing-bronze);
  background:linear-gradient(115deg,color-mix(in srgb,var(--landing-head) 64%,var(--surface)),var(--surface))}
.qc-head-main{display:grid;gap:.35rem;min-width:0}.qc-kicker{color:var(--landing-bronze);
  font-size:.62rem;font-weight:750;letter-spacing:.12em}
.qc-project-input{width:100%;padding:.1rem 0;border:0;border-bottom:1px solid transparent;
  border-radius:0;background:transparent;color:var(--ink);font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(1.3rem,2.6vw,2rem);font-weight:610;letter-spacing:-.025em}
.qc-project-input:focus{border-bottom-color:var(--landing-bronze);outline:0}
.qc-head-main p{max-width:58rem;color:var(--muted);font-size:.76rem;line-height:1.45}
.qc-project-stats{display:grid;grid-template-columns:repeat(3,minmax(7rem,auto));align-self:stretch;
  border-left:1px solid var(--landing-line)}
.qc-project-stats>div{display:grid;align-content:center;gap:.08rem;padding:.25rem .85rem;
  border-right:1px solid var(--border)}.qc-project-stats>div:last-child{border-right:0}
.qc-project-stats strong{font-size:1rem;color:var(--ink)}.qc-project-stats span{font-size:.62rem;color:var(--muted)}
.qc-project-stats .is-bad strong{color:var(--danger)}

/* Арван хоёр шат нь тусдаа карт биш — нэг холбогдсон цуврал индикатор. */
.qc-series{display:grid;grid-template-columns:repeat(12,minmax(5.7rem,1fr));min-width:0;overflow-x:auto;
  border:1px solid var(--landing-line);background:var(--card-gutter);gap:1px;scrollbar-width:thin}
.qc-step{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;
  column-gap:.35rem;min-width:5.7rem;padding:.55rem .48rem .48rem;background:var(--surface-2);
  color:var(--muted);transition:background .15s,box-shadow .15s,color .15s}
.qc-step:not(:last-child)::after{content:"";position:absolute;right:-1px;top:1.18rem;z-index:2;
  width:.65rem;border-top:1px solid var(--border-strong)}
.qc-step-state{grid-row:1/4;display:grid;place-items:center;align-self:start;width:1.35rem;height:1.35rem;
  border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);font-size:.68rem}
.qc-step-no{font-size:.58rem;font-weight:750;letter-spacing:.08em}.qc-step b{min-width:0;
  font-family:"Source Serif 4",Georgia,serif;font-size:.68rem;font-weight:610;line-height:1.15}
.qc-step small{font-size:.52rem;color:inherit}.qc-step:hover{background:var(--surface);color:var(--ink)}
.qc-step.is-current{z-index:3;box-shadow:inset 0 -3px var(--landing-bronze);background:var(--surface);color:var(--ink)}
.qc-step.is-passed,.qc-step.is-conditional{color:var(--ok)}
.qc-step.is-passed .qc-step-state,.qc-step.is-conditional .qc-step-state{border-color:var(--ok-soft);background:var(--ok-soft)}
.qc-step.is-active,.qc-step.is-in_progress,.qc-step.is-calculated{color:var(--landing-bronze)}
.qc-step.is-revision,.qc-step.is-returned,.qc-step.is-revalidation{color:var(--danger)}
.qc-step.is-hold,.qc-step.is-stopped{color:var(--warn)}

.qc-stage-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;
  padding:.85rem 1rem;border:1px solid var(--border);background:var(--surface)}
.qc-stage-index{display:flex;align-items:baseline;gap:.25rem;color:var(--landing-bronze)}
.qc-stage-index>span{font-family:"Source Serif 4",Georgia,serif;font-size:2.1rem;font-weight:620}
.qc-stage-index small{font-size:.65rem}.qc-phase{display:block;margin-bottom:.12rem;color:var(--landing-bronze);
  font-size:.58rem;font-weight:740;letter-spacing:.09em}.qc-stage-head h1{font-size:clamp(1.3rem,2.5vw,2rem);
  font-weight:610;line-height:1.08;letter-spacing:-.03em}.qc-stage-head p{max-width:58rem;margin-top:.28rem;
  color:var(--ink-2);font-size:.8rem;line-height:1.48}
.qc-stage-status{display:flex;align-items:center;gap:.4rem;padding:.4rem .58rem;border:1px solid var(--border);
  border-radius:999px;color:var(--muted);white-space:nowrap;font-size:.68rem}
.qc-stage-status.is-passed,.qc-stage-status.is-conditional{color:var(--ok);border-color:var(--ok-soft)}
.qc-stage-status.is-revision,.qc-stage-status.is-returned,.qc-stage-status.is-revalidation{color:var(--danger)}

.qc-work-grid{display:grid;grid-template-columns:minmax(12.5rem,14rem) minmax(0,1fr) minmax(15rem,18rem);
  gap:.85rem;align-items:start}.qc-action-stage{min-width:0}
.qc-action-rail{position:sticky;top:calc(var(--head-h) + .75rem);overflow:visible;padding:.15rem .35rem;
  border:0;background:transparent}
.qc-action-rail-head{display:flex;justify-content:space-between;gap:.55rem;align-items:center;padding:.2rem .15rem .5rem;
  border:0;background:transparent}
.qc-action-rail-head>div{display:grid;gap:.08rem}.qc-action-rail-head span{color:var(--muted);font-size:.55rem;
  font-weight:720;letter-spacing:.06em}.qc-action-rail-head b{font-size:.76rem}
.qc-action-rail-progress{color:var(--landing-bronze)!important;font-size:.68rem!important;letter-spacing:0!important}
.qc-action-rail-meter{display:block;width:100%;height:.22rem;margin:0 0 .5rem;border:0;border-radius:999px;
  overflow:hidden;background:var(--border);accent-color:var(--landing-bronze)}
.qc-action-rail-meter::-webkit-progress-bar{background:var(--border)}
.qc-action-rail-meter::-webkit-progress-value{background:var(--landing-bronze)}
.qc-action-list{position:relative;display:grid;gap:.08rem;list-style:none}
.qc-action-list::before{content:"";position:absolute;left:1.02rem;top:1.18rem;bottom:1.18rem;
  border-left:2px solid var(--border-strong)}
.qc-action-list li{position:relative}.qc-action-list li:not(:last-child)::after{display:none}
.qc-action-list button{position:relative;z-index:2;display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:.55rem;
  width:100%;padding:.52rem .25rem;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left}
.qc-action-list button:not(:disabled):hover .qc-action-rail-copy b{color:var(--landing-bronze)}
.qc-action-rail-no{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:2px solid var(--border-strong);
  border-radius:50%;background:var(--page);color:var(--muted);font-size:.53rem;font-weight:760}
.qc-action-rail-copy{display:grid;gap:.1rem;min-width:0}.qc-action-rail-copy b{font-size:.68rem;line-height:1.25}
.qc-action-rail-copy>span{color:var(--muted);font-size:.57rem;line-height:1.35}.qc-action-rail-copy small{
  margin-top:.12rem;color:var(--muted);font-size:.53rem;font-weight:700}
.qc-action-list li.is-current button{background:transparent;box-shadow:none}
.qc-action-list li.is-current .qc-action-rail-no{border-color:var(--landing-bronze);background:var(--landing-bronze);
  color:#fff;box-shadow:0 0 0 4px var(--accent-soft)}
.qc-action-list li.is-current .qc-action-rail-copy b,.qc-action-list li.is-current small{color:var(--landing-bronze)}
.qc-action-list li.is-complete .qc-action-rail-no{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}
.qc-action-list li.is-complete small{color:var(--ok)}.qc-action-list li.is-available .qc-action-rail-no{
  border-color:var(--landing-bronze);border-style:dashed;color:var(--landing-bronze)}
.qc-action-list li.is-locked button{opacity:.42}
.qc-panel{display:grid;align-content:start;gap:.75rem;min-width:0;padding:.85rem;
  border:1px solid var(--border);background:var(--surface)}
.qc-panel-head{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.55rem;align-items:start;
  padding-bottom:.55rem;border-bottom:1px solid var(--border)}
.qc-panel-head>span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:1px solid var(--landing-line);
  border-radius:50%;color:var(--landing-bronze);font-size:.58rem;font-weight:750}
.qc-panel-head h2{font-size:.92rem;font-weight:680}.qc-panel-head p{margin-top:.12rem;color:var(--muted);
  font-size:.7rem;line-height:1.4}.qc-input-panel,.qc-evidence-panel,.qc-validation-panel,.qc-gate-panel{grid-column:1/-1}
.qc-lock-note{display:grid;gap:.2rem;padding:.65rem .75rem;border-left:3px solid var(--warn);
  background:var(--warn-soft);font-size:.8rem}.qc-lock-note p{color:var(--ink-2)}
.qc-action-next{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.2rem;padding:.72rem .78rem;
  border:1px solid var(--landing-line);background:var(--accent-soft)}.qc-action-next>div:first-child{display:grid;gap:.12rem}
.qc-action-next b{font-size:.72rem}.qc-action-next-status{color:var(--ink-2);font-size:.64rem;line-height:1.4}
.qc-action-next>.btn{flex:0 0 auto}.qc-action-next-buttons{display:flex;flex:0 0 auto;gap:.4rem}

.qc-idea-intake{display:grid;gap:.7rem;padding:clamp(.8rem,2vw,1.15rem);
  border:1px solid var(--landing-line);border-left:4px solid var(--landing-bronze);
  background:linear-gradient(125deg,color-mix(in srgb,var(--landing-head) 52%,var(--surface)),var(--surface))}
.qc-idea-label{display:grid;grid-template-columns:3.7rem minmax(0,1fr);gap:.7rem;align-items:start}
.qc-idea-label>span{padding-top:.22rem;color:var(--landing-bronze);font-size:.58rem;font-weight:750;
  letter-spacing:.1em;text-transform:uppercase}.qc-idea-label h3{font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(1.08rem,2vw,1.35rem);font-weight:620;letter-spacing:-.02em}
.qc-idea-label p{max-width:52rem;margin-top:.18rem;color:var(--ink-2);font-size:.76rem;line-height:1.48}
.qc-idea-intake>textarea{width:100%;min-height:8.5rem;padding:.85rem .9rem;resize:vertical;
  border:1px solid var(--landing-line);border-radius:.42rem;background:var(--surface);color:var(--ink);
  font-family:"Source Serif 4",Georgia,serif;font-size:clamp(.94rem,1.6vw,1.08rem);line-height:1.62}
.qc-idea-intake>textarea:focus{border-color:var(--landing-bronze);outline:2px solid var(--accent-soft)}
.qc-idea-actions{display:flex;justify-content:flex-end;align-items:center;gap:.7rem}
.qc-idea-count{margin-right:auto;color:var(--muted);font-size:.6rem}.qc-decompose{min-height:2.55rem;padding-inline:1.05rem}
.qc-decompose-progress{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:center;
  padding:.58rem .68rem;border:1px solid var(--landing-line);border-radius:.4rem;background:var(--accent-soft)}
.qc-decompose-progress[hidden]{display:none}.qc-decompose-progress>div{display:grid;gap:.08rem}
.qc-decompose-progress b{font-size:.67rem}.qc-decompose-progress span:not(.spinner){color:var(--ink-2);
  font-size:.59rem;line-height:1.4}
.qc-idea-explorer{display:grid;gap:.55rem;padding-top:.65rem;border-top:1px solid var(--border)}
.qc-idea-explorer-head{display:flex;justify-content:space-between;gap:.8rem;align-items:end}
.qc-idea-explorer-head>div{display:grid;gap:.08rem}.qc-idea-explorer-head b{font-size:.72rem}
.qc-idea-explorer-head p{color:var(--ink-2);font-size:.62rem;line-height:1.42}
.qc-idea-explorer-head>span{flex:0 0 auto;color:var(--muted);font-size:.56rem}
.qc-idea-example-empty{padding:.65rem .72rem;border:1px dashed var(--border-strong);
  border-radius:.42rem;background:var(--surface);color:var(--muted);font-size:.66rem;line-height:1.45}
.qc-idea-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}
.qc-idea-example-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;
  align-items:start;min-width:0;padding:.62rem;border:1px solid var(--border);border-radius:.45rem;
  background:var(--surface);color:var(--ink);font:inherit;text-align:left;transition:border-color .14s,box-shadow .14s}
.qc-idea-example-card:hover{border-color:var(--landing-bronze);box-shadow:0 2px 10px color-mix(in srgb,var(--ink) 7%,transparent)}
.qc-idea-example-card.is-selected{border-color:var(--ok);background:var(--ok-soft)}
.qc-idea-example-no{display:grid;place-items:center;width:1.55rem;height:1.55rem;border:1px solid var(--landing-line);
  border-radius:50%;color:var(--landing-bronze);font-size:.58rem;font-weight:750}
.qc-idea-example-copy{display:grid;gap:.16rem;min-width:0}.qc-idea-example-copy b{color:var(--landing-bronze);
  font-size:.59rem;letter-spacing:.03em}.qc-idea-example-copy>span{font-family:"Source Serif 4",Georgia,serif;
  font-size:.72rem;line-height:1.43}.qc-idea-example-action{align-self:center;color:var(--muted);
  font-size:.53rem;white-space:nowrap}.qc-idea-example-card.is-selected .qc-idea-example-action{color:var(--ok);font-weight:720}
.qc-decompose-source{display:flex;align-items:baseline;gap:.45rem;padding:.45rem .55rem;
  border-left:2px solid var(--ok);background:var(--ok-soft);font-size:.64rem}
.qc-decompose-source span{color:var(--muted)}.qc-clarifying{display:grid;gap:.5rem}
.qc-idea-assessment{display:grid;gap:.62rem;padding:.8rem;border:1px solid var(--landing-line);
  border-radius:.5rem;background:var(--surface)}.qc-idea-assessment[hidden]{display:none}
.qc-assessment-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.qc-assessment-level{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.58rem;align-items:center}
.qc-assessment-level>span{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid var(--landing-bronze);
  border-radius:50%;background:var(--accent-soft);color:var(--landing-bronze);font-size:.68rem;font-weight:780}
.qc-assessment-level>div{display:grid;gap:.06rem}.qc-assessment-level small{color:var(--muted);font-size:.55rem;
  font-weight:720;letter-spacing:.05em}.qc-assessment-level h3{font-family:"Source Serif 4",Georgia,serif;
  font-size:1.05rem;font-weight:630;letter-spacing:-.015em}
.qc-assessment-score{display:grid;justify-items:end;gap:.02rem}.qc-assessment-score strong{color:var(--landing-bronze);
  font-size:1.2rem}.qc-assessment-score span{color:var(--muted);font-size:.55rem}
.qc-assessment-meter{width:100%;height:.32rem;border:0;border-radius:999px;overflow:hidden;
  background:var(--border);accent-color:var(--landing-bronze)}
.qc-assessment-meter::-webkit-progress-bar{background:var(--border)}
.qc-assessment-meter::-webkit-progress-value{background:var(--landing-bronze)}
.qc-assessment-verdict{display:grid;gap:.12rem;padding:.6rem .68rem;border-left:3px solid var(--landing-bronze);
  background:var(--accent-soft)}.qc-assessment-verdict b{font-size:.7rem}.qc-assessment-verdict p{
  font-family:"Source Serif 4",Georgia,serif;font-size:.82rem;line-height:1.45}.qc-assessment-verdict small{
  color:var(--muted);font-size:.55rem;line-height:1.4}
.qc-assessment-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(13rem,.55fr);gap:.65rem;align-items:start}
.qc-assessment-criteria{display:grid;gap:.35rem}.qc-assessment-section-head{display:flex;justify-content:space-between;
  gap:.7rem;align-items:baseline;padding:.1rem 0}.qc-assessment-section-head h4,.qc-assessment-guidance h4{
  font-size:.71rem}.qc-assessment-section-head span{color:var(--muted);font-size:.53rem}
.qc-assessment-row{display:grid;grid-template-columns:1.45rem minmax(0,1fr);gap:.48rem;padding:.52rem .58rem;
  border:1px solid var(--border);border-radius:.4rem;background:var(--surface-2)}
.qc-assessment-state{display:grid;place-items:center;width:1.35rem;height:1.35rem;border:1px solid var(--border-strong);
  border-radius:50%;font-size:.61rem;font-weight:780}.qc-assessment-row.is-ready .qc-assessment-state{
  border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.qc-assessment-row.is-partial .qc-assessment-state{
  border-color:var(--warn);background:var(--warn-soft);color:var(--warn)}.qc-assessment-row.is-missing .qc-assessment-state{
  border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}
.qc-assessment-finding{display:grid;gap:.15rem}.qc-assessment-finding>div:first-child{display:flex;justify-content:space-between;
  gap:.6rem}.qc-assessment-finding b{font-size:.67rem}.qc-assessment-finding small{color:var(--muted);font-size:.52rem}
.qc-assessment-finding p{color:var(--ink-2);font-size:.64rem;line-height:1.43}.qc-assessment-improve{
  display:grid!important;grid-template-columns:auto minmax(0,1fr);justify-content:start!important;gap:.4rem!important;
  margin-top:.1rem;padding-top:.34rem;border-top:1px solid var(--border)}.qc-assessment-improve b{
  color:var(--landing-bronze);font-size:.57rem;white-space:nowrap}.qc-assessment-improve span{
  color:var(--ink-2);font-size:.61rem;line-height:1.4}
.qc-assessment-guidance{display:grid;gap:.5rem}.qc-assessment-guidance>section{padding:.6rem .68rem;
  border:1px solid var(--border);border-radius:.4rem;background:var(--surface-2)}.qc-assessment-guidance ul{
  display:grid;gap:.28rem;margin:.38rem 0 0 1rem;color:var(--ink-2);font-size:.62rem;line-height:1.43}
.qc-assessment-academic>span{color:var(--landing-bronze);font-size:.53rem;font-weight:750;letter-spacing:.05em}
.qc-assessment-academic h4{margin-top:.22rem;font-family:"Source Serif 4",Georgia,serif;font-size:.76rem}
.qc-assessment-academic>p{margin-top:.25rem;color:var(--ink-2);font-size:.61rem;line-height:1.43}
.qc-assessment-academic details{margin-top:.4rem;padding-top:.38rem;border-top:1px solid var(--border)}
.qc-assessment-academic summary{cursor:pointer;color:var(--landing-bronze);font-size:.57rem;font-weight:700}
.qc-assessment-academic details p{margin-top:.3rem;color:var(--ink-2);font-size:.6rem;line-height:1.43}
.qc-assessment-next{border-color:var(--landing-line)!important;background:var(--accent-soft)!important}
.qc-assessment-next span{color:var(--landing-bronze);font-size:.54rem;font-weight:750;letter-spacing:.05em}
.qc-assessment-next p{margin-top:.25rem;font-family:"Source Serif 4",Georgia,serif;font-size:.73rem;line-height:1.48}
.qc-clarifying:empty{display:none}.qc-clarifying-head{display:flex;justify-content:space-between;gap:.8rem;
  align-items:baseline;padding-top:.2rem}.qc-clarifying-head b{font-size:.8rem}
.qc-clarifying-head span{color:var(--muted);font-size:.62rem}
.qc-question{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;
  overflow:hidden;border:1px solid var(--border-strong);border-radius:.48rem;background:var(--surface);
  transition:border-color .14s,box-shadow .14s}.qc-question:focus-within{border-color:var(--landing-bronze);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--landing-bronze) 13%,transparent)}
.qc-question-copy{display:grid!important;grid-template-rows:auto minmax(6.4rem,1fr);min-width:0;
  align-content:stretch;background:var(--surface-2)}
.qc-question-field-head,.qc-answer-field-head{display:flex!important;align-items:center;gap:.38rem;
  min-height:2.35rem;padding:.45rem .58rem;border-bottom:1px solid var(--border)}
.qc-question-field-head{background:color-mix(in srgb,var(--landing-head) 48%,var(--surface))}
.qc-question-field-head b,.qc-answer-field-head b{font-size:.67rem}
.qc-question-no{display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid var(--landing-line);
  border-radius:50%;color:var(--landing-bronze);font-size:.62rem;font-weight:720}
.qc-question-body{display:grid;align-content:start;gap:.18rem;padding:.62rem .7rem}.qc-question-body b{font-size:.76rem;line-height:1.44}
.qc-question-body small{color:var(--muted);font-size:.61rem;line-height:1.42}
.qc-answer-field{display:grid!important;grid-template-rows:auto minmax(6.4rem,1fr);min-width:0;
  border-left:1px solid var(--border-strong);background:var(--surface);cursor:text}
.qc-answer-field-head{background:color-mix(in srgb,var(--landing-head) 28%,var(--surface))}
.qc-answer-pencil{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;
  background:var(--landing-bronze);color:#fff;font-size:.76rem}
.qc-answer-count{margin-left:auto;color:var(--muted);font-size:.54rem;font-weight:500}
.qc-answer-field textarea{width:100%;min-height:6.4rem;padding:.55rem .7rem .7rem;resize:vertical;border:0;
  border-radius:0;background-color:var(--surface);background-image:repeating-linear-gradient(to bottom,
  transparent 0,transparent 1.68rem,color-mix(in srgb,var(--border) 68%,transparent) 1.7rem);
  color:var(--ink);font:inherit;font-size:.76rem;line-height:1.7rem;cursor:text}
.qc-answer-field textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent);font-style:italic}
.qc-answer-field textarea:focus{outline:0}.qc-answer-field:focus-within .qc-answer-field-head{
  background:var(--accent-soft)}.qc-answer-field.is-filled .qc-answer-pencil{background:var(--ok)}
.qc-answer-field textarea:disabled{cursor:not-allowed;opacity:.58}.qc-cautions{padding:.6rem .7rem;border-left:3px solid var(--warn);
  background:var(--warn-soft)}.qc-cautions b{font-size:.7rem}.qc-cautions ul{display:grid;gap:.18rem;
  margin:.32rem 0 0 1rem;color:var(--ink-2);font-size:.66rem;line-height:1.45}
.qc-clarification-history{border:1px solid var(--border);border-radius:.42rem;background:var(--surface)}
.qc-clarification-history>summary{padding:.55rem .68rem;color:var(--ink-2);font-size:.68rem;font-weight:700;cursor:pointer}
.qc-history-list{display:grid;gap:.35rem;padding:0 .55rem .55rem}.qc-history-pair{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:.35rem}
.qc-history-pair>div{display:grid;align-content:start;gap:.2rem;padding:.5rem .58rem;background:var(--surface-2)}
.qc-history-pair>div+div{border-left:1px solid var(--border);background:var(--surface)}
.qc-history-pair small{color:var(--muted);font-size:.53rem;font-weight:720;letter-spacing:.05em;text-transform:uppercase}
.qc-history-pair p{font-size:.66rem;line-height:1.45}.qc-answer-progress{display:grid;
  grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.65rem .7rem;
  border:1px solid var(--landing-line);border-radius:.42rem;background:var(--surface)}
.qc-answer-progress-copy{display:grid;gap:.35rem}.qc-answer-progress-copy>div{display:flex;
  justify-content:space-between;gap:.6rem}.qc-answer-progress-copy b{font-size:.7rem}
.qc-answer-progress-copy span{color:var(--muted);font-size:.6rem}.qc-answer-progress progress{width:100%;height:.38rem;
  accent-color:var(--ok)}.qc-answer-submit{min-height:2.45rem;white-space:nowrap}
.qc-clarification-complete{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;
  align-items:center;padding:.72rem;border:1px solid color-mix(in srgb,var(--ok) 45%,var(--border));
  border-radius:.45rem;background:var(--ok-soft)}.qc-clarification-complete>span{display:grid;place-items:center;
  width:1.8rem;height:1.8rem;border-radius:50%;background:var(--ok);color:#fff;font-weight:800}
.qc-clarification-complete b{font-size:.76rem}.qc-clarification-complete p{margin-top:.12rem;color:var(--ink-2);
  font-size:.64rem;line-height:1.42}.qc-clarification-complete .btn{white-space:nowrap}

/* 01-р шатны төв талбар: сэдэв → асуулт → үр дүн. */
.qc-idea-topic-view,.qc-idea-question-view,.qc-idea-result-view{display:grid;gap:.85rem;min-width:0}
.qc-topic-field{display:grid;gap:0;padding:.7rem;border:2px solid var(--landing-line);
  border-radius:.58rem;background:var(--surface);transition:border-color .14s,box-shadow .14s}
.qc-topic-field:focus-within{border-color:var(--landing-bronze);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--landing-bronze) 13%,transparent)}
.qc-topic-field-head{display:flex;justify-content:space-between;gap:.7rem;align-items:center;padding:.05rem .15rem .6rem}
.qc-topic-field-head label{font-size:.82rem;font-weight:760;cursor:text}.qc-topic-field-head span{
  padding:.18rem .38rem;border-radius:999px;background:var(--accent-soft);color:var(--landing-bronze);
  font-size:.54rem;font-weight:760;letter-spacing:.04em}
.qc-topic-field>textarea{width:100%;min-height:11rem;padding:.9rem 1rem;resize:vertical;
  border:1px solid var(--border-strong);border-radius:.42rem;background:var(--surface-2);color:var(--ink);
  font:inherit;font-size:clamp(.94rem,1.6vw,1.06rem);line-height:1.62}
.qc-topic-field>textarea::placeholder{color:var(--muted);font-style:italic}.qc-topic-field>textarea:focus{
  border-color:var(--landing-bronze);outline:0;background:var(--surface)}
.qc-topic-field>.qc-idea-actions{margin-top:.58rem;padding:.05rem .1rem 0}
.qc-idea-helper{border-top:1px solid var(--border)}.qc-idea-helper>summary{padding:.65rem 0 0;
  color:var(--muted);font-size:.65rem;font-weight:680;cursor:pointer}
.qc-idea-helper-body{display:grid;gap:.65rem;margin-top:.65rem}.qc-idea-helper-body>.btn{justify-self:start}
.qc-idea-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;
  padding:.48rem .55rem;border-bottom:1px solid var(--border)}.qc-idea-summary details{min-width:0}
.qc-idea-summary summary{color:var(--muted);font-size:.62rem;font-weight:700;cursor:pointer}
.qc-idea-summary p{margin-top:.4rem;font-family:"Source Serif 4",Georgia,serif;font-size:.75rem;line-height:1.48}
.qc-idea-summary .btn{font-size:.6rem;white-space:nowrap}.qc-question-intro{display:grid;gap:.14rem}
.qc-question-intro span{color:var(--landing-bronze);font-size:.58rem;font-weight:750;letter-spacing:.05em}
.qc-question-intro p{color:var(--ink-2);font-size:.7rem;line-height:1.42}
.qc-question-progress{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,.42fr);gap:.85rem;
  align-items:center}.qc-question-progress>div{display:flex;justify-content:space-between;gap:.7rem}
.qc-question-progress span{color:var(--muted);font-size:.62rem}.qc-question-progress b{font-size:.68rem}
.qc-question-progress progress{width:100%;height:.38rem;accent-color:var(--landing-bronze)}
.qc-question-focus{display:grid;gap:.8rem;padding:clamp(.8rem,2vw,1.15rem);border:1px solid var(--landing-line);
  border-radius:.55rem;background:var(--surface)}
.qc-question-focus>.qc-question-copy{display:grid!important;grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:none;gap:.65rem;align-items:start;background:transparent}
.qc-question-focus>.qc-question-copy>div{display:grid;gap:.2rem}.qc-question-focus h3{
  font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1rem,1.8vw,1.18rem);font-weight:620;line-height:1.42}
.qc-question-focus>.qc-question-copy p{color:var(--ink-2);font-size:.66rem;line-height:1.45}
.qc-question-reason{margin-top:.22rem}.qc-question-reason summary{color:var(--muted);font-size:.58rem;
  font-weight:680;cursor:pointer}.qc-question-reason p{margin-top:.28rem}
.qc-question-select{display:grid;gap:.4rem}.qc-question-select>span{color:var(--muted);font-size:.6rem}
.qc-question-choices{display:flex;flex-wrap:wrap;gap:.4rem}.qc-question-choice{padding:.48rem .65rem;
  border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-2);color:var(--ink);
  font:inherit;font-size:.68rem;line-height:1.3;text-align:left;cursor:pointer}
.qc-question-choice:hover{border-color:var(--landing-bronze)}.qc-question-choice[aria-pressed=true]{
  border-color:var(--landing-bronze);background:var(--accent-soft);color:var(--landing-bronze);font-weight:700}
.qc-question-note{display:grid;gap:.35rem}.qc-question-note>span{display:flex;justify-content:space-between;
  gap:.7rem;align-items:baseline}.qc-question-note b{font-size:.68rem}.qc-question-note textarea{width:100%;
  min-height:7.2rem;padding:.72rem .78rem;resize:vertical;border:1px solid var(--border-strong);
  border-radius:.4rem;background:var(--surface-2);color:var(--ink);font:inherit;font-size:.78rem;line-height:1.55}
.qc-question-note textarea:focus{border-color:var(--landing-bronze);outline:2px solid var(--accent-soft)}
.qc-question-nav{display:flex;justify-content:space-between;gap:.7rem;align-items:center}
.qc-question-nav .btn{min-height:2.5rem}.qc-idea-question-view .qc-cautions{border-radius:.4rem}
.qc-idea-question-view .qc-cautions>summary{cursor:pointer;font-size:.64rem;font-weight:680}
.qc-idea-question-view .qc-cautions ul{margin-top:.4rem}
.qc-research-question-head{display:flex;justify-content:space-between;gap:1rem;align-items:end}
.qc-research-question-head>div{display:grid;gap:.12rem}.qc-research-question-head h3{
  font-family:"Source Serif 4",Georgia,serif;font-size:1.08rem;font-weight:620}
.qc-research-question-head>div>span,.qc-question-selection-status{color:var(--muted);font-size:.6rem}
.qc-question-selection-status{flex:0 0 auto}.qc-research-question-grid{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.qc-research-question-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.58rem;
  align-items:start;min-width:0;min-height:9rem;padding:.72rem;border:1px solid var(--border-strong);
  border-radius:.48rem;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;
  transition:border-color .14s,box-shadow .14s,background .14s}
.qc-research-question-card:hover{border-color:var(--landing-bronze);box-shadow:0 3px 12px color-mix(in srgb,var(--ink) 7%,transparent)}
.qc-research-question-card.is-selected{border-color:var(--landing-bronze);background:var(--accent-soft);
  box-shadow:inset 0 3px 0 var(--landing-bronze)}
.qc-research-question-no{display:grid;place-items:center;width:1.65rem;height:1.65rem;
  border:1px solid var(--landing-line);border-radius:50%;color:var(--landing-bronze);font-size:.58rem;font-weight:760}
.qc-research-question-copy{display:grid;align-content:start;gap:.28rem;min-width:0}
.qc-research-question-copy small{color:var(--landing-bronze);font-size:.55rem;font-weight:740;letter-spacing:.04em}
.qc-research-question-copy b{font-family:"Source Serif 4",Georgia,serif;font-size:.78rem;font-weight:620;line-height:1.42}
.qc-research-question-copy>span{color:var(--ink-2);font-size:.61rem;line-height:1.43}
.qc-research-question-check{display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid var(--border-strong);
  border-radius:50%;color:transparent;font-size:.62rem;font-weight:800}.qc-research-question-card.is-selected .qc-research-question-check{
  border-color:var(--ok);background:var(--ok);color:#fff}.qc-research-question-submit{display:flex;justify-content:flex-end;
  padding-top:.15rem}.qc-research-question-submit .btn{min-height:2.55rem}

.qc-idea-result-view .qc-idea-assessment{padding:0;border:0;background:transparent}
.qc-result-head{display:grid;gap:.16rem}.qc-result-head>span{color:var(--ok);font-size:.57rem;
  font-weight:760;letter-spacing:.07em}.qc-result-head h3{font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(1.12rem,2vw,1.4rem);font-weight:620}.qc-result-head p{color:var(--ink-2);font-size:.68rem}
.qc-result-summary{display:grid;grid-template-columns:1.1fr .55fr 1.1fr;border:1px solid var(--border);
  border-radius:.46rem;background:var(--surface);overflow:hidden}.qc-result-summary>section{display:grid;align-content:start;
  gap:.22rem;min-width:0;padding:.68rem .72rem;border-right:1px solid var(--border)}
.qc-result-summary>section:last-child{border-right:0}.qc-result-summary small{color:var(--muted);font-size:.54rem;
  font-weight:700;letter-spacing:.04em}.qc-result-summary b{font-size:.74rem}.qc-result-summary strong{
  color:var(--landing-bronze);font-size:1.18rem}.qc-result-summary span{color:var(--ink-2);font-size:.6rem;line-height:1.42}
.qc-result-summary progress{width:100%;height:.34rem;accent-color:var(--landing-bronze)}
.qc-result-diagram{display:flex;align-items:stretch;gap:.26rem;min-width:0;padding:.7rem;
  border:1px solid var(--landing-line);border-radius:.5rem;background:color-mix(in srgb,var(--landing-head) 34%,var(--surface))}
.qc-result-node{display:grid;grid-template-rows:auto auto minmax(2.8rem,1fr);align-content:start;gap:.24rem;
  flex:1 1 0;min-width:0;padding:.58rem .52rem;border:1px solid var(--border);border-radius:.42rem;
  background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.qc-result-node:hover{border-color:var(--landing-bronze)}.qc-result-node.is-selected{border-color:var(--landing-bronze);
  box-shadow:inset 0 3px 0 var(--landing-bronze);background:var(--accent-soft)}
.qc-result-node-no{color:var(--landing-bronze);font-size:.54rem;font-weight:760}.qc-result-node b{font-size:.68rem}
.qc-result-node>span:last-child{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  color:var(--ink-2);font-size:.58rem;line-height:1.38}.qc-result-arrow{align-self:center;color:var(--landing-bronze);
  font-size:.88rem;font-weight:760}
.qc-result-node-detail{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.35rem .75rem;
  padding:.75rem;border-left:3px solid var(--landing-bronze);background:var(--surface)}
.qc-result-detail-label{display:flex;gap:.4rem;align-items:baseline}.qc-result-detail-label span{color:var(--landing-bronze);
  font-size:.55rem}.qc-result-detail-label b{font-size:.68rem}.qc-result-detail-value{font-family:"Source Serif 4",Georgia,serif;
  font-size:.82rem;line-height:1.48}.qc-result-detail-explanation{grid-column:2;color:var(--muted);font-size:.61rem;line-height:1.42}
.qc-result-next{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.75rem;padding:.65rem .72rem;
  border:1px solid color-mix(in srgb,var(--ok) 42%,var(--border));border-radius:.42rem;background:var(--ok-soft)}
.qc-result-next span{color:var(--ok);font-size:.56rem;font-weight:760}.qc-result-next p{font-size:.7rem;line-height:1.45}
.qc-result-review{border:1px solid var(--border);border-radius:.42rem;background:var(--surface)}
.qc-result-review>summary{padding:.62rem .7rem;cursor:pointer;font-size:.66rem;font-weight:700}
.qc-result-criteria{display:grid;gap:.35rem;padding:0 .65rem .65rem}.qc-result-criteria article{display:grid;
  grid-template-columns:1.4rem minmax(0,1fr);gap:.45rem;padding:.52rem;border:1px solid var(--border);
  border-radius:.36rem;background:var(--surface-2)}.qc-result-criteria article>span{display:grid;place-items:center;
  width:1.25rem;height:1.25rem;border-radius:50%;font-size:.58rem;font-weight:760}
.qc-result-criteria article.is-ready>span{background:var(--ok-soft);color:var(--ok)}
.qc-result-criteria article.is-partial>span{background:var(--warn-soft);color:var(--warn)}
.qc-result-criteria article.is-missing>span{background:var(--danger-soft);color:var(--danger)}
.qc-result-criteria article>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.12rem .5rem}
.qc-result-criteria b{font-size:.65rem}.qc-result-criteria small{color:var(--muted);font-size:.52rem}
.qc-result-criteria p{grid-column:1/-1;color:var(--ink-2);font-size:.61rem;line-height:1.42}
.qc-result-improvement{padding-top:.3rem;border-top:1px solid var(--border);color:var(--landing-bronze)!important}
.qc-result-upgrade{margin:.1rem .65rem .65rem;padding:.6rem .65rem;background:var(--accent-soft)}
.qc-result-upgrade b{font-size:.65rem}.qc-result-upgrade p{margin-top:.2rem;color:var(--ink-2);font-size:.62rem;line-height:1.43}

.qc-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:.55rem}
.qc-field{position:relative;display:grid;gap:.35rem;min-width:0;padding:.65rem;border:1px solid var(--border);
  border-radius:.45rem;background:var(--surface-2)}.qc-field.is-critical{border-top:2px solid var(--landing-bronze)}
.qc-field-top{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.qc-field-top b{font-size:.78rem}
.qc-field-top>span{font-size:.54rem;color:var(--landing-bronze);letter-spacing:.06em}
.qc-field textarea{width:100%;min-height:5.5rem;resize:vertical;border:0;background:transparent;
  color:var(--ink);font:inherit;font-size:.8rem;line-height:1.5}.qc-field textarea:focus{outline:1px solid var(--accent);outline-offset:.25rem}
.qc-field textarea:disabled{opacity:.55;resize:none}.qc-char{justify-self:end;color:var(--muted);font-size:.56rem}
.qc-output-target{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;padding:.62rem .72rem;
  border-left:3px solid var(--landing-bronze);background:var(--accent-soft)}
.qc-output-target>span{padding-top:.12rem;color:var(--landing-bronze);font-size:.56rem;font-weight:750;
  letter-spacing:.08em}.qc-output-target p{color:var(--ink-2);font-size:.76rem;line-height:1.5}

.qc-knowledge-auto{display:grid;gap:.7rem}.qc-knowledge-auto-intro{display:grid;
  grid-template-columns:7rem minmax(0,1fr);gap:.7rem;padding:.65rem .72rem;border-left:3px solid var(--ok);
  background:var(--ok-soft)}.qc-knowledge-auto-intro>span{padding-top:.12rem;color:var(--ok);
  font-size:.56rem;font-weight:780;letter-spacing:.08em}.qc-knowledge-auto-intro>div{display:grid;gap:.12rem}
.qc-knowledge-auto-intro b{font-size:.76rem}.qc-knowledge-auto-intro p{color:var(--ink-2);
  font-size:.68rem;line-height:1.45}.qc-knowledge-map-host{display:grid;min-width:0}
.qc-map-awaiting,.qc-map-error{display:flex;gap:.7rem;align-items:center;padding:1rem;border:1px solid var(--landing-line);
  background:var(--surface)}.qc-map-awaiting>div,.qc-map-error{display:grid;gap:.18rem}.qc-map-awaiting b,
.qc-map-error b{font-family:"Source Serif 4",Georgia,serif;font-size:1rem}.qc-map-awaiting p,.qc-map-error p{
  color:var(--ink-2);font-size:.7rem;line-height:1.48}.qc-map-error{grid-template-columns:minmax(0,1fr) auto}
.qc-map-error .qc-map-retry{grid-column:2;grid-row:1/3}
.qc-map-running{display:grid;gap:.8rem;padding:.85rem;border:1px solid var(--landing-line);
  border-top:3px solid var(--landing-bronze);background:var(--surface)}.qc-map-running-head{display:grid;
  grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:center}.qc-map-running-head>div{display:grid;gap:.1rem}
.qc-map-running-head b{font-family:"Source Serif 4",Georgia,serif;font-size:1rem}.qc-map-running-head p{
  max-width:48rem;color:var(--ink-2);font-size:.67rem;line-height:1.45}.qc-map-progress{display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none}.qc-map-progress li{position:relative;
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:.38rem;padding:.48rem;border-top:2px solid var(--border);
  color:var(--muted)}.qc-map-progress li::before{content:"";position:absolute;top:-2px;left:0;width:0;
  border-top:2px solid var(--landing-bronze);transition:width .25s}.qc-map-progress li.is-current::before,
.qc-map-progress li.is-done::before{width:100%}.qc-map-progress li.is-done::before{border-color:var(--ok)}
.qc-map-progress li>span{display:grid;place-items:center;width:1.4rem;height:1.4rem;border:1px solid currentColor;
  border-radius:50%;font-size:.53rem;font-weight:760}.qc-map-progress li>div{display:grid;gap:.06rem}.qc-map-progress b{
  font-size:.59rem}.qc-map-progress small{font-size:.5rem;line-height:1.35}.qc-map-progress li.is-current{
  color:var(--landing-bronze)}.qc-map-progress li.is-done{color:var(--ok)}
.qc-map-result{display:grid;gap:.65rem;padding:.8rem;border:1px solid var(--landing-line);
  border-top:3px solid var(--landing-bronze);background:color-mix(in srgb,var(--landing-head) 28%,var(--surface))}
.qc-map-result-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;padding:.2rem}
.qc-map-result-head>div:first-child{display:grid;gap:.14rem}.qc-map-result-head>div:first-child>span{color:var(--landing-bronze);
  font-size:.54rem;font-weight:780;letter-spacing:.1em}.qc-map-result-head h3{font-size:clamp(1.08rem,2vw,1.35rem);
  font-weight:630;letter-spacing:-.02em}.qc-map-result-head p{max-width:54rem;color:var(--ink-2);
  font-size:.68rem;line-height:1.48}.qc-map-metrics{display:flex;gap:.35rem}.qc-map-metrics>span{display:grid;
  justify-items:center;min-width:4.1rem;padding:.45rem .5rem;border:1px solid var(--border);background:var(--surface);
  color:var(--muted);font-size:.52rem}.qc-map-metrics b{color:var(--ink);font-size:.85rem}
.qc-map-question{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.7rem;padding:.7rem .75rem;
  border-left:3px solid var(--landing-bronze);background:var(--surface)}.qc-map-question span{color:var(--landing-bronze);
  font-size:.55rem;font-weight:780;letter-spacing:.08em}.qc-map-question p{font-family:"Source Serif 4",Georgia,serif;
  font-size:.86rem;line-height:1.5}.qc-map-pairs{display:grid;border:1px solid var(--border);background:var(--surface)}
.qc-map-pair{display:grid;grid-template-columns:2.8rem minmax(8.5rem,.26fr) minmax(0,1fr);min-width:0;
  border-bottom:1px solid var(--border)}.qc-map-pair:last-child{border-bottom:0}.qc-map-pair-no{display:grid;
  place-items:start center;padding:.72rem .35rem;border-right:1px solid var(--border);color:var(--landing-bronze);
  font-size:.62rem;font-weight:780}.qc-map-pair-label{padding:.72rem;border-right:1px solid var(--border);
  background:var(--surface-2)}.qc-map-pair-label b{font-family:"Source Serif 4",Georgia,serif;font-size:.82rem}
.qc-map-pair-value{display:grid;gap:.45rem;min-width:0;padding:.65rem .72rem}.qc-map-tags{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.qc-map-tags>span{display:grid;gap:.1rem;padding:.45rem .5rem;
  border:1px solid var(--border);border-radius:.35rem;background:var(--surface-2)}.qc-map-tags b{font-size:.65rem}
.qc-map-tags small{color:var(--ink-2);font-size:.56rem;line-height:1.42}.qc-map-list{display:grid;gap:.38rem}
.qc-map-list>div{display:grid;grid-template-columns:minmax(9rem,.34fr) minmax(0,1fr) auto;gap:.55rem;
  align-items:start;padding:.48rem .52rem;border-left:2px solid var(--landing-bronze);background:var(--accent-soft)}
.qc-map-list b{font-size:.65rem}.qc-map-list p{color:var(--ink-2);font-size:.59rem;line-height:1.42}
.qc-map-list small{color:var(--landing-bronze);font-size:.5rem;white-space:nowrap}.qc-map-sources{display:grid;gap:.38rem}
.qc-map-sources article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.14rem .55rem;padding:.52rem .58rem;
  border:1px solid var(--border);border-radius:.35rem;background:var(--surface-2)}.qc-map-sources article>div{
  grid-column:2;grid-row:1;display:flex;gap:.25rem;align-items:center}.qc-map-sources article>div>span:last-child{
  color:var(--landing-bronze);font-size:.56rem}.qc-map-sources a{grid-column:1;grid-row:1;color:var(--ink);
  font-family:"Source Serif 4",Georgia,serif;font-size:.72rem;font-weight:650;line-height:1.4}
.qc-map-sources small,.qc-map-sources p,.qc-map-sources em{grid-column:1/-1}.qc-map-sources small{color:var(--muted);
  font-size:.53rem}.qc-map-sources p{font-size:.58rem;line-height:1.42}.qc-map-sources em{color:var(--landing-bronze);
  font-size:.54rem;font-style:normal;line-height:1.4}.qc-map-knowledge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
.qc-map-knowledge section{padding:.52rem .58rem;border:1px solid var(--border);background:var(--surface-2)}
.qc-map-knowledge b{font-size:.64rem}.qc-map-knowledge ul{display:grid;gap:.25rem;margin:.38rem 0 0;padding-left:1rem}
.qc-map-knowledge li{font-size:.58rem;line-height:1.44}.qc-map-controversies{display:grid;gap:.38rem}.qc-map-controversies article{
  display:grid;grid-template-columns:minmax(9rem,.34fr) minmax(0,1fr);gap:.18rem .6rem;padding:.5rem .55rem;
  border:1px solid var(--border);background:var(--surface-2)}.qc-map-controversies b{font-size:.64rem}
.qc-map-controversies p{font-size:.58rem;line-height:1.42}.qc-map-controversies span{grid-column:2;display:flex;
  gap:.35rem;color:var(--ink-2);font-size:.56rem;line-height:1.42}.qc-map-controversies strong{flex:0 0 auto;
  color:var(--landing-bronze);font-size:.52rem}.qc-map-trace{border:1px solid var(--border);background:var(--surface)}
.qc-map-trace summary{padding:.58rem .65rem;cursor:pointer;color:var(--muted);font-size:.6rem;font-weight:700}
.qc-map-trace>div{display:grid;gap:.3rem;padding:0 .65rem .65rem}.qc-map-trace article{display:grid;
  grid-template-columns:minmax(10rem,.42fr) minmax(0,1fr);gap:.55rem}.qc-map-trace code{overflow-wrap:anywhere;
  color:var(--landing-bronze);font-size:.56rem}.qc-map-trace p,.qc-map-trace span{color:var(--ink-2);
  font-size:.57rem;line-height:1.4}.qc-map-limit{padding-left:.55rem;border-left:2px solid var(--warn)}
.qc-map-result-foot{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.55rem .6rem;
  border-left:3px solid var(--warn);background:var(--warn-soft)}.qc-map-result-foot p{max-width:50rem;color:var(--ink-2);
  font-size:.59rem;line-height:1.42}.qc-map-result-foot .btn{flex:0 0 auto}

.qc-discovery{display:grid;gap:.65rem;padding:.75rem;border:1px solid var(--landing-line);
  border-top:3px solid var(--landing-bronze);background:color-mix(in srgb,var(--landing-head) 35%,var(--surface))}
.qc-discovery-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center}
.qc-discovery-head>div{display:grid;gap:.12rem}.qc-discovery-head b{font-size:.82rem}
.qc-discovery-head span{color:var(--muted);font-size:.64rem;line-height:1.4}.qc-discover{min-height:2.45rem}
.qc-discovery-status>p{color:var(--ink-2);font-size:.7rem;line-height:1.45}
.qc-discovery-summary{display:grid;gap:.2rem}.qc-discovery-summary>strong{font-family:"Source Serif 4",Georgia,serif;
  font-size:1rem}.qc-discovery-summary>p{color:var(--ink-2);font-size:.7rem;line-height:1.5}
.qc-discovery-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);
  margin-top:.35rem;background:var(--surface)}.qc-discovery-metrics>div{display:grid;gap:.05rem;padding:.48rem .58rem;
  border-right:1px solid var(--border)}.qc-discovery-metrics>div:last-child{border-right:0}
.qc-discovery-metrics b{font-size:.9rem}.qc-discovery-metrics span{color:var(--muted);font-size:.55rem}
.qc-discovery-host{display:grid;gap:.55rem}.qc-discovery-claim{display:grid;grid-template-columns:7rem minmax(0,1fr);
  gap:.6rem;padding:.55rem .6rem;border-left:3px solid var(--landing-bronze);background:var(--surface)}
.qc-discovery-claim span{color:var(--landing-bronze);font-size:.58rem;font-weight:730;letter-spacing:.05em}
.qc-discovery-claim p{font-family:"Source Serif 4",Georgia,serif;font-size:.78rem;line-height:1.48}
.qc-search-trace{padding:.45rem .55rem;border:1px solid var(--border);background:var(--surface)}
.qc-search-trace summary{cursor:pointer;color:var(--muted);font-size:.6rem;font-weight:680}
.qc-search-trace>div{display:grid;gap:.3rem;margin-top:.45rem}.qc-search-trace p{display:grid;
  grid-template-columns:minmax(10rem,.7fr) minmax(0,1fr);gap:.5rem;align-items:start}
.qc-search-trace code{overflow-wrap:anywhere;color:var(--landing-bronze);font-size:.58rem}
.qc-search-trace span{color:var(--ink-2);font-size:.6rem;line-height:1.4}
.qc-discovery-stale{display:flex;gap:.45rem;padding:.45rem .55rem;background:var(--warn-soft);font-size:.64rem}
.qc-discovery-stale b{color:var(--warn)}.qc-candidate-list{display:grid;gap:.45rem}
.qc-results-head{display:grid;gap:.12rem;padding:.55rem .65rem;background:var(--surface)}
.qc-results-head h3{font-size:.86rem}.qc-results-head p{color:var(--ink-2);font-size:.68rem;line-height:1.48}
.qc-candidate{display:grid;grid-template-columns:3.3rem minmax(0,1fr);gap:.65rem;padding:.65rem;
  border:1px solid var(--border);border-radius:.45rem;background:var(--surface)}
.qc-candidate.is-high{border-left:3px solid var(--ok)}.qc-candidate.is-medium{border-left:3px solid var(--landing-bronze)}
.qc-candidate.is-low{opacity:.78}
.qc-candidate.is-retracted{border-color:var(--danger);background:var(--danger-soft)}
.qc-candidate-score{display:grid;grid-template-columns:auto auto;place-content:center;align-items:baseline;
  align-self:start;width:3.1rem;height:3.1rem;
  border:1px solid var(--landing-line);border-radius:50%;color:var(--landing-bronze)}
.qc-candidate-score small{grid-column:1/-1;justify-self:center;color:var(--muted);font-size:.42rem}
.qc-candidate-score strong{font-size:1rem}.qc-candidate-score span{font-size:.5rem;color:var(--muted)}
.qc-candidate-main{display:grid;gap:.24rem;min-width:0}.qc-candidate-labels{display:flex;gap:.3rem;flex-wrap:wrap}
.qc-candidate-labels span,.qc-verified,.qc-ai-linked{padding:.14rem .3rem;border-radius:999px;
  background:var(--surface-2);color:var(--muted);font-size:.52rem;font-weight:680}
.qc-verified{background:var(--ok-soft)!important;color:var(--ok)!important}.qc-ai-linked{color:var(--landing-bronze)!important}
.qc-evidence-role{background:var(--accent-soft)!important;color:var(--landing-bronze)!important}
.qc-candidate-labels .is-danger{background:var(--danger-soft);color:var(--danger)}
.qc-candidate h3{font-family:"Source Serif 4",Georgia,serif;font-size:.86rem;font-weight:620;line-height:1.35}
.qc-candidate-meta{overflow-wrap:anywhere;color:var(--muted);font-size:.58rem;line-height:1.4}
.qc-candidate-relation{display:grid;gap:.08rem;padding-top:.12rem}.qc-candidate-relation b,.qc-candidate-check b{
  color:var(--ink);font-size:.61rem}.qc-candidate-relation p{color:var(--ink-2);font-size:.7rem;line-height:1.48}
.qc-candidate-check{display:grid;gap:.08rem;padding:.38rem .46rem;background:var(--surface-2)}
.qc-candidate-check p{color:var(--ink-2);font-size:.64rem;line-height:1.45}
.qc-candidate-actions{display:flex;justify-content:flex-end;gap:.35rem;margin-top:.2rem}
.qc-candidate-actions .btn{font-size:.62rem}.qc-candidate-link{border-color:var(--landing-bronze)}
.qc-discovery-note{padding:.5rem .6rem;border-left:3px solid var(--warn);background:var(--warn-soft);
  color:var(--ink-2);font-size:.62rem;line-height:1.5}
.qc-linked-head{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;
  padding-top:.15rem}.qc-linked-head b{font-size:.76rem}.qc-linked-head span{color:var(--landing-bronze);font-size:.64rem}
.qc-evidence-list{display:grid;gap:.4rem}.qc-evidence{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;
  gap:.45rem;align-items:start;padding:.55rem;border:1px solid var(--border);border-radius:.4rem;background:var(--surface-2)}
.qc-evidence-no{color:var(--landing-bronze);font-size:.58rem}.qc-evidence>div{display:grid;gap:.12rem;min-width:0}
.qc-evidence-title{display:flex!important;align-items:baseline;gap:.35rem;flex-wrap:wrap}
.qc-evidence b{font-size:.76rem}.qc-evidence span,.qc-evidence p{overflow-wrap:anywhere;color:var(--muted);
  font-size:.64rem;line-height:1.4}.qc-evidence .icon-btn{width:1.6rem;height:1.6rem}
.qc-empty{padding:.7rem;border:1px dashed var(--border-strong);color:var(--muted);font-size:.72rem;line-height:1.5}
.qc-manual-evidence{padding:.55rem .65rem;border:1px solid var(--border);background:var(--surface-2)}
.qc-manual-evidence summary{cursor:pointer;font-size:.68rem;font-weight:680}.qc-manual-evidence>p{margin:.4rem 0;
  color:var(--muted);font-size:.62rem;line-height:1.4}
.qc-evidence-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem}
.qc-evidence-form input,.qc-evidence-form select,.qc-evidence-form textarea{min-width:0;font-size:.74rem}
.qc-evidence-form input:nth-of-type(2),.qc-evidence-form textarea,.qc-evidence-form button{grid-column:1/-1}

.qc-confirm{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:start;
  padding:.65rem;border:1px solid var(--border);border-radius:.45rem;background:var(--surface-2);font-size:.76rem}
.qc-confirm input{margin-top:.18rem;accent-color:var(--accent)}.qc-confirm span{display:grid;gap:.12rem}
.qc-confirm small{color:var(--muted);line-height:1.4}.qc-calculate{justify-content:center;min-height:2.7rem}

.qc-validation-host{display:grid;gap:.7rem}.qc-validation-empty{display:grid;justify-items:center;gap:.25rem;
  padding:1.4rem;border:1px dashed var(--border-strong);text-align:center}.qc-validation-empty>span{font-size:1.5rem;color:var(--landing-bronze)}
.qc-validation-empty p{max-width:38rem;color:var(--muted);font-size:.74rem;line-height:1.5}
.qc-score-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:center}
.qc-score{--score:0;display:grid;grid-template-columns:auto auto;place-content:center;align-items:baseline;
  width:5.2rem;height:5.2rem;border-radius:50%;background:radial-gradient(circle,var(--surface) 57%,transparent 59%),
  conic-gradient(var(--ok) calc(var(--score)*1%),var(--border) 0);color:var(--ink)}
.qc-score.is-fail{background:radial-gradient(circle,var(--surface) 57%,transparent 59%),
  conic-gradient(var(--danger) calc(var(--score)*1%),var(--border) 0)}
.qc-score strong{font-size:1.35rem}.qc-score span{font-size:.58rem;color:var(--muted)}
.qc-score-copy{display:grid;gap:.18rem}.qc-score-copy b{font-size:.88rem}.qc-score-copy span{color:var(--muted);font-size:.68rem}
.qc-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.qc-dimensions>div{display:grid;gap:.2rem}
.qc-dimensions span{display:flex;justify-content:space-between;gap:.4rem;font-size:.64rem}.qc-dimensions i{font-style:normal;color:var(--landing-bronze)}
.qc-dimensions progress{width:100%;height:.35rem;accent-color:var(--landing-bronze)}
.qc-validator-list{display:grid;gap:.35rem}.qc-validator{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;
  gap:.45rem;align-items:start;padding:.5rem .58rem;border:1px solid var(--border);border-radius:.4rem;background:var(--surface-2)}
.qc-validator-state{display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;font-weight:750;font-size:.68rem}
.qc-validator.is-pass .qc-validator-state{background:var(--ok-soft);color:var(--ok)}
.qc-validator.is-warn .qc-validator-state{background:var(--warn-soft);color:var(--warn)}
.qc-validator.is-fail .qc-validator-state{background:var(--danger-soft);color:var(--danger)}
.qc-validator b{font-size:.68rem}.qc-validator p{margin-top:.08rem;color:var(--ink-2);font-size:.7rem;line-height:1.4}
.qc-validator small{color:var(--muted);font-size:.54rem}

.qc-gate-panel blockquote{padding:.7rem .8rem;border-left:3px solid var(--landing-bronze);
  background:var(--accent-soft);font-family:"Source Serif 4",Georgia,serif;font-size:.9rem;line-height:1.5}
.qc-progression-host{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border)}
.qc-progression-host>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem;align-items:center;
  padding:.55rem .6rem;border-right:1px solid var(--border);background:var(--surface-2)}
.qc-progression-host>div:last-child{border-right:0}.qc-progression-host>div>span{display:grid;place-items:center;
  width:1.35rem;height:1.35rem;border:1px solid var(--border-strong);border-radius:50%;font-size:.62rem}
.qc-progression-host>div>div{display:grid;gap:.05rem}.qc-progression-host b{font-size:.66rem}
.qc-progression-host small{color:var(--muted);font-size:.55rem}.qc-progression-host .is-ready>span{
  border-color:var(--ok-soft);background:var(--ok-soft);color:var(--ok)}
.qc-progression-host .is-waiting>span{color:var(--muted)}.qc-final-confirm{border-color:var(--landing-line)}
.qc-progression-hint{color:var(--ink-2);font-size:.7rem;line-height:1.45;text-align:center}
.qc-continue{width:100%;min-height:3rem;justify-content:center;font-size:.78rem}
.qc-advanced-gate{padding:.55rem .65rem;border:1px solid var(--border);background:var(--surface-2)}
.qc-advanced-gate summary{cursor:pointer;color:var(--muted);font-size:.64rem;font-weight:680}
.qc-advanced-gate .qc-review-fields{margin-top:.55rem}.qc-advanced-gate .qc-decision-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.55rem}
.qc-review-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(12rem,.7fr);gap:.55rem}
.qc-review-fields label{display:grid;gap:.25rem}.qc-review-fields label>span{font-size:.62rem;font-weight:650;color:var(--muted)}
.qc-review-fields input,.qc-review-fields select,.qc-review-fields textarea{width:100%;font-size:.76rem}
.qc-decision-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem}
.qc-decision{justify-content:center;min-width:0;padding-inline:.45rem;font-size:.68rem;white-space:normal;text-align:center}
.qc-decision.is-pass,.qc-decision.is-pass_with_conditions{border-color:var(--ok);color:var(--ok)}
.qc-decision.is-revise,.qc-decision.is-return_to_stage{border-color:var(--danger);color:var(--danger)}

.qc-audit{position:sticky;top:calc(var(--head-h) + .75rem);display:grid;gap:.6rem;max-height:calc(100vh - var(--head-h) - 2rem);
  overflow:auto;padding:.75rem;border:1px solid var(--border);background:var(--surface)}
.qc-audit ol{display:grid;gap:.45rem;list-style:none}.qc-audit li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);
  gap:.4rem;padding-bottom:.45rem;border-bottom:1px solid var(--border)}.qc-audit li>span{color:var(--landing-bronze);font-size:.58rem}
.qc-audit li div{display:grid;gap:.1rem}.qc-audit li b{font-size:.68rem}.qc-audit li p{color:var(--ink-2);font-size:.62rem;line-height:1.4}
.qc-audit time{color:var(--muted);font-size:.54rem}

@media (max-width:1200px){
  .qc-project-stats{grid-template-columns:repeat(3,minmax(6.5rem,1fr))}
  .qc-work-grid{grid-template-columns:minmax(12.5rem,14rem) minmax(0,1fr)}
  .qc-audit{position:static;grid-column:1/-1;max-height:none}
  .qc-audit ol{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
}
@media (max-width:900px){
  .qc-head{grid-template-columns:1fr}.qc-project-stats{border-left:0;border-top:1px solid var(--landing-line)}
  .qc-work-grid{grid-template-columns:1fr}.qc-action-rail{position:static;overflow-x:auto;padding:.15rem 0}
  .qc-action-rail-head,.qc-action-rail-meter{position:sticky;left:0}
  .qc-action-list{grid-template-columns:repeat(5,minmax(10.5rem,1fr));min-width:52.5rem}
  .qc-action-list::before{left:1rem;right:8.5rem;top:1.38rem;bottom:auto;border-left:0;border-top:2px solid var(--border-strong)}
  .qc-action-list button{height:100%;border:0}
  .qc-action-list li.is-current button{box-shadow:none}
  .qc-assessment-body{grid-template-columns:1fr}.qc-assessment-guidance{
    grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
  .qc-result-diagram{overflow-x:auto}.qc-result-node{min-width:8rem}
  .qc-map-progress{grid-template-columns:1fr}.qc-map-progress li{border-top:0;border-left:2px solid var(--border)}
  .qc-map-progress li::before{top:0;bottom:0;left:-2px;width:auto;height:0;border-top:0;border-left:2px solid var(--landing-bronze)}
  .qc-map-progress li.is-current::before,.qc-map-progress li.is-done::before{width:auto;height:100%}
  .qc-map-progress li.is-done::before{border-left-color:var(--ok)}
  .qc-map-pair{grid-template-columns:2.5rem minmax(7rem,.28fr) minmax(0,1fr)}
  .qc-review-fields{grid-template-columns:1fr 1fr}.qc-review-fields label:nth-child(2){grid-column:1/-1;grid-row:2}
  .qc-decision-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:600px){
  body.is-quality-work .shell{padding:.55rem .45rem 4rem}.qc-head,.qc-stage-head,.qc-panel{padding:.7rem}
  .qc-project-stats{grid-template-columns:1fr}.qc-project-stats>div{border-right:0;border-bottom:1px solid var(--border)}
  .qc-project-stats>div:last-child{border-bottom:0}.qc-series{grid-template-columns:repeat(12,7.3rem)}
  .qc-stage-head{grid-template-columns:auto minmax(0,1fr)}.qc-stage-status{grid-column:1/-1;justify-self:start}
  .qc-field-grid,.qc-dimensions,.qc-review-fields,.qc-decision-grid{grid-template-columns:1fr}
  .qc-action-next{align-items:stretch;flex-direction:column}.qc-action-next>.btn,.qc-action-next-buttons{width:100%}
  .qc-action-next-buttons{display:grid}.qc-action-next-buttons .btn{justify-content:center}
  .qc-assessment-head,.qc-assessment-section-head{align-items:flex-start;flex-direction:column}
  .qc-assessment-score{justify-items:start}.qc-assessment-guidance{grid-template-columns:1fr}
  .qc-assessment-improve{grid-template-columns:1fr}.qc-assessment-improve b{white-space:normal}
  .qc-idea-label{grid-template-columns:1fr}.qc-question{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qc-idea-summary{grid-template-columns:1fr}.qc-idea-summary .btn{justify-self:start}
  .qc-question-progress{grid-template-columns:1fr}.qc-question-progress>div{align-items:baseline}
  .qc-question-focus>.qc-question-copy{grid-template-columns:auto minmax(0,1fr)}
  .qc-research-question-head{align-items:start;flex-direction:column}.qc-research-question-grid{grid-template-columns:1fr}
  .qc-research-question-card{min-height:0}.qc-research-question-submit .btn{width:100%;justify-content:center}
  .qc-question-choices{display:grid}.qc-question-choice{width:100%;border-radius:.4rem}
  .qc-question-nav{align-items:stretch}.qc-question-nav .btn{flex:1;justify-content:center}
  .qc-result-summary{grid-template-columns:1fr}.qc-result-summary>section{border-right:0;border-bottom:1px solid var(--border)}
  .qc-result-summary>section:last-child{border-bottom:0}.qc-result-diagram{display:grid;overflow:visible}
  .qc-result-node{width:100%;min-width:0;grid-template-rows:auto auto auto}.qc-result-arrow{justify-self:center;transform:rotate(90deg)}
  .qc-result-node-detail,.qc-result-next{grid-template-columns:1fr}.qc-result-detail-explanation{grid-column:1}
  .qc-question-field-head,.qc-answer-field-head{min-height:2.25rem;padding:.38rem .4rem;gap:.28rem}
  .qc-question-field-head b,.qc-answer-field-head b{font-size:.6rem}.qc-question-no,.qc-answer-pencil{width:1.3rem;height:1.3rem}
  .qc-question-body{padding:.5rem}.qc-question-body b{font-size:.68rem}.qc-question-body small{font-size:.55rem}
  .qc-answer-field textarea{padding:.48rem .5rem;font-size:.7rem}.qc-answer-count{font-size:.48rem}
  .qc-idea-actions{align-items:stretch;flex-direction:column}
  .qc-idea-count{margin-right:0}.qc-decompose,.qc-example-generate{width:100%}
  .qc-idea-explorer-head{display:grid;align-items:start}.qc-idea-example-grid{grid-template-columns:1fr}
  .qc-idea-example-card{grid-template-columns:auto minmax(0,1fr)}
  .qc-idea-example-action{grid-column:2;justify-self:start}.qc-clarifying-head{display:grid;gap:.1rem}
  .qc-knowledge-auto-intro,.qc-map-question{grid-template-columns:1fr}.qc-map-result-head{grid-template-columns:1fr}
  .qc-map-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.qc-map-metrics>span{min-width:0}
  .qc-map-pair{grid-template-columns:2.4rem minmax(0,1fr)}.qc-map-pair-no{grid-row:1/3}
  .qc-map-pair-label{border-right:0;border-bottom:1px solid var(--border)}.qc-map-pair-value{grid-column:2}
  .qc-map-tags,.qc-map-knowledge{grid-template-columns:1fr}.qc-map-list>div,.qc-map-controversies article{
    grid-template-columns:1fr}.qc-map-list small,.qc-map-controversies span{grid-column:1;white-space:normal}
  .qc-map-sources article{grid-template-columns:1fr}.qc-map-sources article>div{grid-column:1;grid-row:auto;
    justify-content:flex-start}.qc-map-sources a{grid-column:1;grid-row:auto}.qc-map-trace article{grid-template-columns:1fr}
  .qc-map-result-foot{align-items:stretch;flex-direction:column}.qc-map-result-foot .btn{width:100%}
  .qc-map-error{grid-template-columns:1fr}.qc-map-error .qc-map-retry{grid-column:1;grid-row:auto;width:100%}
  .qc-answer-progress{grid-template-columns:1fr}.qc-answer-submit{width:100%}
  .qc-clarification-complete{grid-template-columns:auto minmax(0,1fr)}
  .qc-clarification-complete .btn{grid-column:1/-1;width:100%}.qc-history-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qc-discovery-head,.qc-discovery-claim{grid-template-columns:1fr}.qc-discover{width:100%}
  .qc-search-trace p{grid-template-columns:1fr}
  .qc-discovery-metrics{grid-template-columns:1fr 1fr}.qc-discovery-metrics>div:nth-child(2){border-right:0}
  .qc-discovery-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .qc-candidate{grid-template-columns:1fr}.qc-candidate-actions{justify-content:stretch;flex-direction:column}
  .qc-candidate-actions .btn{width:100%;justify-content:center}
  .qc-progression-host{grid-template-columns:1fr 1fr}.qc-progression-host>div:nth-child(2){border-right:0}
  .qc-progression-host>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .qc-advanced-gate .qc-decision-grid{grid-template-columns:1fr 1fr}
  .qc-review-fields label:nth-child(2){grid-column:auto;grid-row:auto}.qc-score-row{align-items:start}
  .qc-evidence-form{grid-template-columns:1fr}.qc-evidence-form>*{grid-column:auto!important}
  .qc-output-target{grid-template-columns:1fr}.qc-validator{grid-template-columns:1.4rem minmax(0,1fr)}
  .qc-validator small{grid-column:2}
}

/* ═════════ БАРИМТЫН ГОРИМ — /automation* ═════════
   Автоматжуулалтын хуудсууд порталын бүрхүүлгүй, бие даасан баримт
   хэлбэрээр гарна: хажуугийн багана, урсгалын цэс, хайлт нуугдана.
   Нүүрний бүлээн бронз-цаасан хэлээ хадгална. */
body.is-doc{--landing-bronze:#8f7440;--landing-line:#b8ad98;--landing-head:#e8dfca}
[data-theme=dark] body.is-doc{--landing-bronze:#c7a960;--landing-line:#5a5549;--landing-head:#302b20}
body.is-doc .shell{grid-template-columns:minmax(0,1fr);max-width:78rem;
  padding:clamp(1.2rem,3vw,2.4rem) clamp(1rem,4vw,3rem) 5rem}
body.is-doc .rail,body.is-doc .bottombar,body.is-doc .topbar .search{display:none}
body.is-doc .center{max-width:none;gap:0}

.doc{display:grid;gap:clamp(1.4rem,3vw,2.4rem)}
.doc-head{display:grid}
.doc-eyebrow{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  padding-bottom:.55rem;border-bottom:1px solid var(--landing-line);
  font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--landing-bronze)}
.doc-eyebrow a{color:inherit}
.doc-eyebrow a:hover{text-decoration:underline;text-underline-offset:3px}
.doc-title{margin-top:clamp(.9rem,2vw,1.4rem);font-size:clamp(1.5rem,4.4vw,2.7rem);
  font-weight:600;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
.doc-title-no{color:var(--landing-bronze);margin-right:.55rem}
.doc-lead{margin-top:.9rem;max-width:46rem;font-size:clamp(.98rem,1.5vw,1.12rem);
  line-height:1.68;color:var(--ink-2)}
.doc-facts{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:1.1rem;padding-top:.7rem;
  border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}
.doc-facts b{color:var(--ink);font-weight:640}

/* Индексийн модулийн сүлжээ — нүүрний картуудтай нэг хэл */
.doc-modules{display:grid;gap:1px;background:var(--card-gutter);
  border:1px solid var(--landing-line);
  grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}
.doc-module{position:relative;display:grid;gap:.3rem;align-content:start;
  padding:clamp(1rem,2vw,1.5rem);min-height:9.5rem;
  background:radial-gradient(128% 128% at 50% 40%,var(--card-core) 0%,var(--card-mid) 62%,var(--card-edge) 100%);
  box-shadow:inset 0 0 1.1rem var(--card-rim);transition:.18s}
.doc-module:hover{box-shadow:inset 0 2px 0 var(--accent),inset 0 0 2.4rem -.5rem
  color-mix(in srgb,var(--accent) 26%,transparent),inset 0 0 1rem var(--card-rim)}
.doc-module-no{font-size:.62rem;font-weight:700;letter-spacing:.15em;color:var(--module-no)}
.doc-module b{font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.05rem;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.doc-module-goal{font-size:.76rem;line-height:1.45;color:var(--muted)}
.doc-module-go{position:absolute;right:1rem;bottom:.9rem;color:var(--accent);opacity:0;
  transition:.18s}
.doc-module:hover .doc-module-go{opacity:1}

/* Хоёр баганат унших байрлал */
/* ⚠ `.doc-grid` УСТГАГДСАН (2026-08-18) — зүүн зурвас бие даасан багана
   болсон тул хоёр баганат дотоод тор шаардлагагүй болов. Байрлалын дүрэм
   нь одоо `.doc-one` дээр (доод «ЗҮҮН ЗУРВАС» хэсгийг үз). */
.doc-side{display:grid;gap:.7rem;align-content:start;font-size:.82rem}
@media (min-width:1000px){.doc-side{position:sticky;top:calc(var(--head-h) + 1rem)}}
.doc-side-back{color:var(--landing-bronze);font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-side-back:hover{text-decoration:underline;text-underline-offset:3px}
/* Зурвасын тоон баримт — доорх хэсгүүд рүү шилжих холбоос (гар зураг: тоологч
   ДЭЭР, 10 үе шатын жагсаалт ДООР). */
.side-jumps{display:grid;gap:.05rem;padding-bottom:.5rem;margin-bottom:.1rem;
  border-bottom:1px solid var(--border)}
.side-jump{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.4rem;
  align-items:baseline;width:100%;padding:.26rem .35rem;border:0;border-radius:.3rem;
  background:none;font:inherit;font-size:.8rem;color:var(--muted);
  text-align:left;cursor:pointer;transition:.14s}
.side-jump:hover{background:var(--surface-2);color:var(--ink)}
.side-jump b{font-size:.88rem;font-weight:700;color:var(--accent)}
.side-jump:only-child,.side-jump:last-child{color:var(--landing-bronze,var(--muted))}
.side-jump:last-child{grid-template-columns:minmax(0,1fr);font-weight:600}
.side-ford{display:block;padding:.3rem .35rem;margin-bottom:.35rem;
  font-size:.76rem;color:var(--landing-bronze,var(--muted))}
.side-ford:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.doc-side-list{display:grid;gap:.05rem;border-left:1px solid var(--border);list-style:none}
.doc-side-list a{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.4rem;
  padding:.3rem .55rem;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);
  transition:.14s}
.doc-side-list a:hover{color:var(--ink);background:var(--surface-2)}
.doc-side-list a.is-cur{border-left-color:var(--accent);color:var(--ink);font-weight:600}
.doc-side-list .tabular{color:var(--module-no)}
.doc-side-move{display:flex;justify-content:space-between;gap:.5rem;padding-top:.5rem;
  border-top:1px solid var(--border);color:var(--ink-2)}
.doc-side-move a:hover{color:var(--accent)}

.doc-body{display:grid;gap:clamp(1.4rem,3vw,2.2rem);min-width:0}
.doc-sec{display:grid;gap:.7rem;min-width:0}
.doc-h2{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:baseline;
  padding-bottom:.45rem;border-bottom:1px solid var(--border);
  font-size:clamp(1rem,2vw,1.2rem);font-weight:620;letter-spacing:-.02em}
.doc-h2 .tabular{font-size:.72rem;font-weight:700;color:var(--landing-bronze);letter-spacing:.08em}
.doc-p{line-height:1.7;color:var(--ink-2);max-width:44rem}
.doc-note{font-size:.85rem;color:var(--muted)}
.doc-cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}
.doc-foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));
  gap:.6rem;padding-top:1rem;border-top:1px solid var(--landing-line)}
.doc-one .gate{border-left-width:3px}

/* ═════════ Шатны тооцоолуур ═════════ */
.workbench{gap:.8rem}
.wb-form{display:grid;gap:.6rem}
.wb-ask{font-size:.95rem;font-weight:560;color:var(--ink)}
.workbench textarea{width:100%;min-height:4.6rem}
.wb-row{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr))}
.wb-row .btn{white-space:nowrap}
.run-area{display:grid;gap:.7rem}
.run-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:.3rem;
  border-top:1px solid var(--border)}
.run-out{display:grid;gap:1rem}
.run-lead{font-size:clamp(.95rem,1.5vw,1.06rem);line-height:1.7;color:var(--ink);
  padding-left:.8rem;border-left:3px solid var(--accent)}
/* ⚠ `align-content:start` — гаралтын талбар нь баганат сүлжээний нүд тул
   өндөр нь хөрш талбараар сунадаг. Үүнгүйгээр богино бичвэр нүдний
   ЁРООЛД унаж, шошгоосоо тасарч харагдана (2026-08-26-нд ①-ийн 05
   алхам арван нэгэн талбартай болоход илэрсэн). */
.run-field{display:grid;gap:.4rem;align-content:start}
.run-h{display:flex;align-items:baseline;gap:.4rem;font-size:.72rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--landing-bronze,var(--muted))}
.run-rows{display:grid;gap:.45rem}
.run-row{display:grid;grid-template-columns:1.9rem minmax(0,1fr);gap:.5rem;
  padding:.6rem .7rem;border:1px solid var(--border);border-radius:.55rem;
  background:var(--surface-2)}
.run-row-no{color:var(--accent);font-size:.68rem;font-weight:700;padding-top:.18rem}
.run-row-body{display:grid;gap:.28rem;min-width:0}
.run-row-body>b{font-weight:640;line-height:1.5}
.run-kv{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.5rem;font-size:.86rem;
  line-height:1.5;color:var(--ink-2)}
.run-k{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);
  padding-top:.12rem}
@media (max-width:560px){.run-kv{grid-template-columns:1fr;gap:.1rem}}
.save-lab{padding-top:.6rem;border-top:1px dashed var(--border-strong)}
.save-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.save-row select{max-width:min(22rem,100%)}

/* ═════════ ① СУДАЛГААНЫ ЧИГЛЭЛИЙН ЗУРАГЛАЛ — ГУРВАН БАГАНАТ ХӨТӨЧ ═════════
   Хуудасны бүтэн өргөнийг ашиглана: зүүн багана — сэдэв ба чиглэлүүд,
   гол — дэд чиглэлүүд, баруун — сонгосон чиглэлийн судлагдсан байдал.
   ⚠ CSS класс (.tree-area, .canopy, .leaf, .angle-item) нь дотоод нэр тул
   ХЭВЭЭР. Хэрэглэгчид харагдах бичвэрт «мод», «мөчир», «зангилаа» гэх
   зүйрлэл хэрэглэхгүй — app.js:2253 дахь тайлбарыг үз. */
.tree-area{display:grid;gap:.6rem}
.explorer{display:grid;gap:.6rem}
.canopy{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.55rem .7rem;
  border:1px solid var(--border);border-radius:.6rem;background:var(--surface-2)}
.canopy-label{font-size:.6rem;font-weight:700;letter-spacing:.13em;
  color:var(--landing-bronze,var(--muted))}
.canopy-items{display:flex;gap:.35rem;flex-wrap:wrap}
.canopy-item{display:inline-flex;align-items:baseline;gap:.3rem;padding:.22rem .55rem;
  border-radius:999px;background:var(--surface);border:1px solid var(--border-strong);
  font-size:.78rem}
.canopy-item i{font-style:normal;font-size:.64rem;color:var(--muted)}

.ex-grid{display:grid;gap:.6rem;align-items:start;
  grid-template-columns:minmax(15rem,17rem) minmax(0,1fr) minmax(17rem,21rem)}
@media (max-width:1300px){
  .ex-grid{grid-template-columns:minmax(13rem,15rem) minmax(0,1fr)}
  .ex-detail{grid-column:1/-1}
}
@media (max-width:820px){ .ex-grid{grid-template-columns:1fr} }
.ex-col{display:grid;gap:.45rem;align-content:start;min-width:0}
.ex-col-h{display:flex;gap:.5rem;align-items:baseline;padding:.35rem .1rem;
  font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);border-bottom:1px solid var(--border)}
.ex-empty{display:grid;gap:.25rem;padding:1.2rem 1rem;border:1px dashed var(--border-strong);
  border-radius:.6rem;text-align:center;color:var(--ink-2)}
.root-card{display:grid;gap:.15rem;padding:.7rem .8rem;border:2px solid var(--accent);
  border-radius:.6rem;background:var(--accent-soft)}
.root-label{font-size:.56rem;font-weight:700;letter-spacing:.13em;color:var(--accent)}
.root-card b{font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.02rem;font-weight:600;line-height:1.3}

/* Зүүн багана — чиглэлүүд */
.angle-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;
  align-items:center;width:100%;padding:.5rem .6rem;border:1px solid var(--border);
  border-radius:.55rem;background:var(--surface);color:inherit;font:inherit;
  text-align:left;cursor:pointer;transition:.14s}
.angle-item:hover{border-color:var(--accent);background:var(--surface-2)}
.angle-item.is-on{border-color:var(--accent);background:var(--accent-soft)}
.angle-main{display:grid;gap:.1rem;min-width:0}
.angle-main b{font-size:.9rem;font-weight:620;line-height:1.3}
.angle-main .hint{font-size:.72rem;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.angle-mark{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;
  background:var(--surface-2);color:var(--muted);font-size:.74rem;font-weight:700}
.angle-item.is-on .angle-mark{background:var(--accent);color:var(--accent-fg)}

/* Хэлхээний зурвас — оролтын картын ДЭЭР (эзний шаардлага 2026-08-18).
   Дугаарласан баримтын хэсэг БИШ тул шошго нь жижиг, тод бус. */
.tl-strip{display:grid;gap:.7rem;padding:clamp(.7rem,1.6vw,1rem) clamp(.8rem,1.8vw,1.1rem);
  border-radius:.7rem;border:1px solid var(--border);background:var(--surface-2)}
.tl-strip-h{margin:0;font-size:.62rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--landing-bronze,var(--muted))}

/* ═════════ АЖИЛЛАГААНЫ ДАРААЛАЛ — ЦАГИЙН ХЭЛХЭЭ ═════════
   Эзний шаардлага (2026-08-18): зүүнээс баруун чиглэлтэй time line.
   ⚠ Хэвтээ гүйлт гаргахгүй — багана `auto-fit`-ээр эгнээ болж бөөгнөрнө.
   Тэнхлэгийн зураас эгнээний төгсгөлд `overflow:hidden`-д хайчлагдана:
   «дараагийн эгнээнд үргэлжилнэ» гэсэн уншилт. */
.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));
  gap:1rem .2rem;margin:0;padding:0;list-style:none;overflow:hidden}
.tl-i{position:relative;display:grid;justify-items:center;gap:.4rem;
  padding:0 .15rem;min-width:0}
/* Тэнхлэг: энэ зангилааны баруун талаас дараагийн зангилааны зүүн тал хүртэл.
   Дараагийн элементийн төв нь 150%-д тул 50%+1rem → 150%−1rem. */
.tl-i::before{content:"";position:absolute;top:.78rem;left:calc(50% + 1rem);
  width:calc(100% - 2rem);height:2px;
  background:linear-gradient(90deg,var(--border-strong),var(--accent))}
.tl-i.is-last::before{display:none}
/* Чиглэлийн сум — тэнхлэгийн төгсгөлд */
.tl-i::after{content:"";position:absolute;top:.5rem;left:calc(150% - 1rem);
  width:.42rem;height:.42rem;transform:rotate(45deg);
  border-top:2px solid var(--accent);border-right:2px solid var(--accent)}
.tl-i.is-last::after{display:none}
.tl-dot{position:relative;z-index:1;display:grid;place-items:center;
  width:1.6rem;height:1.6rem;border-radius:50%;
  background:var(--accent);color:var(--accent-fg);
  font-size:.62rem;font-weight:700;
  box-shadow:0 0 0 3px var(--paper,var(--surface))}
.tl-t{font-size:.74rem;line-height:1.3;text-align:center;color:var(--ink-2);
  overflow-wrap:anywhere}
.tl-i.is-last .tl-t{font-weight:640}

/* ── АМЬД ТӨЛӨВ (эзний шаардлага, 2026-08-18) ────────────────────────
   ажилласан = ногоон · ажиллаж байна = шар + цохилт · ажиллаагүй = саарал.
   Өнгө нь төслийн УТГА БҮХИЙ токеноос (--t-ok / --t-warn / --t-mute) —
   шинэ өнгө зохиогүй. ⚠ Өнгө нь ЦОРЫН ГАНЦ дүрс биш: ажилласан нь ✓,
   ажиллаж байна нь цохилох, ажиллаагүй нь бүдэг — өнгө сохор хүнд ч
   ялгарна. `title` ба `aria-current` мөн төлөвийг хэлнэ. */
.timeline.is-live .tl-i .tl-dot{transition:background .2s,color .2s,box-shadow .2s}

/* ажиллаагүй */
.timeline.is-live .tl-i.is-todo .tl-dot{background:var(--t-mute-bg);
  color:var(--t-mute);box-shadow:0 0 0 1px var(--t-mute-line) inset,
  0 0 0 3px var(--paper,var(--surface))}
.timeline.is-live .tl-i.is-todo .tl-t{color:var(--muted);opacity:.75}
.timeline.is-live .tl-i.is-todo::before{background:var(--t-mute-line)}
.timeline.is-live .tl-i.is-todo::after{border-color:var(--t-mute-line)}

/* ажилласан */
.timeline.is-live .tl-i.is-done .tl-dot{background:var(--t-ok);color:#fff}
.timeline.is-live .tl-i.is-done .tl-t{color:var(--ink)}
.timeline.is-live .tl-i.is-done::before{background:var(--t-ok)}
.timeline.is-live .tl-i.is-done::after{border-color:var(--t-ok)}
/* Дугаарын оронд ✓ — өнгөнөөс гадна ДҮРС ялгаа */
.timeline.is-live .tl-i.is-done .tl-dot{font-size:0}
.timeline.is-live .tl-i.is-done .tl-dot::after{content:"✓";font-size:.8rem;
  font-weight:700;line-height:1}

/* ажиллаж байна */
.timeline.is-live .tl-i.is-run .tl-dot{background:var(--t-warn);color:#fff;
  animation:tl-pulse 1.1s ease-in-out infinite}
.timeline.is-live .tl-i.is-run .tl-t{color:var(--ink);font-weight:640}
.timeline.is-live .tl-i.is-run::before{background:linear-gradient(90deg,
  var(--t-warn),var(--t-mute-line))}
.timeline.is-live .tl-i.is-run::after{border-color:var(--t-mute-line)}
@keyframes tl-pulse{
  0%,100%{box-shadow:0 0 0 3px var(--paper,var(--surface)),
                     0 0 0 3px color-mix(in srgb,var(--t-warn) 55%,transparent)}
  50%    {box-shadow:0 0 0 3px var(--paper,var(--surface)),
                     0 0 0 8px color-mix(in srgb,var(--t-warn) 0%,transparent)}
}
@media (prefers-reduced-motion:reduce){
  .timeline.is-live .tl-i.is-run .tl-dot{animation:none;
    box-shadow:0 0 0 3px var(--paper,var(--surface)),
               0 0 0 3px color-mix(in srgb,var(--t-warn) 55%,transparent)}
}

/* Тайлбар — гурван өнгө юу гэсэн үг вэ */
.tl-key{display:flex;flex-wrap:wrap;gap:.15rem .9rem;padding-top:.15rem;
  font-size:.68rem;color:var(--muted)}
.tl-key span{display:inline-flex;align-items:center;gap:.3rem}
.tl-key i{width:.6rem;height:.6rem;border-radius:50%;font-style:normal}
.tl-key .k-done i{background:var(--t-ok)}
.tl-key .k-run i{background:var(--t-warn)}
.tl-key .k-todo i{background:var(--t-mute-bg);box-shadow:0 0 0 1px var(--t-mute-line) inset}

/* Нарийн дэлгэц — БОСОО хэлхээ (хэвтээ нь 1–2 багана болоод уншигдахаа болино) */
@media (max-width:520px){
  .timeline{grid-template-columns:minmax(0,1fr);gap:.1rem}
  .tl-i{grid-template-columns:1.6rem minmax(0,1fr);justify-items:start;
    align-items:center;gap:.6rem;padding:.3rem .15rem}
  .tl-i::before{top:calc(50% + .9rem);left:.78rem;width:2px;
    height:calc(100% - 1.8rem);
    background:linear-gradient(180deg,var(--border-strong),var(--accent))}
  .tl-i::after{top:calc(150% - 1rem);left:.5rem;
    transform:rotate(135deg)}
  .tl-t{text-align:left}
}

/* ═════════ /ford — АНГИЛЛЫН ЛАВЛАХ ═════════ */
.ford-table{display:grid;gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:.5rem;overflow:hidden}
.ford-row{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:.7rem;
  padding:.5rem .7rem;background:var(--surface)}
.ford-row > b{color:var(--accent);font-size:.82rem;padding-top:.1rem}
.ford-row.is-broad{background:var(--surface-2)}
.ford-row.no-code{grid-template-columns:minmax(0,1fr)}
.ford-row .chip{margin-top:.15rem}
.ford-table + .run-h{margin-top:1rem}
.ford-row.is-broad > div > b{font-size:1rem;font-weight:700}
.ford-row > div > b{font-size:.9rem;font-weight:640}
.ford-en{display:block;font-size:.72rem;color:var(--muted);font-style:italic}
.ford-scope{margin:.2rem 0 0;font-size:.8rem;line-height:1.5;color:var(--ink-2);
  text-align:justify;text-justify:inter-word;hyphens:auto;text-align-last:start}
.ford-src{display:grid;gap:.5rem;margin:0;padding-left:1.4rem}
.ford-src li{font-size:.82rem;line-height:1.6;color:var(--ink-2)}
.ford-src a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;
  overflow-wrap:anywhere}
@media (max-width:560px){ .ford-row{grid-template-columns:2.6rem minmax(0,1fr);gap:.45rem} }

/* FORD код — олон улсын ангиллын албан ёсны тэмдэглэгээ. Кодыг үргэлж
   монгол нэрийн ХАЖУУД харуулна: код нь баталгаажсан, нэр нь ажлын
   хөрвүүлэлт (МЕТАСИГ лавлах 1.0-ийн тэмдэглэлийг үз). */
.ford-code{flex:none;padding:.06rem .3rem;border-radius:.25rem;
  background:var(--accent);color:var(--accent-fg);
  font-size:.6rem;font-weight:700;letter-spacing:.02em}
.angle-domain .ford-code{margin-right:.1rem}
.leaf-top .ford-code{align-self:center}

/* Гол багана — нарийн чиглэлүүд */
.leafs{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr))}
.leaf{display:grid;gap:.4rem;align-content:start;padding:.65rem .75rem;border-radius:.6rem;
  border:1px solid var(--border);border-left:3px solid hsl(var(--leaf-hue) 45% 45%);
  background:var(--surface);box-shadow:var(--shadow);cursor:pointer;transition:.14s}
.leaf:hover{border-color:var(--accent);transform:translateY(-1px)}
.leaf.is-open{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.leaf.is-picked{border-left-color:var(--accent)}
.leaf-top{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.leaf-pick{width:1.6rem;height:1.6rem;display:grid;place-items:center;flex:none;
  border:1px solid var(--border-strong);border-radius:.4rem;background:var(--surface-2);
  color:var(--muted);font-size:.76rem;cursor:pointer;transition:.14s}
.leaf-pick:hover{border-color:var(--accent);color:var(--accent)}
.leaf-pick.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.leaf-disc{font-size:.6rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:hsl(var(--leaf-hue) 42% 38%)}
[data-theme=dark] .leaf-disc{color:hsl(var(--leaf-hue) 55% 68%)}
.leaf-title{font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:.98rem;font-weight:600;line-height:1.3}
.leaf-path{display:flex;gap:.35rem;align-items:baseline;font-size:.76rem;color:var(--muted)}
.leaf-path i{color:var(--accent);font-style:normal}
.leaf-levels{display:grid;gap:.35rem}
.lvl{display:grid;gap:.15rem;padding:.35rem .5rem;border-radius:.45rem;
  background:var(--surface-2);font-size:.75rem;color:var(--ink-2)}
.lvl i{font-style:normal;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted)}
.lvl-user{font-weight:600}
.meter{display:flex;gap:2px}
.meter i{display:block;width:100%;height:.3rem;border-radius:1px;background:var(--border-strong)}
.meter i.on{background:var(--accent)}

/* Баруун багана — дэлгэрэнгүй */
/* Дэлгэрэнгүй самбар: толгой нь ДЭЭРЭЭ БЭХЛЭГДЭЖ, урт бичвэр нь самбар
   дотроо гүйнэ. Ингэснээр «үргэлжлүүлэх» товч үргэлж харагдана. */
.ex-detail{position:sticky;top:calc(var(--head-h) + .6rem);
  display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;
  max-height:calc(100dvh - var(--head-h) - 1.6rem);
  border:1px solid var(--accent);border-radius:.7rem;background:var(--surface);
  box-shadow:0 .6rem 2rem -1rem color-mix(in srgb,var(--ink) 35%,transparent)}
.ex-detail-head{display:grid;gap:.4rem;padding:.7rem .8rem;flex:none;
  border-bottom:1px solid var(--border);background:var(--surface-2)}
.ex-detail-head .ex-col-h{padding:0;border:0}
.ex-detail-head .btn.primary{margin-top:.2rem;justify-self:stretch;text-align:center}
.ex-detail-body{flex:1;min-height:0;overflow-y:auto;padding:.7rem .8rem;
  overscroll-behavior:contain}
.ex-detail .node-detail{margin:0;padding:0;border:0}
@media (max-width:1300px){
  .ex-detail{position:static;max-height:none}
  .ex-detail-body{overflow:visible}
}
.node-detail{display:grid;gap:.25rem;margin:.5rem 0;padding-top:.5rem;
  border-top:1px dashed var(--border-strong)}
.node-detail dt{font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.node-detail dd{margin:0 0 .3rem;font-size:.84rem;line-height:1.55;color:var(--ink-2)}
.tree-filters{display:flex;gap:.3rem;flex-wrap:wrap}
.tree-filters select{max-width:11rem;font-size:.74rem;padding:.22rem .4rem}

/* Харьцуулалт */
.cmp-wrap{display:grid;gap:.6rem}
.cmp{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);
  border-radius:.5rem;overflow:hidden}
.cmp-row{display:grid;grid-template-columns:minmax(8rem,1.4fr) repeat(5,minmax(6rem,1fr));
  gap:1px;background:var(--border)}
.cmp-row>*{background:var(--surface);padding:.45rem .55rem;font-size:.8rem;line-height:1.4}
.cmp-head>*{background:var(--surface-2);font-size:.66rem;text-transform:uppercase;
  letter-spacing:.05em;color:var(--muted)}
@media (max-width:760px){ .cmp-row{grid-template-columns:1fr 1fr} .cmp-head{display:none} }
/* Гинжин алхмууд */
.chain-area{display:grid;gap:.6rem;margin-top:1rem}
.chain-head{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;padding:.6rem .75rem;
  border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 .5rem .5rem 0}
.step-card{display:grid;gap:.5rem;padding:.7rem .8rem;border:1px solid var(--border);
  border-radius:.6rem;background:var(--surface)}
.step-card.is-done{border-color:color-mix(in srgb,var(--ok) 45%,var(--border))}
.step-head{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}
.step-no{color:var(--accent);font-size:.7rem;font-weight:700}
.chain-foot{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;padding-top:.5rem;
  border-top:1px solid var(--border)}

/* ① хуудсанд ажлын талбар бүтэн өргөнөөр */
.doc-one .doc-main > .workbench .wb-ask{font-size:1.02rem}

/* ⚠ 2026-08-18: энд ГУРВАН БАГАНАТ ХӨТӨЧИЙН блокийн ХУУЧИН хувилбар
   бүрэн давхардаж байсныг устгав. Хуучин `.ex-detail` нь дээрх ШИНЭ
   (бэхлэгдсэн толгойтой, дотроо гүйдэг) тодорхойлолтыг дарж байсан. */

/* ⚠ 2026-08-18: `.seed`-ийн ХУУЧИН тодорхойлолт (textarea, .seed-head,
   .seed-label, .seed-help, .seed-legend, .seed-foot — интерфейст аль хэдийн
   хэрэглэгдэхээ больсон) энд байсныг устгав. Одоо `.seed` бүхэлдээ доод
   «СЭДЭВ ОРУУЛАХ» хэсэгт НЭГ ЛЭ УДАА тодорхойлогдоно. */

/* ── ① — БҮХ ХЭСЭГ НЭГ ХҮРЭЭНД. Өмнө нь гарчиг 74rem-д төвлөрч, ажлын
   талбар ирмэгээс ирмэг, оролт 64rem-д хөвж, тайлбар хамгийн зүүнд байсан
   тул дээд хэсэг эмх замбараагүй харагдаж байв. Одоо бүгд ижил хажуугийн
   зайтай, ижил өргөнтэй. ── */
body.is-doc .shell{max-width:none;padding-inline:clamp(1rem,3vw,2.5rem)}
.doc-one .doc-head,
.doc-one .doc-main > .workbench,
.doc-one .doc-body{max-width:none;width:100%}
/* ⚠ ГАДНА ТАЛЫН ХАЙРЦАГ АВАГДСАН (2026-08-18). Өмнө нь цагаан карт дотор
   алтан карт, түүн дотор оролтын хүрээ гэсэн ГУРВАН давхар хайрцаг байсан тул
   аль нь ажлын талбар болох нь мэдэгдэхгүй байв. Дотоод самбарууд
   (`.seed`, `.seed-flow`, `.explorer`) өөрсдөө хүрээтэй. */
.doc-one .doc-main > .workbench{padding:0;background:none;border:0}
/* Бичвэр хэт урт мөр болохоос сэргийлж ЗӨВХӨН уншлагын блокуудыг хязгаарлана */
/* Хоосон байхад зай эзлэхгүй */
.tree-area:empty,.chain-area:empty{display:none}
.doc-one .chain-area{max-width:58rem}



/* ═════════ БИЧВЭРИЙН ТЭГШЛЭЛТ ═════════
   Эзний шийдвэр (2026-08-17): урсгал бичвэр мөрийн ЭХЛЭЛ БА ТӨГСГӨЛӨӨС
   зэрэгцсэн (justify) байна. ⚠ Зөвхөн ПРОЗЫН блокт — шошго, товч, чип,
   хүснэгтийн нүд, хэмжүүрийн бичээст хэрэглэхгүй (нарийн талбарт үгийн
   хооронд нүх үүсгэдэг). Мөрийн сүүлчийн мөр зүүн тэгшлэлтэй хэвээр. */
.doc-lead, .doc-p, .doc-note, .auto-lead, .seed-guide,
.stage-goal, .stage-summary, .run-lead, .closing-t, .plan-mission,
.benefit p, .gate p, .split-half p, .found-i p,
.point span, .profile-bio, .lab-intro p, .lab-summary,
.blockers li, ul.tight li, .step-card .run-out .doc-p{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
  text-align-last:start;
}
/* ⚠ Гурван баганат хөтөчийн БАРУУН самбар (≈336px) болон бусад нарийн
   талбарт justify хийхгүй — тийм өргөнд үгийн хооронд нүх үүсдэг. */
.node-detail dd, .ex-empty p, .lvl, .angle-main .hint,
.doc-one .doc-head .doc-lead{text-align:start}
/* ⚠ ШОШГО ЗЭРЭГЦҮҮЛЭХГҮЙ (2026-08-26). `.run-kv` нь сүлжээ тул түүнд
   тавьсан `text-align:justify` нь ШОШГЫН нүдэнд ч хүчин төгөлдөр болж,
   «АЛЬ    ДУТАГДЛЫГ БАРИХ» гэх мэт үг хооронд нүхтэй, эвдэрсэн мэт
   бичвэр гаргаж байв. Дүрмийн өөрийнх нь тайлбар үүнийг хориглодог:
   «Товч, шошго, чип, дугаар зэрэг НЭГ МӨРИЙН элементэд хамаарахгүй». */
.run-k, .run-group-t, .run-group-n, .run-verdict{
  text-align:start;text-justify:auto;hyphens:manual}

/* Толгойн тэнцвэр: өргөн дэлгэцэд оршил зүүнд, тоон баримт баруун доод
   буланд — эс тэгвэл баруун тал хоосон үлдэж, гарчиг тэнцвэргүй харагдана. */
@media (min-width:1100px){
  .doc-head{display:grid;grid-template-columns:minmax(0,1fr) auto;
            column-gap:clamp(2rem,5vw,5rem);align-items:end}
  .doc-eyebrow,.doc-title{grid-column:1/-1}
  .doc-lead{grid-column:1;margin-bottom:.2rem}
  .doc-facts{grid-column:2;display:grid;justify-items:end;gap:.3rem;
             margin-top:0;padding-top:0;border-top:0;text-align:right;white-space:nowrap}
  .doc-facts::before{content:"";display:block;width:2.5rem;height:2px;
                     background:var(--accent);margin-bottom:.35rem}
}

/* ═════════ УТГА БҮХИЙ ӨНГӨНИЙ ТОГТОЛЦОО ═════════
   Өмнө нь бүх шошго ижил алтан өнгөтэй байсан тул төлөв хоорондоо
   ялгарахгүй байв. Одоо өнгө нь УТГА заана. */
:root{
  --t-ok:#3d7a51;   --t-ok-bg:#e6f0e8;   --t-ok-line:#a8c9b2;
  --t-warn:#8f6512; --t-warn-bg:#f7eed8; --t-warn-line:#d8bd7e;
  --t-info:#3a5da3; --t-info-bg:#e6ecf8; --t-info-line:#a9bce2;
  --t-alert:#a03a30; --t-alert-bg:#f8e8e6; --t-alert-line:#dfa9a2;
  --t-mute:#6f7783; --t-mute-bg:#edeae4; --t-mute-line:#cfc9be;
}
[data-theme=dark]{
  --t-ok:#8fc7a1;   --t-ok-bg:#1e2a22;   --t-ok-line:#3c5a46;
  --t-warn:#dcb867; --t-warn-bg:#2c2618; --t-warn-line:#5a4c28;
  --t-info:#9fb6e8; --t-info-bg:#1c2130; --t-info-line:#3a4560;
  --t-alert:#e39a92; --t-alert-bg:#2e1f1d; --t-alert-line:#5c3a35;
  --t-mute:#9b9589; --t-mute-bg:#262420; --t-mute-line:#43403a;
}
/* Дүгнэлтийн тэмдэг — алхмын гаралтын эхэнд. Өнгө утга заана, дүрс нь
   өнгө сохор хүнд ижил мэдээлэл өгнө. Аяыг `stages.py::_o(tone=…)` өгнө. */
.run-verdict{display:inline-flex;align-items:center;gap:.5rem;margin:0;
  padding:.35rem .75rem;border:1px solid;border-radius:.5rem;justify-self:start;
  font-weight:640;line-height:1.4;background:var(--t-mute-bg);
  border-color:var(--t-mute-line);color:var(--t-mute)}
.run-verdict-i{font-weight:800;flex:none}
.run-verdict.tone-ok{background:var(--t-ok-bg);border-color:var(--t-ok-line);color:var(--t-ok)}
.run-verdict.tone-warn{background:var(--t-warn-bg);border-color:var(--t-warn-line);color:var(--t-warn)}
.run-verdict.tone-alert{background:var(--t-alert-bg);border-color:var(--t-alert-line);
  color:var(--t-alert)}
.chip.tone-ok{background:var(--t-ok-bg);border-color:var(--t-ok-line);color:var(--t-ok)}
.chip.tone-warn{background:var(--t-warn-bg);border-color:var(--t-warn-line);color:var(--t-warn)}
.chip.tone-info{background:var(--t-info-bg);border-color:var(--t-info-line);color:var(--t-info)}
.chip.tone-alert{background:var(--t-alert-bg);border-color:var(--t-alert-line);color:var(--t-alert)}
.chip.tone-mute{background:var(--t-mute-bg);border-color:var(--t-mute-line);color:var(--t-mute)}
.chip[class*=tone-]{font-size:.66rem;font-weight:640;letter-spacing:.02em}
.meter-ok i.on{background:var(--t-ok)}
.meter-warn i.on{background:var(--t-warn)}
.meter-mute i.on{background:var(--t-mute)}

/* ═════════ ЗҮҮН ЗУРВАС — БИЕ ДААСАН БАГАНА (2026-08-18) ═════════
   Эзний шаардлага: «зүүн талд бие даасан мөр үүсгэе». Өмнө нь шатны
   жагсаалт нь `.doc-grid` дотор, ажлын талбарын ДООР байсан тул зүүн дээд
   тал хоосон үлдэж, жагсаалтад хүрэхийн тулд гүйлгэх шаардлагатай байв.
   Одоо `.doc-one` өөрөө хоёр баганат тор: [зурвас | агуулга].
   Зурвас нь толгой, ажлын талбар, баримтын хажуугаар БҮТНЭЭР үргэлжилнэ. */
.doc-one{display:grid;gap:clamp(1.1rem,2.5vw,2.2rem);
  grid-template-columns:minmax(0,1fr)}
.doc-main{display:grid;gap:clamp(1.4rem,3vw,2.2rem);align-content:start;min-width:0}

@media (min-width:1000px){
  .doc-one{grid-template-columns:17.5rem minmax(0,1fr);
    column-gap:clamp(1.4rem,2.6vw,2.4rem)}
  /* Зурвас дээрээ бэхлэгдэж, өөрөө дотроо гүйнэ — 10 холбоос + өмнөх/дараах
     багтаагүй бол зурвас хуудсыг уртасгахгүй. */
  .doc-one > .doc-side{position:sticky;align-self:start;
    top:calc(var(--head-h) + 1rem);
    max-height:calc(100dvh - var(--head-h) - 2rem);
    overflow-y:auto;overscroll-behavior:contain;
    padding-right:.4rem;
    border-right:1px solid var(--border)}
}
/* Нарийн дэлгэцэд зурвас ХАМГИЙН ДООР — 10 холбоос агуулгаас дээгүүр
   гарвал ажлын талбар рүү хүрэхэд бүдрэл болно. */
@media (max-width:999px){
  .doc-one > .doc-side{order:9;padding-top:1rem;
    border-top:1px solid var(--border)}
}

/* ═════════ ТОЛГОЙ ХЭСЭГ ═════════
   Гурван хэсэг: тод дугаарын тэмдэг · гарчиг ба оршил · тоон баримт. */
/* Толгой = [тэмдэг] [нэр] [тоон баримт]. Нарийн дэлгэцэд тоон баримт
   доод мөрт бууна; өргөнд нь бүгд НЭГ МӨРӨНД эгнэнэ. */
.doc-one .doc-head{display:grid;align-items:center;
  grid-template-columns:auto minmax(0,1fr);
  gap:.35rem clamp(.8rem,2vw,1.6rem);
  padding-bottom:.6rem;margin-bottom:0;
  border-bottom:2px solid var(--accent)}
/* ⚠ Суурь `.doc-head` дүрэм (min-width:1100px) нь `/automation` ЖАГСААЛТЫН
   хуудсанд зориулж `.doc-title{grid-column:1/-1}` тулгадаг — тэр нь энд
   гарчгийг бүх баганаар дэлгэж, тэмдэг ба тоон баримтыг ТУСДАА МӨР болгож
   байв (3 мөр, 124px). Тиймээс багана бүрийг ил заана. */
/* Толгой = [тэмдэг] [нэр] [СЭДЭВ БИЧИХ ОРОЛТ]. Эзний гар зураг (2026-08-18):
   оролт нь гарчгийн хажууд, үлдсэн бүх өргөнийг эзэлнэ. Тоон баримт нь
   ЗҮҮН ЗУРВАС дээр нүүсэн. */
.doc-one .head-badge{grid-column:1;grid-row:1;align-self:center;margin-top:0}
.doc-one .doc-head > .doc-title{grid-column:2;grid-row:1}
/* Оролт нь ХОЁРДУГААР МӨРТ, толгойн бүтэн өргөнөөр */
.doc-one .doc-head > .head-seed{grid-column:1/-1;grid-row:2;min-width:0}
/* ⚠ Гарчгийн хажууд нэг мөрт зэрэгцэх нь ЗӨВХӨН 1400px-ЭЭС ДЭЭШ. 1180px-д
   [тэмдэг 45 + гарчиг ~300 + товч ~230 + тоологч 44] нь 814px баганад
   оролтод 44px л үлдээж байв. */
@media (min-width:1400px){
  .doc-one .doc-head{grid-template-columns:auto auto minmax(0,1fr)}
  .doc-one .doc-head > .doc-title{white-space:nowrap}
  .doc-one .doc-head > .head-seed{grid-column:3;grid-row:1}
}
/* ⚠ Хэмжүүрийн ЭЗЭН нь `.head-seed` — оролтын мөр өөрийн БОДИТ өргөнөөр
   товчийг доош буулгана. `.seed`-ээс `container-type`-ыг авбал хэмжүүр
   ажиллахаа больж, 420px-д оролт 55px болж байв. */
.head-seed{container-type:inline-size}
.head-seed .seed{padding:0;border:0;background:none;gap:0;container-type:normal}
.head-seed .seed-row{border-width:1px}

.head-badge{display:grid;justify-items:center;align-content:center;gap:.05rem;
  width:clamp(3.4rem,6vw,4.6rem);aspect-ratio:1;border-radius:.9rem;
  background:linear-gradient(160deg,var(--accent),var(--accent-hover));
  color:var(--accent-fg);box-shadow:0 .4rem 1.2rem -.5rem color-mix(in srgb,var(--accent) 70%,transparent)}
.head-no{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;line-height:1}
.head-of{font-size:.62rem;opacity:.8}
.head-main{display:grid;gap:.45rem;min-width:0}
.head-kicker{font-size:.6rem;font-weight:700;letter-spacing:.16em;
  color:var(--landing-bronze,var(--muted))}
.head-kicker:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.doc-one .doc-title{margin:0;font-size:clamp(1.5rem,3.6vw,2.4rem);line-height:1.1}
/* Тоон баримт — гарчгийн доор НЭГ МӨР. Хайрцаггүй: хайрцаг нь товч мэт
   харагдаж, баруун буланд хоёр мөр болж хуваагдаж байсан (эзний тэмдэглэл).
   Одоо бичвэр бөгөөд ялгаа нь: хэсэг рүү аваачдаг нь зураастай холбоос. */
.head-meta{display:flex;flex-wrap:wrap;align-items:baseline;
  gap:.2rem clamp(.7rem,1.6vw,1.3rem);margin-top:.15rem;
  padding-top:.5rem;border-top:1px solid var(--border);
  font-size:.78rem;color:var(--muted)}
.meta-i{display:inline-flex;align-items:baseline;gap:.3rem;border:0;background:none;
  padding:0;font:inherit;color:var(--muted);white-space:nowrap}
.meta-i b{font-size:.9rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
.meta-i.is-jump{cursor:pointer;text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:color-mix(in srgb,var(--accent) 32%,transparent)}
.meta-i.is-jump:hover{color:var(--ink);text-decoration-color:var(--accent)}
.meta-i.is-jump:focus-visible{outline:2px solid var(--accent);outline-offset:3px;
  border-radius:.2rem}

/* Зүүн баганын чиглэлийн дугаар */
.angle-item{grid-template-columns:auto minmax(0,1fr) auto}
.angle-no{font-size:.6rem;font-weight:700;color:var(--muted);padding-top:.15rem}
.angle-item.is-on .angle-no{color:var(--accent)}

/* Хэсгүүдийн гадарга ялгарна: хэрэгсэл цагаан, хөтөч цаасан өнгөтэй */
.explorer{padding:clamp(.7rem,1.6vw,1.1rem);border-radius:var(--radius);
  background:color-mix(in srgb,var(--paper) 55%,var(--surface));
  border:1px solid var(--border)}
.ex-detail{background:var(--surface)}
/* Дугаарын тэмдэг гарчигтайгаа зэрэгцэнэ (доод талд унжихгүй) */
.head-badge{align-self:start;margin-top:.15rem}

/* ═════════ ДЭЭД ЗУРВАС — баримтын горимд ═════════
   Асуудал: зурвас доторх агуулга 96rem-д төвлөрдөг тул бүтэн өргөн
   хуудасны агуулгатай ЭГНЭХГҮЙ байв; дунд нь хоосон, дэвсгэрээсээ
   ялгардаггүй байсан. */
body.is-doc .topbar-in{max-width:none;padding-inline:clamp(1rem,3vw,2.5rem)}
body.is-doc .topbar{
  background:color-mix(in srgb,var(--surface) 90%,transparent);
  border-bottom:1px solid var(--border-strong);
  box-shadow:0 1px 12px -6px color-mix(in srgb,var(--ink) 40%,transparent);
}
/* Замын мөр — зурвасын голыг эзэлж, хаана байгааг хэлнэ */
.doc-crumb{display:none}
body.is-doc .doc-crumb{display:flex;align-items:center;gap:.45rem;min-width:0;
  margin-left:.9rem;padding-left:1rem;border-left:1px solid var(--border-strong);
  font-size:.8rem;color:var(--muted);overflow:hidden;white-space:nowrap}
.doc-crumb i{font-style:normal;color:var(--border-strong)}
.doc-crumb a{color:var(--muted)}
.doc-crumb a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.doc-crumb b{font-weight:620;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
@media (max-width:700px){ body.is-doc .doc-crumb{display:none} }
/* Баримтын горимд урсгалын цэс шаардлагагүй — брэнд ба замын мөр хангалттай */
body.is-doc .topbar .tabs{margin-left:auto}

/* ═════════ СЭДЭВ ОРУУЛАХ — АЛХАМ 1 ═════════
   ЗОХИОН БАЙГУУЛАЛТ (2026-08-18, эзний тэмдэглэл). Өмнө нь:
     · оролт 64rem-д хумигдаж, БАРУУН ХАГАС ХООСОН үлддэг;
     · «юу бичих» гэдгийг заасан бичвэр НЭГ Ч БАЙХГҮЙ;
     · жишээ гурван газар давхардсан.
   Одоо ХОЁР БАГАНА: зүүн — бичих талбар (шошго → заавар → оролт → жишээ),
   баруун — «бичсэний дараа юу болох» урьдчилсан харагдац. Тэнцвэр 3:2. */
.seed-wrap{display:grid;gap:clamp(.8rem,2vw,1.4rem);align-items:start}
/* Асуулт · заавар · жишээ — оролт толгойд гарсны дараа ЭНД хэвтээ зурвас */
.seed-brief{display:grid;gap:.5rem;min-width:0;
  padding:clamp(.7rem,1.6vw,1rem) clamp(.8rem,1.8vw,1.1rem);
  border-radius:.7rem;border:1px solid var(--accent);
  background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface))}
.seed-brief .seed-ask{font-size:clamp(.98rem,1.8vw,1.1rem)}
.seed-brief .seed-guide{max-width:70rem;font-size:.84rem}
/* ⚠ Хоёр баганат дүрэм УСТГАГДСАН (2026-08-18) — баруун талын «Бичсэний дараа
   юу болох вэ» самбар хасагдсан тул `.seed-wrap` нь зөвхөн `.seed-brief`-ийг
   агуулна, бүтэн өргөнөөр. */
.seed-wrap[hidden]{display:none}

.seed{display:grid;gap:.7rem;min-width:0;padding:clamp(.9rem,2vw,1.3rem);
  border-radius:.8rem;border:2px solid var(--accent);
  background:linear-gradient(180deg,var(--surface) 0%,
    color-mix(in srgb,var(--accent-soft) 55%,var(--surface)) 100%)}
.seed-ask{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;
  font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:600;letter-spacing:-.015em}
.seed-step{padding:.2rem .5rem;border-radius:.35rem;background:var(--accent);
  color:var(--accent-fg);font-size:.58rem;font-weight:700;letter-spacing:.12em;
  white-space:nowrap}
/* Заавар — судлаач ЯГ ЮУ бичихээ эндээс мэднэ */
.seed-guide{margin:0;max-width:44rem;font-size:.86rem;line-height:1.6;color:var(--ink-2)}
/* Оролт нь ОРОЛТ шиг харагдана: цагаан, тод захтай, том курсортой */
.seed-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.5rem;
  align-items:center;padding:.35rem .35rem .35rem .8rem;border-radius:.7rem;
  background:var(--surface);border:2px solid var(--border-strong);transition:.15s}
.seed-row:focus-within{border-color:var(--accent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
.seed-pen{color:var(--muted);font-size:1rem}
.seed-row input{border:0;background:transparent;padding:.6rem 0;min-width:0;
  font-size:clamp(1rem,1.8vw,1.15rem);color:var(--ink)}
.seed-row input:focus{outline:none}
.seed-row input::placeholder{color:var(--muted);opacity:.8}
.seed-count{font-size:.68rem;color:var(--muted);white-space:nowrap}
.btn.seed-go{white-space:nowrap}
/* ⚠ Товч оролттой НЭГ МӨРӨНД байх эсэхийг ДЭЛГЭЦИЙН бус ТАЛБАРЫН өргөнөөр
   шийднэ (2026-08-18). Дэлгэцийн хэмжүүр ажиллахгүй байсан шалтгаан: зүүн
   зурвас 17.5rem болж өргөссөнөөс хойш ижил дэлгэцэнд оролтын багана
   өөр өргөнтэй болсон — 1180px дэлгэцэнд багана 465px, оролт 85px хүртэл
   шахагдаж байв. `container-type:inline-size` нь бодит багананы өргөнийг
   хэмждэг тул хаана ч зөв ажиллана. */
.seed{container-type:inline-size}
@container (max-width:40rem){
  .seed-row{grid-template-columns:auto minmax(0,1fr) auto;padding:.5rem .6rem}
  .btn.seed-go{grid-column:1/-1;justify-content:center}
}
/* Хэмжүүр дэмжигдэхгүй хөтчид — хамгийн нарийн дэлгэцэнд л овоолно */
@supports not (container-type:inline-size){
  @media (max-width:560px){
    .seed-row{grid-template-columns:auto minmax(0,1fr) auto;padding:.5rem .6rem}
    .btn.seed-go{grid-column:1/-1;justify-content:center}
  }
}
/* Жишээ — ЗӨВХӨН ЭНД. Дарвал оролтод буулгана. */
.seed-ex{display:flex;gap:.35rem .4rem;align-items:center;flex-wrap:wrap;min-width:0}
.seed-ex-h{flex:none;font-size:.62rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--landing-bronze,var(--muted))}
.seed-ex-chip{max-width:100%;padding:.24rem .6rem;border-radius:999px;
  border:1px dashed var(--border-strong);background:color-mix(in srgb,var(--surface) 75%,transparent);
  color:var(--ink-2);font:inherit;font-size:.75rem;line-height:1.35;text-align:left;
  cursor:pointer;transition:.14s;overflow:hidden;text-overflow:ellipsis}
.seed-ex-chip:hover{border-style:solid;border-color:var(--accent);color:var(--accent)}
.seed-link{border:0;background:transparent;padding:0;color:var(--accent);font:inherit;
  font-size:.75rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.seed-link:hover{text-decoration-color:var(--accent)}
/* Салбар заах — цөөн хүнд хэрэгтэй тул нугалаас хэвээр, гарчиг нь ТОДОРХОЙ */
.seed-more{justify-self:start}
.seed-more summary{cursor:pointer;color:var(--muted);font-size:.78rem}
.seed-more summary:hover{color:var(--ink)}
.seed-more-in{display:grid;gap:.5rem;margin-top:.6rem;padding:.7rem .8rem;
  border:1px solid var(--border);border-radius:.6rem;background:var(--surface)}
.seed-more-in .hint{max-width:34rem;font-size:.78rem;line-height:1.5}
.seed-chips{display:flex;gap:.3rem;flex-wrap:wrap}
.seed-chip{padding:.24rem .55rem;border-radius:999px;border:1px solid var(--border-strong);
  background:var(--surface);color:var(--ink-2);font:inherit;font-size:.74rem;cursor:pointer;
  transition:.14s}
.seed-chip:hover{border-color:var(--accent);color:var(--accent)}
.seed-chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}

/* ── Баруун багана: «бичсэний дараа юу болох вэ» ──
   Хоосон талбайг ЗААВРААР дүүргэнэ. Судлаач дарахаасаа өмнө дамжлагын
   бүтнийг харна — «би юу авах вэ» гэдэг нь тодорхой болно. */
.seed-flow{display:grid;gap:.55rem;align-content:start;min-width:0;
  padding:clamp(.8rem,1.8vw,1.15rem);border-radius:.8rem;
  border:1px solid var(--border);background:var(--surface-2)}
.seed-flow-h{margin:0;font-size:.62rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--landing-bronze,var(--muted))}
.seed-flow-l{display:grid;gap:.5rem;margin:0;padding:0;list-style:none;counter-reset:none}
.seed-flow-l li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem;
  align-items:start}
.sf-no{display:grid;place-items:center;width:1.2rem;height:1.2rem;flex:none;margin-top:.1rem;
  border-radius:50%;background:var(--accent);color:var(--accent-fg);
  font-size:.62rem;font-weight:700}
.sf-b{display:grid;gap:.12rem;min-width:0}
.sf-b b{font-size:.84rem;font-weight:640;line-height:1.35}
.sf-who{font-style:normal;font-size:.6rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--accent)}
.sf-t{font-size:.78rem;line-height:1.5;color:var(--muted);
  overflow-wrap:anywhere}
.seed-gate{margin:.15rem 0 0;padding-top:.55rem;border-top:1px dashed var(--border-strong);
  font-size:.76rem;line-height:1.5;color:var(--ink-2)}
.seed-gate b{color:var(--t-alert,var(--accent))}

/* Хумигдсан хэлбэр */
.seed-done:empty{display:none}
.seed-done{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;padding:.5rem .7rem;
  border-radius:.6rem;background:var(--accent-soft);border:1px solid var(--accent)}
.seed-done b{font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.02rem;font-weight:600}

/* Судалгааны түвшний СОНГОЛТ — солиход чиглэл дахин томьёологдоно */
.lvl-choose{background:color-mix(in srgb,var(--accent-soft) 70%,var(--surface-2))}
.lvl-pick{width:100%;padding:.25rem .4rem;border-radius:.35rem;font-size:.78rem;
  font-weight:600;border:1px solid var(--accent);background:var(--surface);color:var(--ink)}
.lvl-busy{display:flex;gap:.4rem;align-items:center;font-size:.76rem;color:var(--muted)}
.spinner.sm{width:.8rem;height:.8rem;border-width:2px}
.lvl-note{display:grid;gap:.2rem;margin:.1rem 0 0;padding:.5rem .6rem;border-radius:.5rem;
  background:var(--accent-soft);border:1px dashed var(--accent)}
.lvl-note dt{font-size:.58rem;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.lvl-note dd{margin:0 0 .25rem;font-size:.8rem;line-height:1.5;color:var(--ink-2);
  text-align:justify;text-justify:inter-word;hyphens:auto}

/* Эзний шаардлагаар: «судлагдсан байдал» самбарын бичвэр мөн хоёр талаас
   тэгшилнэ. Нарийн баганад үгийн зай задрахаас сэргийлж зөөлөн зөөлтгөх. */
.node-detail dd{text-align:justify;text-justify:inter-word;hyphens:auto;
  -webkit-hyphens:auto;text-align-last:start;word-spacing:-.01em}

/* Үндсэн салбар — зураглалын ӨРГӨНИЙГ нэг харцаар харуулна */
.angle-domain{font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--landing-bronze,var(--muted))}
.angle-item.is-on .angle-domain{color:var(--accent)}
.canopy-item.dom{background:var(--accent-soft);border-color:var(--accent);font-weight:600}

/* ═════════ ТАЛБАЙН ХУВААРИЛАЛТ ═════════
   Толгой (бага ач холбогдолтой) хэт их зай эзэлж, судлагдсан байдал
   (өндөр ач холбогдолтой) нарийн баганад шахагдаж байсныг залруулав. */
.doc-one .head-badge{width:clamp(2.3rem,3vw,2.8rem);border-radius:.6rem}
.doc-one .head-no{font-size:clamp(.95rem,1.8vw,1.2rem)}
.doc-one .head-of{font-size:.5rem}
.doc-one .doc-title{margin:0;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.15}
/* ⚠ `.head-kicker`, `.doc-lead`, `.lead-more`, `.lead-rest` нь ①-ийн толгойд
   ХЭРЭГЛЭГДЭХЭЭ БОЛЬСОН (2026-08-18) — `d.goal` нь «Энэ үе шат юу хийдэг»
   хэсэг рүү нүүсэн. `.head-kicker`/`.doc-lead` нь `/automation` жагсаалтын
   хуудсанд ХЭВЭЭР хэрэглэгддэг тул суурь дүрмийг устгаагүй. */

/* Судлагдсан байдлын самбар — өргөн нэмэв (17-21rem → 24-32rem) */
@media (min-width:1300px){
  .ex-grid{grid-template-columns:minmax(13rem,15rem) minmax(0,1fr) minmax(24rem,32rem)}
}
@media (min-width:1900px){
  .ex-grid{grid-template-columns:minmax(14rem,16rem) minmax(0,1fr) minmax(28rem,36rem)}
}
.ex-detail-body{font-size:.88rem}
.ex-detail .node-detail dd{font-size:.87rem;line-height:1.6}

/* Самбарын доод талд гүйлт үлдсэнийг мэдэгдэх бүдгэрэл.
   ⚠ Энд `position:relative` байсан нь дээрх `position:sticky`-г дарж,
   `top` нь самбарыг 66px доош ТҮЛХЭЖ байв (2026-08-18-нд илрэв).
   sticky нь өөрөө байрлуулагдсан элемент тул ::after хэвийн ажиллана. */
.ex-detail.has-more::after{content:"";position:absolute;left:1px;right:1px;bottom:1px;
  height:3rem;border-radius:0 0 .65rem .65rem;pointer-events:none;
  background:linear-gradient(180deg,transparent,var(--surface) 78%)}
.ex-detail.has-more .ex-detail-body{padding-bottom:2.2rem}
/* Бүтнээр үзэх цонх */
.detail-modal{display:grid;gap:.5rem;max-width:min(56rem,92vw)}
.detail-modal .node-detail{margin-top:.5rem}
.detail-modal .node-detail dd{font-size:.92rem;line-height:1.65}

/* ═════════ ① Судалгааны сэдэв, загвар — ГҮЙЛТГҮЙ ажлын талбар ═════════
   Эзний шаардлага (2026-08-19): «би скроллдож дээш доош гүйх загварт
   дургүй». Тиймээс энэ хуудас нэг дэлгэцэд багтана — хуудас өөрөө гүйхгүй,
   агуулга нь индикаторын заасан НЭГ бичлэгээр солигдоно.
   Үндсэн шинж нь ИНДИКАТОР: арван хоёр бичлэг бүгд ижил хэлбэр, ижил
   төлөвийн хэлээр (ажилласан · ажиллаж байна · ажиллаагүй) ярина. */
body.is-work .shell{height:calc(100dvh - var(--head-h));overflow:hidden;padding-block:0}
body.is-work .center{height:100%;min-height:0;overflow:hidden;gap:0}
body.is-work .doc-side,body.is-work .bottombar{display:none}

/* ⚠ `.doc-one` нь ≥1000px-д [зурвас 17.5rem | агуулга] хоёр баганат тор.
   Ажлын горимд зурвас хаагдсан тул тор нэг багана болно — эс тэгвэл
   бүх агуулга 17.5rem өргөнтэй эхний баганад шахагдана. */
.doc-one.doc-work{position:relative;height:100%;min-height:0;gap:0;
  grid-template-columns:minmax(0,1fr)}
.work{height:100%;min-height:0;display:grid;gap:.5rem;
  grid-template-rows:auto auto minmax(0,1fr) auto;padding:.55rem 0}
/* Толгой нэг мөр: [дугаар] [нэр] [сэдэв бичих оролт] [тайлбар] */
.work .doc-head{display:flex;align-items:center;gap:.6rem;margin:0;
  padding:0 .1rem .5rem;border-bottom:2px solid var(--accent)}
.work .doc-head>.head-seed{flex:1;min-width:0}
.work .doc-head>.doc-title{white-space:nowrap}
.work .doc-head>.work-doc-btn{flex:none}
.work .tl-strip{margin:0}

/* Ажлын талбай — индикаторын заасан агуулга. Дотор нь юу ч гүйхгүй. */
.work-stage{min-height:0;overflow:hidden;display:flex;flex-direction:column;
  border:1px solid var(--border);border-radius:var(--radius);
  background:var(--surface);padding:.7rem .8rem}
.work-stage>.workbench{flex:1;min-height:0;display:flex;flex-direction:column;gap:.55rem}
.work-stage .seed-wrap,.work-stage .tree-area,.work-stage .chain-area{
  flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.5rem}
/* Сэдэв бичих үзэгдэл — карт талбайн голд, уншихад тохирсон өргөнтэй */
.work-stage .seed-wrap{justify-content:center;align-items:center}
.work-stage .seed-brief{width:100%;max-width:64rem}
/* ⚠ `.explorer` ба `.ex-grid` нь суурь загварт `align-items:start` — багана
   агуулгынхаа өндрөөр сунадаг тул хязгаар мэдрэгдэхгүй, доод тал нь
   таслагдаж байв. Ажлын горимд багана талбайгаа БҮТНЭЭР эзэлнэ. */
/* Дээд зурвас нөхцөлт болсон тул мөрийн тоо тогтмол биш — flex ашиглана. */
.work-stage .explorer{flex:1;min-height:0;display:flex;flex-direction:column;gap:.6rem}
.work-stage .explorer>.canopy{flex:none}
.work-stage .explorer>.ex-grid{flex:1;min-height:0}
.work-stage .ex-grid{min-height:0;align-items:stretch;grid-template-rows:minmax(0,1fr)}
.work-stage .ex-col{min-height:0;overflow:hidden;grid-auto-rows:max-content}
.work-stage .leafs{grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr))}
.work-stage .step-card{flex:1;min-height:0;display:flex;flex-direction:column;gap:.5rem}
/* ⚠ ГҮЙХ ЁСТОЙ. 2026-08-26-нд эзэн «төв хэсгийн мэдээлэл гүйхгүй
   байна» гэж илрүүлэв: энд `overflow:hidden` байсан тул алхмын
   гаралт 4 300 пикселийн өндөртэй атлаа 430 пикселийн цонхонд
   хаагдаж, үлдсэн хэсэгт ХҮРЭХ АРГАГҮЙ байв. `scrollHint` нь
   `has-more` ангиар «доор үргэлжлэл бий» гэж амлаж байсан нь
   бүр төөрөгдүүлж байсан. 2026-08-19-ний шийдвэр (талбар бүр
   өөрийн хүрээндээ гүйнэ) энэ нүдэнд хэрэгжээгүй үлдсэн байна.
   `overscroll-behavior:contain` — гүйлт ард байгаа хуудсанд
   дамжихгүй (хуудас өөрөө гүйхгүй хэвээр). */
.work-stage .step-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;
  overscroll-behavior:contain;scrollbar-width:thin}
.work-stage .chain-head{flex:none;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.work-stage .chain-foot{flex:none;display:flex;align-items:center;gap:.4rem}

/* Хөл — зөвхөн шат хоорондын шилжилт */
.work-foot{display:flex;align-items:center;gap:.5rem;padding:0 .1rem}
.work-foot-link{font-size:.8rem;color:var(--muted)}
.work-foot-link:hover{color:var(--accent)}

/* Индикатор дээр дарж бичлэг сонгоно */
.tl-i.is-hit .tl-hit{display:grid;justify-items:center;gap:.4rem;width:100%;
  background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}
.tl-i.is-at .tl-dot{box-shadow:0 0 0 3px var(--accent-soft),0 0 0 1px var(--accent)}
.tl-i.is-at .tl-t{color:var(--ink);font-weight:640}

/* Тайлбарын самбар — ажлын талбарын дээгүүр гарч ирнэ, хуудсыг сунгахгүй */
/* Тайлбарын самбар — БАРУУН МӨРИЙН яг өргөнтэй, картуудтай ижил
   гадаргатай (эзний шаардлага, 2026-08-19). Толгойн мөрийн доороос
   эхэлж, хөлийн дээр дуусна — доорх «Илэрсэн салбар» самбарыг яг
   орлоно. */
.work-doc{position:absolute;right:0;top:0;bottom:0;width:16.5rem;z-index:5;
  display:flex;flex-direction:column;gap:.5rem;padding:.7rem .75rem;
  background:var(--lift-bg);
  border:0;border-bottom:2px solid var(--lift-edge);
  border-radius:var(--lift-radius);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),
             -14px 0 30px -22px rgba(18,21,26,.45),
             0 14px 28px -18px rgba(18,21,26,.4)}
@media (max-width:1360px){ .work-doc{width:min(22rem,92%)} }
.work-doc[hidden]{display:none}
.work-doc-h{display:flex;align-items:center;gap:.5rem;flex:none}
.work-doc-tabs{display:flex;flex-wrap:wrap;gap:.25rem;flex:none}
.work-doc-tab{padding:.22rem .5rem;border:1px solid var(--border);border-radius:.45rem;
  background:var(--surface-2);color:var(--muted);font-size:.72rem;cursor:pointer}
.work-doc-tab.is-on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
/* ⚠ ГҮЙЛТИЙН ЦОРЫН ГАНЦ ЗӨВШӨӨРӨЛ (эзний шийдвэр, 2026-08-19):
   тайлбарын самбарын агуулга нь урт, нарийн баганад багтахгүй тул
   ЭНЭ ТАЛБАР дээш доош гүйнэ. Ажлын талбай, зурвасууд хэвээр гүйхгүй. */
.work-doc-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  padding-right:.3rem}
.work-doc-body::-webkit-scrollbar{width:6px}
.work-doc-body::-webkit-scrollbar-track{background:transparent}
.work-doc-body::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--accent) 35%,transparent);border-radius:3px}
.work-doc-body::-webkit-scrollbar-thumb:hover{
  background:color-mix(in srgb,var(--accent) 55%,transparent)}
.work-doc-body{scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent}
/* Хэсэг доош үргэлжилж байгааг мэдэгдэх бүдгэрэл.
   ⚠ `position` ЭНД дахин зарлахгүй — самбар аль хэдийн `absolute`,
   давхар зарлавал байрлал нурж, торны гишүүн болж хувирдаг. */
.work-doc::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.55rem;
  height:1.4rem;pointer-events:none;
  background:linear-gradient(180deg,transparent,
    color-mix(in srgb,var(--accent) 12%,color-mix(in srgb,#fff 60%,var(--paper))))}
[data-theme=dark] .work-doc::after{
  background:linear-gradient(180deg,transparent,
    color-mix(in srgb,var(--accent) 20%,var(--surface)))}
.work-doc-body .doc-h2{display:none}

/* Баганууд өөрсдийн талбайд багтана — гүйлт байхгүй, оронд нь хуудаслана */
.work-stage .ex-col{display:flex;flex-direction:column;gap:.45rem;min-height:0}
.work-stage .ex-body,.work-stage .leafs,.work-stage .ex-detail-body{
  flex:1;min-height:0;overflow:hidden}
.work-stage .ex-body{display:grid;gap:.45rem;align-content:start}
.work-stage .ex-detail-body{display:grid;gap:.5rem;align-content:start}
.work-stage .ex-detail::after{display:none}       /* гүйлтийн бүдгэрэл хэрэггүй */
.work-stage .root-card,.work-stage .ex-col-h,.work-stage .ex-detail-head{flex:none}

/* Хуудаслагчийн удирдлага */
.pg{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:none;
  padding-top:.3rem;border-top:1px solid var(--border)}
.pg[hidden]{display:none}
.pg-b{width:1.6rem;height:1.6rem;display:grid;place-items:center;cursor:pointer;
  border:1px solid var(--border);border-radius:.4rem;background:var(--surface);
  color:var(--muted);font-size:.9rem;line-height:1}
.pg-b:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.pg-b:disabled{opacity:.35;cursor:default}
.pg-l{font-size:.72rem;color:var(--muted)}

/* Чиглэлийн дэлгэрэнгүй — талбар бүр тусдаа нэгж (хуудаслах боломжтой) */
.node-f{display:grid;gap:.15rem}
.node-f-k{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted)}
.node-f-v{margin:0;font-size:.82rem;line-height:1.5;color:var(--ink-2)}
.work-stage .step-body{display:grid;gap:.7rem;align-content:start}
.work-stage .step-card{border:0;padding:0;background:none}
/* Алхмын гаралт — бүтэн өргөнөөр, олон баганаар. Багтахгүй бол хуудаслана. */
.work-stage .chain-area{max-width:none}
/* ⚠ Сүлжээ нь `.step-body`-оос `.run-out` руу ШИЛЖСЭН (2026-08-26).
   Шалтгаан: бүлэглэсэн гаралтад бүлгийн гарчиг бүтэн өргөнөөр гарч,
   талбарууд нь бүлэг ДОТРОО баганалах ёстой. Урьд нь арван долоон
   талбар нэг том сүлжээнд байсан тул эгнээ нь хамгийн өндөр талбараар
   тэнцэж, хоорондоо хамаагүй хоёр талбарын хажууд асар том хоосон зай
   үүсдэг байв. */
.work-stage .step-body{grid-template-columns:minmax(0,1fr);gap:.6rem}
.work-stage .run-out{display:grid;align-content:start;
  grid-template-columns:repeat(auto-fill,minmax(min(23rem,100%),1fr));
  gap:.6rem 1.1rem}
.work-stage .run-out.is-grouped{grid-template-columns:minmax(0,1fr);gap:1.45rem}

/* Алхмын төлөв гарчгийн хажууд — гүйлгэлгүйгээр харагдана */
.step-state{padding:.1rem .45rem;border:1px solid var(--t-mute-line);border-radius:.35rem;
  background:var(--t-mute-bg);color:var(--t-mute);
  font-size:.66rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.step-state.is-ok{border-color:var(--t-ok-line);background:var(--t-ok-bg);color:var(--t-ok)}

/* ══ ② ЭХ СУРВАЛЖИЙН АЖЛЫН ТАЛБАР (2026-08-26) ═══════════════════
   Бодит сан дээр ажилладаг тул бичвэрийн бус, БҮРТГЭЛИЙН харагдац:
   бичлэг бүр төлөвтэй, татан авсан нь улаанаар, хасагдсан нь бүдгэрнэ. */
.src-h{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;
  margin-top:.5rem}
.src-h b{font-size:.9rem;font-weight:640}
.src-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.4rem 0}
.src-paste,.src-find{width:100%;padding:.5rem .65rem;border:1px solid var(--border);
  border-radius:.45rem;background:var(--surface);color:var(--ink);
  font:inherit;font-size:.85rem;line-height:1.5;resize:vertical}
.src-find{flex:1;min-width:14rem;width:auto}
.src-paste:focus,.src-find:focus{outline:2px solid var(--accent);outline-offset:1px}

/* Бичлэгийн жагсаалт */
.src-list{display:grid;gap:.35rem;margin-top:.6rem}
.src-i{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.5rem;
  align-items:start;padding:.5rem .6rem;border:1px solid var(--border);
  border-radius:.45rem;background:var(--surface)}
.src-no{color:var(--muted);font-size:.68rem;font-weight:700;padding-top:.15rem}
.src-body{min-width:0;display:grid;gap:.2rem}
.src-t{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}
.src-t b{font-weight:600;line-height:1.45;font-size:.87rem}
.src-m{font-size:.74rem;line-height:1.45}
.src-st{padding:.06rem .35rem;border-radius:.3rem;font-size:.62rem;font-weight:700;
  letter-spacing:.03em;white-space:nowrap;border:1px solid var(--t-mute-line);
  background:var(--t-mute-bg);color:var(--t-mute)}
.src-st.stбаталгаажсан{border-color:var(--t-ok-line);background:var(--t-ok-bg);color:var(--t-ok)}
.src-st.stнэрдэвшигч{border-color:var(--t-warn-line);background:var(--t-warn-bg);color:var(--t-warn)}
.src-st.stолдсонгүй,.src-st.stдавхардсан,.src-st.st-bad{
  border-color:var(--t-alert-line);background:var(--t-alert-bg);color:var(--t-alert)}
/* ⚠ Татан авсан бүтээл нүдэнд ШУУД тусна — тоймд орвол бүх дүгнэлт унана */
.src-i.is-retracted{border-color:var(--t-alert-line);
  background:color-mix(in srgb,var(--t-alert) 7%,var(--surface))}
.src-i.is-drop{opacity:.5}
.src-i.is-drop .src-t b{text-decoration:line-through}

/* Шүүлтийн урсгал — тоо буурч байгааг нүдээр харуулна */
.src-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));
  gap:.5rem;margin:.4rem 0 .7rem}
.src-fc{display:grid;gap:.1rem;padding:.5rem .6rem;border:1px solid var(--border);
  border-radius:.5rem;background:var(--surface-2)}
.src-fc-v{font-size:1.5rem;font-weight:700;line-height:1.1;color:var(--accent)}
.src-fc-k{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}

/* Аудитын оноо */
.src-audit{display:grid;gap:.7rem;margin-top:.6rem}
.src-score{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;
  border:1px solid;border-radius:.6rem;background:var(--t-mute-bg);
  border-color:var(--t-mute-line)}
.src-score.tone-ok{background:var(--t-ok-bg);border-color:var(--t-ok-line)}
.src-score.tone-warn{background:var(--t-warn-bg);border-color:var(--t-warn-line)}
.src-score.tone-alert{background:var(--t-alert-bg);border-color:var(--t-alert-line)}
.src-score-v{font-size:2.2rem;font-weight:700;line-height:1;flex:none}
.src-score.tone-ok .src-score-v{color:var(--t-ok)}
.src-score.tone-warn .src-score-v{color:var(--t-warn)}
.src-score.tone-alert .src-score-v{color:var(--t-alert)}
.src-clusters{display:grid;gap:.25rem}
.src-cl{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.6rem;
  align-items:baseline;padding:.3rem .5rem;border-bottom:1px solid var(--border)}
.src-cl-n{font-size:.82rem}
.src-cl-s{font-weight:700;min-width:2.5rem;text-align:end}
.src-sc{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap;margin:.15rem 0}
.src-badge{padding:.06rem .4rem;border-radius:.3rem;font-size:.68rem;font-weight:700;
  border:1px solid var(--t-mute-line);background:var(--t-mute-bg);color:var(--t-mute)}
.src-badge.st-ok{border-color:var(--t-ok-line);background:var(--t-ok-bg);color:var(--t-ok)}
.src-badge.st-bad{border-color:var(--t-alert-line);background:var(--t-alert-bg);color:var(--t-alert)}
.src-badge.st-abst{font-style:italic}
.run-row.is-low{border-left:3px solid var(--t-alert)}
/* Бүртгэлийн бичвэр хоёр талдаа зэрэгцэхгүй */
.src-t b,.src-m,.src-st,.src-cl-n,.src-badge,.src-fc-k{
  text-align:start;text-justify:auto;hyphens:manual}

/* ── СУДЛААЧИЙН ШИЙДВЭРИЙН САМБАР ─────────────────────────────────
   Системийн гаралтаас НҮДЭЭР ялгарна: өөрийн хүрээтэй, зүүн ирмэг нь
   акцент өнгөтэй. Батлагдсаны дараа ирмэг ногоон болно — судлаач аль
   алхмаа шийдсэнээ гүйлгэлгүй мэднэ. */
.pick{display:grid;gap:.55rem;padding:.7rem .85rem;margin-bottom:1.1rem;
  border:1px solid var(--border);border-left:3px solid var(--accent);
  border-radius:.6rem;background:var(--surface-2)}
.pick.is-ok{border-left-color:var(--t-ok);background:color-mix(in srgb,var(--t-ok) 5%,var(--surface-2))}
.pick>.run-group-h{border-bottom-color:var(--border-strong,var(--border))}
.pick .run-group-no{color:var(--landing-bronze,var(--accent))}
.pick-opts{display:grid;gap:.35rem}
.pick-o{display:grid;gap:.15rem;text-align:start;padding:.45rem .6rem;
  border:1px solid var(--border);border-radius:.45rem;background:var(--surface);
  color:var(--ink-2);font:inherit;cursor:pointer}
.pick-o:hover{border-color:var(--accent)}
.pick-o.is-on{border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--ink)}
.pick-o-k{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted)}
.pick-o.is-on .pick-o-k{color:var(--accent)}
.pick-o-t{font-size:.85rem;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pick-o-n{font-size:.72rem;line-height:1.4;color:var(--muted)}
.pick-l{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted)}
.pick-text,.pick-note{width:100%;padding:.45rem .6rem;border:1px solid var(--border);
  border-radius:.45rem;background:var(--surface);color:var(--ink);
  font:inherit;font-size:.88rem;line-height:1.55;resize:vertical}
.pick-text:focus,.pick-note:focus{outline:2px solid var(--accent);outline-offset:1px}
.pick-note{font-size:.8rem}
.pick-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.pick-stamp{font-size:.72rem;white-space:nowrap}
.pick-stamp.is-ok{color:var(--t-ok);font-weight:640}
.pick-gate{margin:0;font-size:.75rem;color:var(--t-ok)}
/* Самбарын бичвэр хоёр талдаа зэрэгцэхгүй — оролт, шошго, товч */
.pick-o-k,.pick-o-t,.pick-o-n,.pick-l,.pick-stamp,.pick-gate{
  text-align:start;text-justify:auto;hyphens:manual}

/* ── БҮЛГИЙН МӨР — бэхлэгдсэн, үсэргэдэг ──────────────────────────
   Гаралт арав гаруй дэлгэцийн гүнтэй тул гүйлтийн аль ч цэгээс бүтэц
   харагдаж, шууд үсрэх боломжтой байна. Юу ч нуухгүй — хуудаслалт биш. */
.run-nav{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:.3rem;
  padding:.15rem 0 .45rem;margin-bottom:-.35rem;
  background:linear-gradient(var(--surface) 78%,transparent)}
.run-nav-b{padding:.22rem .6rem;border:1px solid var(--border);border-radius:.4rem;
  background:var(--surface-2);color:var(--ink-2);font:inherit;font-size:.72rem;
  font-weight:560;letter-spacing:.01em;cursor:pointer;white-space:nowrap}
.run-nav-b:hover{border-color:var(--accent);color:var(--accent);
  background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.run-group{scroll-margin-top:2.2rem}

/* ── БҮЛГИЙН ГАРЧИГ ────────────────────────────────────────────────
   Дугаар · нэр · нэг мөрийн тайлбар · үргэлжилсэн зураас. Нэр нь
   сериф — доорх шошгууд нь жижиг том үсэгтэй тул хоёулаа ижил байвал
   шатлал алга болно. Өнгө нь зөвхөн дугаарт (акцент), гарчигт биш. */
.run-group{display:grid;gap:.55rem;min-width:0}
.run-group-h{display:grid;grid-template-columns:auto auto minmax(0,1fr);
  align-items:baseline;gap:.5rem;margin:0;padding-bottom:.3rem;
  border-bottom:1px solid var(--border);font-weight:inherit}
.run-group-no{font-size:.7rem;font-weight:700;color:var(--accent);letter-spacing:.04em}
.run-group-t{font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.02rem;font-weight:600;color:var(--ink);letter-spacing:0}
.run-group-n{font-size:.72rem;line-height:1.4;color:var(--muted);
  text-align:start;min-width:0}
/* ⚠ НЭГ БАГАНА (2026-08-26). Хоёр баганат сүлжээнд эгнээний өндөр нь
   хамгийн өндөр талбараар тэнцдэг тул богино талбарын доор асар том
   хоосон зай үүсч, нүд дараагийн бичлэгээ хаанаас олохоо мэдэхгүй
   болж байв («загвар дизайн ойлгомжгүй»). Багана нь өндрөө өөрөө
   тааруулдаг байрлал (masonry) хөтөч дээр хараахан байхгүй, харин
   `columns` нь баганын дарааллаар уншуулдаг тул гүйдэг талбайд
   тохирохгүй. Тиймээс бүлэг доторх талбар БОСОО дараалж, бичвэрийн
   мөрийн урт нь хэмжээгээр хязгаарлагдана. */
.run-group-fields{display:grid;align-content:start;
  grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0}
/* Мөрийн урт — уншихад тохиромжтой хэмжээнд. Хүснэгтэн бичлэг (`objects`)
   нь дотроо шошго, утга гэсэн хоёр баганатай тул бүтэн өргөнөө авна. */
/* ⚠ Жинг нэмэв — `.work-stage .step-body .doc-p{max-width:none}` нь
   файлын доор байрлах тул тэнцүү жинтэй сонгогч дарагдана. */
.work-stage .run-group .run-field>.doc-p,
.work-stage .run-group .run-field>.tight{max-width:46rem}
/* Үндэслэлийн бүс нам гүм — шийдвэрийн бүсээс нүдээр ухарна */
.run-group[data-k=why] .run-field .doc-p,
.run-group[data-k=why] .run-kv{color:var(--ink-2)}
@media (max-width:640px){
  .run-group-h{grid-template-columns:auto minmax(0,1fr)}
  .run-group-n{grid-column:1 / -1}
}
.work-stage .step-head{flex:none;display:flex;align-items:center;gap:.5rem}
/* Индикаторын ЗААЖ буй бичлэг тод ялгарна */
.tl-i.is-at .tl-dot{box-shadow:0 0 0 3px var(--accent-soft),0 0 0 1.5px var(--accent);
  background:var(--accent);color:var(--accent-fg)}

/* ── ① Сэдвийн үзэгдэл — зүүн · төв · баруун гурван хэсэг ──────────
   «Юуг судлахыг хүсэж байна вэ?» карт хасагдаж, түүний асуулт, заавар
   «Тайлбар» хөтчид шилжсэн (эзний шаардлага, 2026-08-19). Ажлын талбайд
   зөвхөн үйлдэл үлдэнэ. */
.work-stage .seed-wrap{justify-content:stretch;align-items:stretch}
.seed-cols{flex:1;min-height:0;display:grid;gap:.9rem;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr) minmax(0,1.1fr)}
@media (max-width:1100px){ .seed-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .seed-col-r{display:none} }
.seed-col{min-height:0;display:flex;flex-direction:column;gap:.45rem}
.seed-col-m,.seed-col-r{border-left:1px solid var(--border);padding-left:.9rem}
.seed-col-h{display:flex;align-items:baseline;gap:.4rem;flex:none;
  font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);padding-bottom:.3rem;border-bottom:1px solid var(--border)}
.seed-col-h i{font-style:normal;font-weight:500;letter-spacing:.02em;
  text-transform:none;color:var(--muted-2,var(--muted));opacity:.8}
.seed-col>.hint{flex:none}
.seed-col .seed-chips{flex:none;display:flex;flex-wrap:wrap;gap:.3rem}

/* Жишээ — босоо жагсаалт, мөр бүр дарагдана */
.seed-ex-list{flex:1;min-height:0;overflow:hidden;display:grid;gap:.3rem;align-content:start}
.seed-ex-list .seed-ex-chip{display:block;width:100%;text-align:left;
  padding:.42rem .6rem;border:1px solid var(--border);border-radius:.5rem;
  background:var(--surface);color:var(--ink-2);font-size:.82rem;line-height:1.35;
  cursor:pointer;transition:.14s}
.seed-ex-list .seed-ex-chip:hover{border-color:var(--accent);color:var(--ink);
  background:var(--surface-2)}

/* Дараа нь юу болох — та ба систем ээлжилнэ */
/* ⚠ Хуучин `.seed-flow` хүрээ, дэвсгэртэй карт байсан — багана дотор
   давхар хайрцаг үүсгэж байв. Ажлын горимд хайрцгийг арилгана. */
.seed-col .seed-flow{flex:1;min-height:0;overflow:hidden;display:grid;gap:.5rem;
  align-content:start;padding:0;border:0;border-radius:0;background:none}
.seed-flow-i{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.5rem}
.seed-flow-no{font-size:.68rem;color:var(--muted-2,var(--muted));padding-top:.15rem}
.seed-flow-b{display:grid;gap:.15rem;min-width:0}
.seed-flow-b b{font-size:.84rem;font-weight:600;line-height:1.35}
.seed-flow-b .hint{font-size:.76rem;line-height:1.45}
.seed-flow-who{color:var(--muted);font-weight:500}
.seed-flow-i.is-sys .seed-flow-who{color:var(--accent)}

/* ── Гурван хэсгийн жин тэнцүүлэх (2026-08-19) ─────────────────────
   Агуулга дээд талдаа наалдаж, доод хагас хоосон үлдэж байв. Жагсаалт
   бүр талбайгаа ЖИГД эзэлж, баганын доод ирмэг нэг шугамд тогтоно. */
/* ⚠ `space-between` туршиж үзээд БУЦААВ — долоон жишээ хооронд 60px завсар
   үүсгэж, задгай тарсан мэт болов. Оронд нь: багануудыг агуулгынхаа
   өндрөөр үлдээж, БҮЛЭГ болгож ажлын талбайн голд тавина. Хоосон зай нь
   тасалдал биш, зориудын зай болж мэдрэгдэнэ. */
/* Гурван бүс болсон тул төв нь зүүн зурвастай НЭГ ШУГАМААС эхэлнэ —
   голд нь хөвүүлбэл зурвастай холбоогүй мэт харагдана. */
.work-stage .seed-wrap{justify-content:flex-start;align-items:stretch}
.seed-cols{flex:0 1 auto;max-height:100%;width:100%;
  padding:1rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius);
  background:var(--surface-2)}
.seed-col{gap:.5rem}
.seed-col .seed-ex-list,.seed-col .seed-flow{align-content:start}

/* ── Индикатор бол хуудасны нуруу ──────────────────────────────────
   Бүдэг зурвас байсныг тод болгов: дугаар уншигдана, шугам үргэлжилнэ,
   идэвхтэй бичлэг тодорхой ялгарна. Төлөвийн гурван өнгө хэвээр. */
.work .tl-strip{background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);padding:.6rem .8rem}
.work .tl-i .tl-dot{font-weight:700;color:var(--ink-2);
  border-color:var(--border-strong,var(--border))}
.work .tl-i .tl-t{color:var(--muted);font-size:.7rem}
.work .tl-i.is-done .tl-t{color:var(--ink-2)}
.work .tl-i.is-at .tl-t{color:var(--ink);font-weight:650}
/* Нэг хайрцаг хангалттай — сэдвийн үзэгдэлд гадна хүрээг авч хаяна
   (дотор нь бүлэг өөрөө хүрээтэй болсон тул давхар хайрцаг үүсэж байв). */
.work-stage:has(> .workbench > .seed-wrap:not([hidden])){
  border:0;background:none;padding:0}

/* ── Гурван бүс: зүүн (арван шат) · төв (гол мэдээлэл) · баруун (нөөц) ──
   Эзний шаардлага 2026-08-19. Баруун бүс одоогоор хоосон — дараа дүүрнэ. */
.work-zones{position:relative;min-height:0;display:grid;gap:.7rem;
  grid-template-columns:14rem minmax(0,1fr) 14rem}
@media (max-width:1200px){ .work-zones{grid-template-columns:12rem minmax(0,1fr)}
  .work-spare{display:none} }
.work-rail,.work-spare{min-height:0;overflow:hidden;display:flex;flex-direction:column;
  gap:.4rem}
.work-rail-h{flex:none;font-size:.62rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);
  padding-bottom:.35rem;border-bottom:1px solid var(--border)}
.work-rail-l{flex:1;min-height:0;overflow:hidden;display:grid;gap:.1rem;align-content:start}
.work-rail-i{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.45rem;
  align-items:baseline;padding:.32rem .45rem;border-radius:.45rem;
  color:var(--ink-2);font-size:.82rem;line-height:1.3;
  border-left:2px solid transparent;transition:.14s}
.work-rail-i .tabular{color:var(--muted-2,var(--muted));font-size:.72rem}
.work-rail-i:hover{background:var(--surface-2);color:var(--ink)}
.work-rail-i.is-cur{border-left-color:var(--accent);background:var(--accent-soft);
  color:var(--ink);font-weight:600}
.work-rail-i.is-cur .tabular{color:var(--accent)}
.work-spare{border-left:1px solid var(--border)}

/* ── Оролтын мөр нарийсав (эзний шаардлага, 2026-08-19: «хэт өргөн») ── */
/* 40rem-ээс доош бол хэмжүүрийн дүрэм товчийг доод мөрт буулгадаг тул
   42rem нь хамгийн нарийн НЭГ МӨРИЙН хэмжээ. */
.work .doc-head>.head-seed{flex:0 1 42rem;max-width:42rem;min-width:16rem}
.work .doc-head>.work-doc-btn{margin-left:auto}

/* Тайлбарын хөтөч дэх жагсаалтууд — ажлын талбарын хязгаарлалт хамаарахгүй */
.work-doc-body .seed-ex-list,.work-doc-body .seed-flow{
  flex:none;overflow:visible;min-height:0}
.work-doc-body .seed-chips{display:flex;flex-wrap:wrap;gap:.3rem}

/* ══════ БҮРТГЭЛИЙН I, II ХЭСГИЙН ДҮРСЛЭЛ (2026-08-24) ═════════════
   Эзний шүүмж: «логик, дүрслэл, интерактив байдал эрс дутагдаж байна».
   Хоёр хэсэгт дөрвөн дүрслэл нэмэгдэв: таван цэгийн шалгуурын хэмжүүр,
   салбар дундын жингийн зурвас, суурь↔хэрэглээ залгаа тэнхлэг, хугацааны
   зурвас. Бүгд `container`-т багтана, хэвтээ гүйлт үүсгэхгүй.
   ⚠ `dur-` угтвар: `tl-` нь хэлхээний зурвасынх, давхарлаж болохгүй. */

/* ── Фраскатийн таван шалгуур ─────────────────────────────────────── */
.fr{display:grid;gap:.4rem;padding:.5rem .6rem .55rem;
  background:var(--surface-2);border:1px solid var(--border);border-radius:.6rem}
.fr-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  flex-wrap:wrap}
.fr-meter{display:flex;gap:.22rem}
.fr-pip{width:1.5rem;height:.38rem;border-radius:999px;background:var(--t-mute-bg,
  var(--surface-3));box-shadow:0 0 0 1px var(--border) inset}
.fr-pip.is-v-on{background:var(--ok);box-shadow:none}
.fr-pip.is-v-mid{background:var(--accent);opacity:.55;box-shadow:none}
.fr-pip.is-v-off{background:var(--danger);box-shadow:none}
.fr-rows{display:grid;gap:.3rem}
.fr-row{display:grid;gap:.15rem .6rem;padding:.28rem 0;
  border-top:1px solid var(--border);
  grid-template-columns:minmax(0,1fr) auto}
.fr-row:first-child{border-top:0}
.fr-k{display:flex;align-items:center;gap:.3rem;min-width:0}
.fr-k b{font-size:.82rem;font-weight:640;color:var(--ink)}
/* Тайлбарыг нээх товч — жижиг, мөрийн өндрийг нэмэгдүүлэхгүй */
.fr-more{width:1rem;height:1rem;flex:none;display:grid;place-items:center;
  font:inherit;font-size:.62rem;line-height:1;cursor:pointer;color:var(--muted);
  background:var(--surface);border:1px solid var(--border);border-radius:50%}
.fr-more:hover{color:var(--ink);border-color:var(--border-strong)}
.fr-row.is-open .fr-more{color:var(--accent);border-color:var(--accent)}
/* Шалгуурын тайлбар — зөвхөн дэлгэсэн үед */
.fr-ask{display:none;grid-column:1/-1;margin:.1rem 0 0;
  font-size:.7rem;line-height:1.35;color:var(--muted);text-wrap:pretty}
.fr-row.is-open .fr-ask{display:block}
/* Үндэслэл — нэг мөр, бүтнээр нь `title`-д. Дэлгэвэл бүтнээрээ гарна. */
.fr-row .fr-why{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fr-row.is-open .fr-why{white-space:normal}
.fr-btns{display:flex;gap:.2rem;align-self:center;flex-wrap:wrap}
.fr-b{font:inherit;font-size:.68rem;padding:.15rem .45rem;cursor:pointer;
  color:var(--muted);background:var(--surface);border:1px solid var(--border);
  border-radius:999px}
.fr-b:hover{border-color:var(--border-strong);color:var(--ink-2)}
/* Сонгогдсон товч: өнгө нь тухайн үнэлгээний утгыг заана. ⚠ `is-on` нь
   «сонгогдсон», `is-on/is-mid/is-off` нь ҮНЭЛГЭЭНИЙ төрөл — хоёр өөр
   үүрэгтэй класс тул хамт бичигдэнэ. */
.fr-b.is-on{font-weight:640;border-color:currentColor;
  box-shadow:0 0 0 2px var(--accent-soft)}
.fr-b.is-v-on.is-on{color:var(--ok)}
.fr-b.is-v-mid.is-on{color:var(--accent)}
.fr-b.is-v-off.is-on{color:var(--danger)}
.fr-row .fr-why{grid-column:1/-1;margin:0;font-size:.7rem;line-height:1.4;
  color:var(--muted)}
.fr-sum{margin:0;padding:.32rem .5rem;font-size:.74rem;line-height:1.45;
  border-radius:.45rem;background:var(--surface);
  border-left:3px solid var(--border-strong);text-wrap:pretty}
.fr-sum.is-on{border-left-color:var(--ok);color:var(--ink-2)}
.fr-sum.is-mid{border-left-color:var(--accent);color:var(--ink-2)}
.fr-sum.is-off{border-left-color:var(--danger);color:var(--ink-2)}
@container (max-width:26rem){
  .fr-row{grid-template-columns:minmax(0,1fr)}
  .fr-btns{justify-self:start}
}

/* ── Салбар дундын жин ────────────────────────────────────────────── */
.mix{display:grid;gap:.35rem;min-width:0}
.mix-bar{display:flex;height:.5rem;border-radius:999px;overflow:hidden;
  background:var(--surface-3)}
.mix-seg{display:block;min-width:2px}
.mix-seg.is-c0,.mix-dot.is-c0{background:var(--accent)}
.mix-seg.is-c1,.mix-dot.is-c1{background:var(--ok)}
.mix-seg.is-c2,.mix-dot.is-c2{background:var(--border-strong)}
.mix-seg.is-c3,.mix-dot.is-c3{background:var(--muted)}
.mix-rows{display:grid;gap:.25rem}
.mix-row{display:grid;align-items:center;gap:.1rem .45rem;min-width:0;
  grid-template-columns:auto minmax(0,1fr) 7rem 2.6rem}
.mix-dot{width:.55rem;height:.55rem;border-radius:50%}
.mix-name{font-size:.76rem;color:var(--ink-2);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mix-rng{width:100%;accent-color:var(--accent);min-width:0}
.mix-pct{font-size:.74rem;text-align:right;color:var(--ink)}
.mix-row .rf-why{grid-column:2/-1;margin:0;font-size:.7rem}
@container (max-width:30rem){
  .mix-row{grid-template-columns:auto minmax(0,1fr) 2.6rem}
  .mix-rng{grid-column:2/-1}
}

/* ── Суурь ↔ хэрэглээ: залгаа тэнхлэг ─────────────────────────────── */
.rd{display:grid;gap:.25rem;min-width:0}
.rd-scale{position:relative;display:grid;gap:.3rem;
  grid-auto-flow:column;grid-auto-columns:1fr;align-items:start}
.rd-line{position:absolute;left:8%;right:8%;top:.32rem;height:2px;
  background:var(--border);border-radius:2px}
.rd-pt{position:relative;display:grid;justify-items:center;gap:.25rem;
  font:inherit;background:none;border:0;padding:0;cursor:pointer;min-width:0}
.rd-dot{width:.72rem;height:.72rem;border-radius:50%;background:var(--surface);
  box-shadow:0 0 0 1.5px var(--border-strong) inset}
.rd-pt:hover .rd-dot{box-shadow:0 0 0 1.5px var(--accent) inset}
.rd-pt.is-on .rd-dot{background:var(--accent);
  box-shadow:0 0 0 3px var(--accent-soft),0 0 0 1px var(--accent)}
.rd-lb{font-size:.68rem;line-height:1.25;text-align:center;color:var(--muted);
  text-wrap:balance}
.rd-pt.is-on .rd-lb{color:var(--ink);font-weight:640}
.rd-ends{display:flex;justify-content:space-between;font-size:.62rem;
  letter-spacing:.04em;color:var(--muted)}

/* ── Хугацааны зурвас ─────────────────────────────────────────────── */
/* Мөрийн БҮТЭН өргөнийг эзэлнэ: шошгын багана дор шахагдвал дөрвөн үе
   шатны тайлбар нурж, зурвас уншигдахаа болино. */
.rf-row>.dur{grid-column:1/-1;margin-top:.15rem}
.dur{display:grid;gap:.3rem;min-width:0}
.dur-bar{display:flex;height:.44rem;border-radius:999px;overflow:hidden;
  background:var(--surface-3)}
.dur-seg{display:block;min-width:2px}
.dur-seg.is-p0,.dur-dot.is-p0{background:var(--border-strong)}
.dur-seg.is-p1,.dur-dot.is-p1{background:var(--accent)}
.dur-seg.is-p2,.dur-dot.is-p2{background:var(--ok)}
.dur-seg.is-p3,.dur-dot.is-p3{background:var(--muted)}
.dur-keys{display:flex;flex-wrap:wrap;gap:.15rem .7rem}
.dur-key{display:inline-flex;align-items:center;gap:.25rem;font-size:.68rem;
  color:var(--muted)}
.dur-key b{color:var(--ink-2);font-weight:600}
.dur-dot{width:.5rem;height:.5rem;border-radius:50%}

/* ── Хүн-жилийн тооцоолуур ────────────────────────────────────────── */
.fte{display:grid;gap:.25rem;min-width:0}
.fte-row{display:flex;align-items:end;flex-wrap:wrap;gap:.35rem .5rem}
.fte-f{display:grid;gap:.1rem}
.fte-lb{font-size:.62rem;letter-spacing:.04em;color:var(--muted)}
.fte-n{width:4.6rem;font:inherit;font-size:.8rem;padding:.2rem .35rem;
  color:var(--ink);background:var(--surface);border:1px solid var(--border);
  border-radius:.4rem}
.fte-n:focus{outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-soft)}
.fte-eq{align-self:center;color:var(--muted)}
.fte-out{align-self:center;font-size:.86rem;font-weight:650;color:var(--ink)}
.fte-hint{font-size:.68rem;color:var(--muted)}

/* ── Нөхцөлийн нийцэл — дүрэмд суурилсан дүгнэлт ──────────────────── */
.rdy{display:grid;gap:.25rem;padding:.45rem .55rem;background:var(--surface-2);
  border:1px solid var(--border);border-radius:.6rem}
.rdy-sum{margin:0;font-size:.76rem;line-height:1.45;font-weight:600;
  padding-left:.5rem;border-left:3px solid var(--border-strong);text-wrap:pretty}
.rdy-sum.is-on{border-left-color:var(--ok);color:var(--ink-2)}
.rdy-sum.is-mid{border-left-color:var(--accent);color:var(--ink-2)}
.rdy-sum.is-off{border-left-color:var(--danger);color:var(--ink-2)}
.rdy-list{margin:0;padding-left:1rem;display:grid;gap:.15rem}
.rdy-list li{font-size:.72rem;line-height:1.4;color:var(--muted);text-wrap:pretty}
.rdy-list li.is-w1{color:var(--ink-2)}
.rdy-list li.is-w2{color:var(--danger)}

/* Төв хэсэг хоосон үед хайрцаг харагдахгүй */
.seed-cols:empty{display:none}

/* Хадгалалтын горимын мөр (2026-08-24). Зочинд «үлдэхгүй», нэвтэрсэн
   хүнд «үлдэнэ» гэдгийг ажлын талбарын толгойд нэг мөрөөр хэлнэ.
   Тэгшитгэсэн (justify) бичвэр богино мөрөнд завсар цоорхойлдог тул
   зүүн зэрэгцүүлнэ. */
.seed-save{margin:0;font-size:.78rem;line-height:1.5;color:var(--muted);
  text-align:left;max-width:52rem}

/* ═════════ Зүүн ба баруун мөр — БИЕ ДААСАН, ИЖИЛ загвартай самбар ═════
   Эзний шүүмж (2026-08-19): хэвтээ индикатор нарийсаж, үсэг жижгэрч
   уншигдахаа больсон. Одоо хоёр мөр адилхан: гарчиг · жагсаалт · хөл.
   Зүүн нь шат хооронд шилжүүлнэ, баруун нь энэ шатны дараалал. */
.work-zones{grid-template-columns:15.5rem minmax(0,1fr) 17rem}
@media (max-width:1280px){ .work-zones{grid-template-columns:14rem minmax(0,1fr)}
  .work-rail.is-auto{display:none} }

.work-rail{min-height:0;display:flex;flex-direction:column;gap:.5rem;
  padding:.7rem .75rem;border:1px solid var(--border);border-radius:var(--radius);
  background:var(--surface);overflow:hidden}
.work-rail-h{flex:none;font-size:.66rem;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);
  padding-bottom:.4rem;border-bottom:1px solid var(--border)}
.rail-list{flex:1;min-height:0;overflow:hidden;display:grid;gap:.08rem;
  align-content:start}

/* Мөрийн нэгж — хоёр талд ижил */
.rail-i{display:grid;grid-template-columns:.5rem 1.35rem minmax(0,1fr);
  gap:.45rem;align-items:center;width:100%;text-align:left;
  padding:.34rem .4rem;border:0;border-radius:.42rem;background:none;
  color:var(--ink-2);font:inherit;font-size:.82rem;line-height:1.25;
  cursor:pointer;transition:background .14s,color .14s}
.rail-i:hover{background:var(--surface-2);color:var(--ink)}
.rail-no{font-size:.7rem;color:var(--muted-2,var(--muted));font-weight:600}
.rail-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rail-dot{width:.5rem;height:.5rem;border-radius:50%;
  background:var(--surface-2);box-shadow:0 0 0 1px var(--border) inset}

/* Төлөв — зөвхөн баруун мөрд утгатай */
.rail-i.is-done .rail-dot{background:var(--t-ok,#4d7c4d);box-shadow:none}
.rail-i.is-run .rail-dot{background:var(--t-warn,var(--accent));box-shadow:none}
.rail-i.is-done .rail-t{color:var(--ink)}
.rail-i.is-todo .rail-t{color:var(--muted)}

/* Заалт — хоёр талд ижил тэмдэглэгээ */
.rail-i.is-at{background:var(--accent-soft);color:var(--ink);font-weight:640;
  box-shadow:inset 2px 0 0 var(--accent)}
.rail-i.is-at .rail-no{color:var(--accent)}
.rail-i.is-at .rail-t{color:var(--ink)}

/* Хөл — тайлбар, тоо */
.rail-key{flex:none;display:flex;flex-wrap:wrap;gap:.15rem .7rem;
  padding-top:.4rem;border-top:1px solid var(--border);
  font-size:.66rem;color:var(--muted)}
.rail-key span{display:inline-flex;align-items:center;gap:.28rem}
.rail-key i{width:.45rem;height:.45rem;border-radius:50%;font-style:normal}
.rail-key .k-done i{background:var(--t-ok,#4d7c4d)}
.rail-key .k-run i{background:var(--t-warn,var(--accent))}
.rail-key .k-todo i{background:var(--surface-2);box-shadow:0 0 0 1px var(--border) inset}
/* ① — хэвтээ зурвас хасагдсан тул мөр гурав: толгой · бүсүүд · хөл */
.work{grid-template-rows:auto minmax(0,1fr) auto}
/* Нэр таслахгүй, хоёр мөр хүртэл бүтнээр уншигдана */
.rail-i{align-items:start}
.rail-t{white-space:normal;text-overflow:clip;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rail-dot,.rail-no{margin-top:.12rem}

/* ── Автоматжуулалтын дараалал — зүүн зурваст, шатны ДОР салаалсан мод ──
   Эзний шаардлага 2026-08-19: «арван үе шатын дор ойлгомжтой байдлаар,
   босоо, шугмаар салаалж зурагдана». */
.work-zones{grid-template-columns:17.5rem minmax(0,1fr) 13rem}
@media (max-width:1280px){ .work-zones{grid-template-columns:16rem minmax(0,1fr)} }
.work-rail .rail-list{overflow:hidden}

.rail-kids{position:relative;display:grid;gap:.02rem;
  margin:.2rem 0 .35rem 1.05rem;padding-left:.85rem}
/* Салаалах их бие — сүүлчийн мөрийн голд дуусна */
.rail-kids::before{content:"";position:absolute;left:0;top:-.1rem;bottom:.78rem;
  width:1px;background:var(--border)}
.rail-kids>.rail-i{position:relative;grid-template-columns:.4rem 1.25rem minmax(0,1fr);
  gap:.4rem;font-size:.78rem;padding:.26rem .35rem}
/* Мөчрийн холбоос */
.rail-kids>.rail-i::before{content:"";position:absolute;left:-.85rem;top:.78rem;
  width:.62rem;height:1px;background:var(--border)}
.rail-kids .rail-dot{width:.4rem;height:.4rem;margin-top:.2rem}
.rail-kids .rail-no{font-size:.64rem}
.rail-kids .rail-t{-webkit-line-clamp:2}
.rail-kids>.rail-i.is-at{box-shadow:inset 2px 0 0 var(--accent)}

/* ═════════ ЗҮҮН ЗУРВАС — гүнзгийрүүлсэн хувилбар (2026-08-19) ═════════
   Эзний шаардлага: «санаа, байрлал зөв — фон өнгө, логик, ui/ux-ыг илүү
   хөгжүүлэлт хий».
   Шийдэл:
     · зурвас нь агуулгаас ЯЛГААТАЙ дулаан гадаргатай — навигац гэдэг нь
       өнгөөрөө мэдрэгдэнэ;
     · шатны мөрд төлөвийн цэг байхгүй (энэ хуудас бусад шатны төлөвийг
       мэдэхгүй тул хоосон цэг худал мэдээлэл өгч байв) — дугаар нь тэмдэг;
     · идэвхтэй шат бүтэн мөрөөрөө тодорч, доорх мод түүнээс УРСАЖ гарна;
     · мөчрийн шугам МУРУЙ — мод гэдэг нь нүдэнд шууд уншигдана;
     · хөлд явцын тоо: энэ шатны хэдэн алхам ажилласан. */
.work-rail{
  padding:.75rem .7rem .6rem;
  border:1px solid var(--border);border-radius:var(--radius);
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--accent) 4%,var(--surface)) 0%,
      var(--surface) 42%);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 70%,transparent),
             0 1px 2px -1px rgba(18,21,26,.07)}
[data-theme=dark] .work-rail{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--accent) 9%,var(--surface)) 0%,var(--surface) 42%);
  box-shadow:none}

.work-rail-h{display:flex;align-items:center;gap:.4rem;
  font-size:.64rem;letter-spacing:.11em;color:var(--muted);
  padding:0 .35rem .45rem;border-bottom:1px solid var(--border)}
.rail-of{font-size:.68rem;font-weight:700;color:var(--accent);letter-spacing:.02em}

/* ── Шатны мөр ── */
.rail-list>.rail-i{grid-template-columns:1.6rem minmax(0,1fr);gap:.5rem;
  padding:.38rem .4rem;font-size:.84rem;color:var(--ink-2);border-radius:.45rem}
.rail-list>.rail-i .rail-no{font-size:.68rem;font-weight:700;
  color:var(--muted-2,var(--muted));letter-spacing:.02em}
.rail-list>.rail-i:hover{background:color-mix(in srgb,var(--accent) 7%,transparent);
  color:var(--ink)}
.rail-list>.rail-i:hover .rail-no{color:var(--accent)}
/* Идэвхтэй шат — бүтэн мөр тодорч, доорх мод түүнээс урсана */
.rail-list>.rail-i.is-at{
  background:color-mix(in srgb,var(--accent) 13%,transparent);
  color:var(--ink);font-weight:660;
  box-shadow:inset 2.5px 0 0 var(--accent)}
.rail-list>.rail-i.is-at .rail-no{color:var(--accent)}
.rail-list>.rail-i.is-at .rail-t{-webkit-line-clamp:2}

/* ── Салаалсан мод ── */
.rail-kids{margin:.1rem 0 .45rem .78rem;padding-left:.95rem;gap:0}
.rail-kids::before{left:0;top:-.35rem;bottom:.85rem;
  background:color-mix(in srgb,var(--accent) 34%,var(--border))}
/* Муруй мөчир: босоо ирмэгээс гарч, доошоо эргэж мөр рүү ордог */
.rail-kids>.rail-i::before{left:-.95rem;top:.32rem;width:.72rem;height:.55rem;
  background:none;border-left:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));
  border-bottom:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));
  border-bottom-left-radius:.42rem}
.rail-kids>.rail-i{padding:.24rem .35rem;font-size:.775rem;
  grid-template-columns:.42rem 1.15rem minmax(0,1fr);gap:.38rem;
  color:var(--muted);border-radius:.4rem}
.rail-kids>.rail-i:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);
  color:var(--ink-2)}
.rail-kids>.rail-i.is-done{color:var(--ink-2)}
.rail-kids>.rail-i.is-run{color:var(--ink);font-weight:600}
.rail-kids>.rail-i.is-at{background:color-mix(in srgb,var(--accent) 11%,transparent);
  color:var(--ink);font-weight:620;box-shadow:inset 2px 0 0 var(--accent)}
.rail-kids .rail-dot{width:.42rem;height:.42rem;margin-top:.22rem;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,var(--border)) inset}
.rail-kids>.rail-i.is-run .rail-dot{
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}

/* ── Хөл: явц ба тайлбар ── */
.rail-key{gap:.2rem .65rem;padding:.45rem .35rem 0;font-size:.64rem}
.k-prog{width:100%;color:var(--ink-2);font-weight:560}
.rail-prog{color:var(--accent);font-weight:700}
.rail-prog.is-full{color:var(--t-ok,#4d7c4d)}

/* ── БАРУУН МӨР — шинжлэх ухааны салбарын ангилал (FORD) ──────────────
   Зүүн зурвастай ижил хэл: гарчиг · жагсаалт · хөл. Үндсэн салбар дээр
   дархад дэд салбарууд нь ижил муруй мөчрөөр салаална. */
.work-zones{grid-template-columns:17.5rem minmax(0,1fr) 16.5rem}
@media (max-width:1360px){ .work-zones{grid-template-columns:16rem minmax(0,1fr)}
  .work-rail.is-ford{display:none} }

.is-ford .rail-list>.rail-i{grid-template-columns:1.15rem minmax(0,1fr) auto;
  gap:.45rem;align-items:center}
.is-ford .rail-list>.rail-i .rail-no{color:var(--accent);font-weight:700}
.is-ford .rail-t{-webkit-line-clamp:2}
.rail-caret{flex:none;font-size:.64rem;font-weight:700;color:var(--muted-2,var(--muted));
  font-variant-numeric:tabular-nums;letter-spacing:.02em}
.is-ford .rail-i.is-at .rail-caret{color:var(--accent)}

/* Дэд салбарууд — дарагдахгүй, зөвхөн уншина */
.is-ford .rail-kids{margin-left:.5rem;padding-left:.85rem}
.is-ford .rail-kids>.rail-i{grid-template-columns:1.55rem minmax(0,1fr);
  gap:.4rem;cursor:default;align-items:start;color:var(--ink-2);font-size:.755rem}
.is-ford .rail-kids>.rail-i:hover{background:none;color:var(--ink)}
.is-ford .rail-kids>.rail-i::before{top:.5rem;height:.5rem}
.is-ford .rail-kids .rail-no{color:var(--muted-2,var(--muted));font-weight:600}
/* Илэрсэн салбар — хоосон төлөв ба давтамжийн тэмдэглэгээ */
.rail-empty{display:grid;gap:.25rem;padding:.9rem .5rem;color:var(--ink-2)}
.rail-empty b{font-size:.82rem;font-weight:620}
.rail-empty .hint{font-size:.72rem;line-height:1.45}
.is-ford .rail-i.is-found{grid-template-columns:1.15rem minmax(0,1fr) auto;
  gap:.45rem;align-items:center;cursor:default;font-weight:600;color:var(--ink)}
.is-ford .rail-i.is-found:hover{background:none}
.is-ford .rail-i.is-found .rail-caret{color:var(--accent);
  background:var(--accent-soft);border-radius:999px;padding:.05rem .35rem}
.is-ford .rail-kids .rail-caret{color:var(--muted-2,var(--muted));font-size:.6rem}
.rail-pager{flex:none}

/* ── Таны сэдэв — төв талбарын дээд мөр ────────────────────────────
   Хэрэглэгчийн бичсэн сэдэв бүтнээрээ, товчлолгүй. Ажлын бүх үзэгдэлд
   (зураглал, алхам) харагдана — хаана явааг сануулж байдаг тулгуур. */
/* НЭГ МӨР: шошго ба сэдэв зэрэгцэнэ (эзний засвар, 2026-08-19). */
.topic-bar{flex:none;display:flex;align-items:baseline;gap:.6rem;
  padding:0 0 .55rem;margin-bottom:.15rem;
  border-bottom:1px solid var(--border)}
.topic-bar>.topic-bar-k{flex:none}
.topic-bar>.topic-bar-t{min-width:0}
.topic-bar[hidden]{display:none}
.topic-bar-k{font-size:.6rem;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--accent)}
.topic-bar-t{margin:0;font-size:clamp(.98rem,1.5vw,1.18rem);font-weight:600;
  line-height:1.35;color:var(--ink)}

/* ── ЧИГЛЭЛИЙН ЗУРАГЛАЛ — сэдвээс салаалсан хэвтээ мод ──────────────
   Эзний шаардлага 2026-08-19: чиглэлүүд төв талбарын дээд хэсэгт,
   зүүнээс баруун тийш эрэмбэлэгдэн, нэр нь бүтнээрээ бичигдэнэ. */
.angle-map{flex:none;position:relative;display:grid;gap:.5rem;padding-top:1.15rem;
  grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}
/* Их бие — сэдвээс доош гарах иш */
.angle-map::after{content:"";position:absolute;left:50%;top:0;width:1px;height:.55rem;
  background:color-mix(in srgb,var(--accent) 45%,var(--border))}
/* Хөндлөн холбоос — эхний зангилаанаас сүүлчийнх хүртэл */
.angle-map::before{content:"";position:absolute;top:.55rem;height:1px;
  left:calc(50% / var(--n,3));right:calc(50% / var(--n,3));
  background:color-mix(in srgb,var(--accent) 45%,var(--border))}
.angle-node{position:relative;display:grid;gap:.2rem;align-content:start;
  padding:.55rem .6rem;border:1px solid var(--border);border-radius:.6rem;
  background:var(--surface);color:inherit;font:inherit;text-align:left;
  cursor:pointer;transition:border-color .14s,transform .14s,box-shadow .14s}
/* Зангилаа руу орох иш */
.angle-node::before{content:"";position:absolute;left:50%;top:-.6rem;width:1px;
  height:.6rem;background:color-mix(in srgb,var(--accent) 45%,var(--border))}
.angle-node:hover{border-color:var(--accent);transform:translateY(-1px);
  box-shadow:0 4px 12px -8px rgba(18,21,26,.5)}
.angle-node.is-on{border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 8%,var(--surface));
  box-shadow:0 0 0 1px var(--accent)}
.angle-node-h{display:flex;align-items:center;gap:.35rem}
.angle-node-h .angle-no{font-size:.62rem;color:var(--muted-2,var(--muted));font-weight:700}
.angle-node-t{font-size:.85rem;font-weight:620;line-height:1.3;color:var(--ink)}
.angle-node-d{font-size:.63rem;letter-spacing:.04em;text-transform:uppercase;
  color:var(--muted-2,var(--muted));font-weight:600}
.angle-node-n{font-size:.72rem;line-height:1.4;color:var(--muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.angle-node .angle-mark{width:1.25rem;height:1.25rem;font-size:.66rem}

/* Зураглал доорх хэсэг — хоёр багана */
.ex-grid.is-two{grid-template-columns:minmax(0,1fr) minmax(17rem,21rem)}
@media (max-width:1100px){ .ex-grid.is-two{grid-template-columns:minmax(0,1fr)} }

/* ── Зураглалын доорх дараалал: нарийвчилсан чиглэл → дэлгэрэнгүй ──
   Эзний шаардлага 2026-08-19: хажуугийн багана биш, дараалал дагуу доор. */
.ex-stack{flex:1;min-height:0;display:flex;flex-direction:column;gap:.6rem}
/* ⚠ Дэд чиглэлийн эгнээ өөрийн ЖИНХЭНЭ өндрөө авна — өмнө нь шахагдаж,
   нэг карт нэг хуудас болж «1 / 4» гэж хуваагдаж байв. Дэлгэрэнгүй нь
   үлдсэн зайг эзэлж, хэрэгтэй бол дотроо хуудаслана. */
/* Өндрийн хуваарилалт нь СОНГОЛТООС хамаарна:
   · дэд чиглэл сонгоогүй бол дэлгэрэнгүй нь зөвхөн богино мэдэгдэл —
     бүх зайг чиглэлийн картууд авна;
   · сонгосон бол дэлгэрэнгүй нь жинхэнэ талбай шаардана. */
.ex-stack>.ex-leafs{flex:1 1 auto;min-height:0}
.ex-stack>.ex-detail{flex:0 0 auto;min-height:3.5rem;max-height:35%}
.ex-stack>.ex-detail.has-stem{flex:1 1 0;min-height:11rem;max-height:none}
.work-stage .ex-stack .leafs{
  grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr))}

/* ═════════ MAP — сэдэв → чиглэл → дэд чиглэл → дэлгэрэнгүй ═════════
   Эзний шаардлага 2026-08-19: түвшин бүр ЗУРААСААР холбогдож, дотроо
   зүүнээс баруун тийш эрэмбэлэгдэнэ. Ишний хэвтээ байрлалыг JS-ээс
   ирэх `--n` (нийт) ба `--sel` (сонгосны дугаар)-аар тооцно. */
.work-stage .explorer{--mm:color-mix(in srgb,var(--accent) 48%,var(--border))}

/* Сэдвийн мөр — доороо зураасаар үргэлжилнэ, хаалт болохгүй */
.topic-bar{border-bottom:0;padding-bottom:.35rem;margin-bottom:0}

/* Түвшин 1 — чиглэлүүд */
.angle-map{padding-top:1.5rem}
.angle-map::after{top:-.2rem;height:.95rem;background:var(--mm)}
.angle-map::before{top:.75rem;background:var(--mm)}
.angle-node::before{top:-.5rem;height:.5rem;background:var(--mm)}

/* Түвшин 2, 3 — сонгосон эцгээс буух иш ба хөндлөн хуваарилалт */
.mm-level{position:relative;padding-top:1.35rem}
/* Иш нь ЗӨВХӨН эцэг сонгогдсон үед татагдана — эс тэгвэл хоосон талбай
   дээр утгагүй зураас үлддэг. */
.mm-level.has-stem::before{content:"";position:absolute;top:0;height:.85rem;width:1px;
  left:calc((var(--sel,0) + .5) * 100% / var(--n,1));background:var(--mm)}
.mm-level>*{position:relative;z-index:1}

/* Дэд чиглэлийн эгнээ — өөрийн хөндлөн шугам ба ишүүд */
.mm-row{position:relative;padding-top:.95rem}
.mm-row::before{content:"";position:absolute;top:0;height:1px;
  left:calc(50% / var(--ln,1));right:calc(50% / var(--ln,1));background:var(--mm)}
.mm-row>.leaf{position:relative}
.mm-row>.leaf::before{content:"";position:absolute;left:50%;top:-.95rem;width:1px;
  height:.95rem;background:var(--mm)}
/* Нэг мөрөнд багтсан үед л хөндлөн шугам утгатай */
.mm-row{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);
  grid-template-columns:none}

/* Түвшин 3 — дэлгэрэнгүй */
.mm-level.is-last.has-stem::before{top:0;height:.85rem}
.ex-stack>.ex-detail{margin-top:.1rem}

/* ── Зураглалын зангилаа НЯГТ байна ────────────────────────────────
   Дэд чиглэлийн карт өмнө нь бүтэн баганад суудаг байсан тул өндөр
   байв. Дараалсан бүтэцд тэр өндөр багтахгүй — тиймээс зангилаанд
   зөвхөн ТАНИХ мэдээлэл (төлөв · нэр · салбар) үлдэнэ. Судлагдсан
   түвшин, түвшин солих сонголт нь доорх дэлгэрэнгүйд хэвээр байна. */
.mm-row>.leaf{padding:.5rem .6rem;gap:.3rem}
.mm-row .leaf-title{font-size:.85rem;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.mm-row .leaf-disc{font-size:.56rem}
.mm-row .leaf-levels{display:none}
.mm-row .leaf-path{font-size:.68rem}
/* Дэлгэрэнгүйн хоосон мэдэгдэл нягт — доод ирмэгээс халихгүй */
.ex-stack .ex-empty{padding:.55rem .7rem;text-align:left;gap:.15rem}
.ex-stack .ex-empty b{font-size:.82rem}
.ex-stack .ex-empty .hint{font-size:.74rem;line-height:1.4}

/* ═════════ ① БҮРТГЭЛИЙН АСУУЛГА (шинэ логик, 2026-08-19) ═════════
   Сэдвийг тооцоолж, түвшин · салбар · хэлбэрийг санал болгоно. Судлаач
   засаж баталгаажуулаад бүртгүүлнэ. Санал бүр ҮНДЭСЛЭЛТЭЙ — тушаал биш. */
.intake-area,.reg-area{flex:1;min-height:0;overflow:hidden;
  display:flex;flex-direction:column;gap:.55rem}
.intake-area[hidden],.reg-area[hidden]{display:none}
.rf-lead-t{margin:0;font-size:.85rem;line-height:1.5;color:var(--ink-2);flex:none}
.rf-k{font-size:.6rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--accent)}
.rf-sel{width:100%;padding:.35rem .45rem;border:1px solid var(--border);
  border-radius:.45rem;background:var(--surface-2);font-size:.85rem;font-weight:600}
.rf-why{margin:0;font-size:.73rem;line-height:1.45;color:var(--muted)}
.rf-q{display:grid;gap:.25rem;align-content:start;padding:.5rem .6rem;
  border:1px solid var(--border);border-radius:.55rem;background:var(--surface)}
.rf-q-h{display:flex;align-items:baseline;gap:.4rem}
.rf-q-h b{font-size:.82rem;font-weight:620;line-height:1.3}
.rf-q-n{font-size:.62rem;color:var(--muted-2,var(--muted));font-weight:700}
.rf-chips{display:flex;flex-wrap:wrap;gap:.25rem}
.rf-chip{padding:.2rem .5rem;border:1px solid var(--border);border-radius:999px;
  background:var(--surface-2);color:var(--ink-2);font-size:.74rem;cursor:pointer}
.rf-chip:hover{border-color:var(--accent);color:var(--accent)}
.rf-chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.rf-free{width:100%;padding:.28rem .45rem;border:1px solid var(--border);
  border-radius:.4rem;background:transparent;font-size:.76rem}
.intake-foot{flex:none;display:flex;align-items:center;gap:.5rem;padding-top:.4rem;
  border-top:1px solid var(--border)}

/* Бүртгэлийн хураангуй */
.reg-card{flex:none;display:grid;gap:.35rem;padding:.8rem .9rem;
  border:1px solid var(--accent);border-radius:.7rem;
  background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.reg-h{display:flex;align-items:center;gap:.5rem}
.reg-badge{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent-fg);background:var(--accent);padding:.12rem .45rem;border-radius:999px}
.reg-row{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.6rem;
  padding:.22rem 0;border-top:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}
.reg-row:first-of-type{border-top:0}
.reg-k{font-size:.7rem;color:var(--muted);padding-top:.08rem}
.reg-row b{font-size:.84rem;font-weight:600;line-height:1.35}

/* ═════════ НИЙЦЛИЙН ҮНЭЛГЭЭ ═════════
   Бичсэн сэдэв ↔ сонгосон түвшин · салбар · хэлбэр. Дүгнэлт, зөрүү,
   зөв болгох саналууд. Судлаач нэгийг сонгоход сэдэв шинэчлэгдэнэ. */
.fit-area{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.55rem}
.fit-area[hidden]{display:none}

.fit-head{flex:none;display:grid;gap:.3rem;padding:.6rem .75rem;border-radius:.6rem;
  border-left:3px solid var(--muted)}
.fit-head.is-ok{border-left-color:var(--t-ok,#4d7c4d);
  background:color-mix(in srgb,#4d7c4d 7%,transparent)}
.fit-head.is-warn{border-left-color:var(--accent);background:var(--accent-soft)}
.fit-head.is-bad{border-left-color:#b4553e;
  background:color-mix(in srgb,#b4553e 8%,transparent)}
.fit-badge{font-size:.62rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.fit-head.is-ok .fit-badge{color:var(--t-ok,#4d7c4d)}
.fit-head.is-warn .fit-badge{color:var(--accent)}
.fit-head.is-bad .fit-badge{color:#b4553e}
.fit-sum{margin:0;font-size:.82rem;line-height:1.5;color:var(--ink-2)}

.fit-gaps{flex:none;display:grid;gap:.35rem;
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.fit-gap{position:relative;display:grid;gap:.12rem;padding:.4rem .55rem;
  border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}
.fit-gap b{font-size:.78rem;font-weight:620;padding-right:3rem}
.fit-gap .hint{font-size:.72rem;line-height:1.4}
.fit-sev{position:absolute;top:.4rem;right:.5rem;font-size:.6rem;font-weight:700;
  letter-spacing:.06em;color:var(--muted-2,var(--muted))}
.fit-gap.sev-өндөр{border-left:2px solid #b4553e}
.fit-gap.sev-дунд{border-left:2px solid var(--accent)}

.fit-opts-h{flex:none;font-size:.62rem;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--muted);padding-top:.25rem;
  border-top:1px solid var(--border)}
.fit-opts{flex:1;min-height:0;overflow:hidden;display:grid;gap:.5rem;align-content:start;
  grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}
.fit-opt{display:grid;gap:.25rem;align-content:start;padding:.55rem .65rem;
  border:1px solid var(--border);border-radius:.6rem;background:var(--surface)}
.fit-opt-h{display:flex;align-items:center;gap:.4rem}
.fit-no{font-size:.62rem;font-weight:700;color:var(--muted-2,var(--muted))}
.fit-chip{font-size:.62rem;font-weight:600;padding:.08rem .4rem;border-radius:999px;
  background:var(--surface-2);color:var(--muted)}
.fit-chip.is-ok{background:color-mix(in srgb,#4d7c4d 14%,transparent);color:#3f6b3f}
.fit-chip.is-warn{background:var(--accent-soft);color:var(--accent)}
.fit-topic{font-size:.86rem;font-weight:620;line-height:1.35;color:var(--ink)}
.fit-kv{margin:0;font-size:.73rem;line-height:1.45;color:var(--muted)}
.fit-k{display:inline-block;min-width:5.2rem;font-size:.6rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2,var(--muted))}
.fit-opt .btn{justify-self:start;margin-top:.2rem}
.fit-keep{max-width:32rem;text-align:right;font-size:.7rem}

/* ── Судлаачийн санал ба эцсийн баталгаажуулалт ────────────────────
   Автоматжуулалт санал болгоно, шийдвэр судлаачийнх. Дөрвөн хэсэг
   бүрд өөрийн бодлоо бичих газартай, эцэст нь сэдвээ эцэслэн
   баталгаажуулна — түүнээс өмнө дараагийн алхмууд нээгдэхгүй. */
.own{flex:none;display:grid;gap:.25rem;padding:.45rem .55rem;
  border:1px dashed var(--border-strong,var(--border));border-radius:.5rem;
  background:var(--surface-2)}
.own-h{display:flex;align-items:baseline;gap:.4rem;
  font-size:.6rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted)}
.own-h .hint{font-size:.62rem;letter-spacing:.02em;text-transform:none;font-weight:500}
.own-note{width:100%;padding:.35rem .45rem;border:1px solid var(--border);
  border-radius:.4rem;background:var(--surface);font-size:.8rem;line-height:1.45;
  resize:vertical}
.own-note:focus{outline:none;border-color:var(--accent)}

.fit-own{flex:none;display:grid;gap:.3rem;justify-items:start;
  padding:.5rem .6rem;border:1px solid var(--border);border-radius:.55rem;
  background:var(--surface)}
.fit-own .own-note{min-height:2.6rem}

.reg-notes{flex:none;display:grid;gap:.3rem;padding:.5rem .6rem;
  border:1px solid var(--border);border-radius:.55rem;background:var(--surface)}
.reg-note{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.6rem}
.reg-note p{margin:0;font-size:.79rem;line-height:1.45;color:var(--ink-2)}

.confirm{flex:none;padding:.6rem .7rem;border-radius:.6rem;
  border:1px solid var(--border-strong,var(--border));background:var(--surface-2)}
.confirm.is-on{border-color:var(--t-ok,#4d7c4d);
  background:color-mix(in srgb,#4d7c4d 8%,transparent)}
.confirm-in{display:grid;gap:.25rem;justify-items:start}
.confirm-in b{font-size:.86rem;font-weight:640}
.confirm-in .hint{font-size:.74rem;line-height:1.45}
.confirm-badge{font-size:.7rem;font-weight:700;letter-spacing:.04em;
  color:var(--t-ok,#4d7c4d)}
/* Бүртгэлийн карт талбайдаа багтана — баталгаажуулалт үргэлж харагдана */
.reg-area>.reg-card{flex:0 1 auto;min-height:0;overflow:hidden}
.reg-rows{min-height:0;overflow:hidden;display:grid;align-content:start}
.reg-area>.reg-notes{flex:0 0 auto;max-height:22%;overflow:hidden}
/* Олон сонголт — чипүүд нь сонголтын цэсний оронд */
.rf-sub{font-size:.6rem;letter-spacing:.05em;color:var(--muted-2,var(--muted))}

/* ── БИЧВЭР ХОЁР ТАЛДАА ЗЭРЭГЦЭНЭ (эзний хатуу дүрэм, 2026-08-19) ──
   Автоматжуулалтын гаргасан бүх бичвэр урд, ард талдаа зэрэгцсэн байна.
   Товч, шошго, чип, дугаар зэрэг НЭГ МӨРИЙН элементэд хамаарахгүй —
   тэдгээрт зэрэгцүүлэлт нь үг хооронд утгагүй завсар үүсгэдэг. */
.work-stage .rf-lead-t,
.work-stage .rf-why,
.work-stage .rf-q-h b,
.work-stage .fit-sum,
.work-stage .fit-topic,
.work-stage .fit-kv,
.work-stage .fit-gap b,
.work-stage .fit-gap .hint,
.work-stage .fit-keep,
.work-stage .reg-note p,
.work-stage .reg-row b,
.work-stage .step-body .doc-p,
.work-stage .step-body .tight li,
.work-stage .step-body .run-lead,
.work-stage .step-body .run-kv,
.work-stage .ex-empty span,
.work-doc-body .doc-p,
.work-doc-body .tight li,
.work-doc-body .term p{
  text-align:justify;text-justify:inter-word;hyphens:auto}
/* Сүүлийн мөр сунахгүй — зөвхөн дунд мөрүүд зэрэгцэнэ */
.work-stage p,.work-doc-body p{text-align-last:start}

/* Тодруулах асуултын карт бүтнээр багтана — өмнө нь анхааруулгын блок
   зайг идэж, карт дундуураа таслагдаж байв. */

/* Заавар бичвэр (placeholder) НАЛУУ — оруулсан агуулгаас нүдээр ялгарна */
.work-stage input::placeholder,
.work-stage textarea::placeholder,
.work .head-seed input::placeholder{font-style:italic;opacity:.85}

/* ── Хуудаслагч ИЛТ харагдана (эзний шүүмж, 2026-08-19) ────────────
   Өмнө нь хоёр жижиг сум байсан тул цааш хуудас байгаа эсэх нь
   мэдэгдэхгүй байв. Одоо: бичвэртэй товч · хуудасны тоо · цааш хэдэн
   бичлэг үлдсэн. Идэвхгүй тал нь бүдгэрнэ. */
.pg{gap:.4rem;padding-top:.45rem;margin-top:.1rem;
  border-top:1px solid var(--border)}
.pg-b{display:inline-flex;align-items:center;gap:.25rem;width:auto;height:auto;
  padding:.24rem .55rem;border-radius:.45rem;border:1px solid var(--border);
  background:var(--surface);color:var(--ink-2);font-size:.74rem;font-weight:560}
.pg-b:hover:not(:disabled){border-color:var(--accent);color:var(--accent);
  background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.pg-b:disabled{opacity:.3}
.pg-l{font-size:.7rem;color:var(--muted);font-weight:600}
.pg-more{font-size:.68rem;color:var(--accent);font-weight:600;
  padding:.08rem .4rem;border-radius:999px;background:var(--accent-soft)}
.pg-more[hidden]{display:none}

/* Хэсгийн гарчигт бичлэгийн тоо */.fit-opts-h{display:flex;align-items:center;gap:.45rem}
.sec-n{font-size:.62rem;font-weight:700;color:var(--accent);
  background:var(--accent-soft);padding:.05rem .4rem;border-radius:999px;
  letter-spacing:0}

/* ── Зэрэгцүүлэлтийг БҮХ бичвэрт (эзний шүүмж, 2026-08-19) ─────────
   Өмнөх дүрэм зөвхөн нэрлэсэн ангиудад хамаарч, зарим бичвэр
   зэрэгцээгүй үлдэж байв. Одоо ажлын талбайн бүх догол мөр, жагсаалт,
   тайлбар зэрэгцэнэ; зөвхөн НЭГ МӨРИЙН удирдлагууд чөлөөтэй. */
.work-stage p,.work-stage li,.work-stage .hint,
.work-stage .fit-topic,.work-stage .rf-q-h b,.work-stage .reg-row b,
.work-stage .own-note,.work-doc-body p,.work-doc-body li{
  text-align:justify;text-justify:inter-word;hyphens:auto}
.work-stage p,.work-doc-body p,.work-stage li,.work-doc-body li{text-align-last:start}
/* Үл хамаарах: шошго, товч, чип, хуудаслагч, зурвас, толгой, хөл */
.work-stage .rf-k,.work-stage .rf-sub,.work-stage .own-h,.work-stage .fit-opts-h,.work-stage .fit-badge,
.work-stage .fit-chip,.work-stage .rf-chip,.work-stage .btn,
.work-stage .pg,.work-stage .pg-l,.work-stage .pg-more,.work-stage .reg-k,
.work-stage .reg-badge,.work-stage .confirm-badge,.work-stage .fit-sev,
.work-stage .fit-k,.work-stage .chain-head,.work-stage .step-head,
.work-stage .intake-foot,.work-stage .intake-foot .hint{
  text-align:start;hyphens:manual}

/* ── 01/05 ба цаашдын алхмууд: ҮСГИЙН ХЭМЖЭЭ ЖИГД (эзний шүүмж) ────
   Гаралтын талбарууд өөр өөр хэмжээтэй байв: тэргүүн догол мөр 1.06rem,
   хос утга 0.86rem, жагсаалт өөр, мөрийн гарчиг өөр. Одоо БҮХ агуулгын
   бичвэр нэг хэмжээтэй; зөвхөн ШОШГО нь жижиг, том үсэгтэй ялгарна. */
.work-stage .step-body{font-size:.82rem;line-height:1.6}
.work-stage .step-body .run-lead,
.work-stage .step-body .doc-p,
.work-stage .step-body .tight,
.work-stage .step-body .tight li,
.work-stage .step-body .run-kv,
.work-stage .step-body .run-row-body,
.work-stage .step-body .run-row-body>b,
.work-stage .step-body .point,
.work-stage .step-body .point b,
.work-stage .step-body .point span,
.work-stage .step-body p,
.work-stage .step-body b,
.work-stage .step-body span,
.work-stage .step-body li{font-size:inherit;line-height:1.6}
/* Шошгууд — хоорондоо жигд, агуулгаас ялгарна */
.work-stage .step-body .run-h,
.work-stage .step-body .run-k,
.work-stage .step-body .run-row-no{font-size:.64rem;letter-spacing:.06em}
.work-stage .step-body .run-h{text-transform:uppercase}
.work-stage .step-body .run-lead{max-width:none;color:var(--ink)}
.work-stage .step-body .doc-p{max-width:none}

/* ── Толгой нь доорх гурван бүстэй яг таарна ───────────────────────
   Сэдэв бичих оролт нь ТӨВ талбайн өргөнтэй адил болж, зүүн зурвас ба
   баруун мөрийн хил дээр эхэлж, дуусна. */
/* ⚠ Байрлалыг НЭРЛЭСЭН МУЖААР тогтооно — элементийн дараалал, media
   дүрмээс үл хамааран багана солигдохгүй. */
.work .doc-head{display:grid;align-items:center;gap:.7rem;
  grid-template-columns:17.5rem minmax(0,1fr) 16.5rem;
  grid-template-areas:"hleft hseed hdoc"}
@media (max-width:1360px){
  .work .doc-head{grid-template-columns:16rem minmax(0,1fr) auto}
}
.work .doc-head>.head-left{grid-area:hleft;display:flex;align-items:center;
  gap:.6rem;min-width:0}
.work .doc-head>.head-seed{grid-area:hseed}
.work .doc-head>.work-doc-btn{grid-area:hdoc}
.work .doc-head>.head-left .doc-title{font-size:clamp(1.05rem,1.5vw,1.3rem);
  white-space:normal;line-height:1.2}
.work .doc-head>.head-seed{flex:none;max-width:none;min-width:0;width:100%}
.work .doc-head>.work-doc-btn{margin-left:0;justify-self:end}

/* ── Сэдэв бичих мөр — «гар бичмэлийн мөр» шийдэл (2026-08-19) ─────
   Цагаан хайрцаг ч, дулаан хайрцаг ч зохисонгүй. Тиймээс ХАЙРЦГИЙГ
   БҮРМӨСӨН АВЧ ХАЯВ: судлаач цаасан дээрх мөр дээр гарчгаа бичиж
   байгаа мэт. Гүн нь маш нимгэн ховил (суурийн ул өнгөөр), доор нь
   алтан суурь шугам. Бичсэн зүйл нь доорх «Таны сэдэв» мөртэй ижил
   serif үсгээр гарч, юу бичиж байгаагаа тэр дор нь мэдрүүлнэ. */
.work .doc-head .seed-row{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--ink) 2%,transparent) 0%,
    color-mix(in srgb,var(--accent) 6%,transparent) 100%);
  border:0;border-bottom:2px solid color-mix(in srgb,var(--accent) 38%,transparent);
  border-radius:.55rem .55rem .15rem .15rem;
  padding:.15rem .3rem .1rem .7rem;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent);
  transition:border-color .18s,background .18s,box-shadow .18s}
.work .doc-head .seed-row:focus-within{
  border-bottom-color:var(--accent);
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--ink) 1%,transparent) 0%,
    color-mix(in srgb,var(--accent) 11%,transparent) 100%);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 70%,transparent),
             0 6px 16px -14px color-mix(in srgb,var(--accent) 70%,transparent)}
/* Бичвэр нь доорх «Таны сэдэв» мөртэй ижил хэв маягтай */
.work .doc-head .seed-row input{
  font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:clamp(1rem,1.5vw,1.22rem);font-weight:600;letter-spacing:-.004em;
  padding:.5rem 0}
.work .doc-head .seed-row input::placeholder{font-style:italic;font-weight:400;
  color:color-mix(in srgb,var(--ink) 38%,transparent)}
.work .doc-head .seed-pen{color:var(--accent);opacity:.75;font-size:.95rem}
.work .doc-head .seed-count{font-size:.62rem;letter-spacing:.04em;
  color:color-mix(in srgb,var(--ink) 40%,transparent)}
/* Товч — хайрцаггүй мөрд тохирсон нам гүм алтан хэлбэр */
.work .doc-head .btn.seed-go{border-radius:var(--lift-radius-sm);padding:.4rem .7rem;
  font-size:.78rem;letter-spacing:.01em;box-shadow:none}
[data-theme=dark] .work .doc-head .seed-row{
  background:linear-gradient(180deg,transparent 0%,
    color-mix(in srgb,var(--accent) 14%,transparent) 100%);
  box-shadow:none}

/* ── «Тайлбар» товч — сэдэв бичих мөртэй ИЖИЛ загвар ───────────────
   Баруун мөрийн бүтэн өргөнтэй, үг нь дундаа, өндөр нь оролтын мөртэй
   тэнцүү. Ингэснээр толгой гурван бүсийн хэмнэлийг давтана. */
.work .doc-head>.work-doc-btn{
  justify-self:stretch;align-self:stretch;width:100%;
  display:flex;align-items:center;justify-content:center;
  padding:.5rem .7rem;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--ink) 2%,transparent) 0%,
    color-mix(in srgb,var(--accent) 6%,transparent) 100%);
  border:0;border-bottom:2px solid color-mix(in srgb,var(--accent) 38%,transparent);
  border-radius:.55rem .55rem .15rem .15rem;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent);
  color:var(--ink-2);font-size:.82rem;font-weight:600;letter-spacing:.01em;
  transition:border-color .18s,background .18s,color .18s}
.work .doc-head>.work-doc-btn:hover,
.work .doc-head>.work-doc-btn[aria-expanded="true"]{
  border-bottom-color:var(--accent);color:var(--accent);
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--ink) 1%,transparent) 0%,
    color-mix(in srgb,var(--accent) 11%,transparent) 100%)}
[data-theme=dark] .work .doc-head>.work-doc-btn{
  background:linear-gradient(180deg,transparent 0%,
    color-mix(in srgb,var(--accent) 14%,transparent) 100%);
  box-shadow:none}

/* ── ТОВОЙЛТ: толгойн хоёр эд суурь дэвсгэрээс ил ялгарна ──────────
   Эзний шүүмж (2026-08-19): оролтын мөр ба «Тайлбар» товчны гадарга
   хуудасны суурьтай хэт ойрхон тул ялгарахгүй байв. Одоо гурван зүйл:
   (1) дулаан цайвар гадарга — суурьнаас тод, гэхдээ цэвэр цагаан биш;
   (2) жинхэнэ сүүдэр — эд бие даан хөвнө;
   (3) дээд ирмэгийн гэрэл — гадарга нь дээшээ мултарсан мэдрэмж. */
.work .doc-head .seed-row,
.work .doc-head>.work-doc-btn{
  background:linear-gradient(180deg,
    color-mix(in srgb,#fff 82%,var(--paper)) 0%,
    color-mix(in srgb,#fff 58%,var(--paper)) 72%,
    color-mix(in srgb,var(--accent) 10%,color-mix(in srgb,#fff 55%,var(--paper))) 100%);
  border-bottom-color:color-mix(in srgb,var(--accent) 55%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),
             0 1px 1px rgba(18,21,26,.05),
             0 3px 6px -3px rgba(18,21,26,.18),
             0 14px 28px -18px rgba(18,21,26,.4)}
.work .doc-head .seed-row:focus-within,
.work .doc-head>.work-doc-btn:hover,
.work .doc-head>.work-doc-btn[aria-expanded="true"]{
  border-bottom-color:var(--accent);
  background:linear-gradient(180deg,
    color-mix(in srgb,#fff 90%,var(--paper)) 0%,
    color-mix(in srgb,#fff 66%,var(--paper)) 70%,
    color-mix(in srgb,var(--accent) 16%,color-mix(in srgb,#fff 60%,var(--paper))) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),
             0 2px 3px -1px rgba(18,21,26,.08),
             0 6px 12px -5px rgba(18,21,26,.22),
             0 18px 34px -20px color-mix(in srgb,var(--accent) 55%,rgba(18,21,26,.45))}

/* Үндсэн үйлдлийн товч — тод алт, өөрийн сүүдэртэй */
.work .doc-head .btn.seed-go{
  border-radius:var(--lift-radius-sm);
  background:linear-gradient(180deg,var(--accent),
    color-mix(in srgb,var(--accent) 82%,#000));
  color:var(--accent-fg);border:0;font-weight:640;
  border-bottom:2px solid color-mix(in srgb,var(--accent) 55%,#000);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),
             0 2px 4px -1px color-mix(in srgb,var(--accent) 45%,transparent),
             0 8px 16px -8px color-mix(in srgb,var(--accent) 65%,transparent)}
.work .doc-head .btn.seed-go:hover:not(:disabled){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),
             0 3px 6px -1px color-mix(in srgb,var(--accent) 55%,transparent),
             0 12px 22px -10px color-mix(in srgb,var(--accent) 75%,transparent);
  transform:translateY(-1px)}
.work .doc-head .btn.seed-go:disabled{opacity:.45;box-shadow:none}

[data-theme=dark] .work .doc-head .seed-row,
[data-theme=dark] .work .doc-head>.work-doc-btn{
  background:linear-gradient(180deg,
    color-mix(in srgb,#fff 8%,var(--surface)) 0%,
    var(--surface) 70%,
    color-mix(in srgb,var(--accent) 18%,var(--surface)) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),
             0 10px 24px -14px rgba(0,0,0,.7)}

/* ── Зүүн ба баруун мөр — толгойтой ИЖИЛ дизайн ────────────────────
   Дулаан цайвар шилжилт, доод талд алтан суурь шугам, дээд ирмэгт
   гэрэл, доор нь давхарласан сүүдэр. Гурван эд (толгой · зүүн · баруун)
   нэг материалаас болно. */
.work-zones>.work-rail{
  border:0;border-bottom:2px solid color-mix(in srgb,var(--accent) 55%,transparent);
  border-radius:.55rem .55rem .15rem .15rem;
  background:linear-gradient(180deg,
    color-mix(in srgb,#fff 82%,var(--paper)) 0%,
    color-mix(in srgb,#fff 58%,var(--paper)) 72%,
    color-mix(in srgb,var(--accent) 10%,color-mix(in srgb,#fff 55%,var(--paper))) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),
             0 1px 1px rgba(18,21,26,.05),
             0 3px 6px -3px rgba(18,21,26,.18),
             0 14px 28px -18px rgba(18,21,26,.4)}
/* Дотоод тусгаарлагчид гадаргатай зохицно */
.work-zones>.work-rail .work-rail-h{
  border-bottom-color:color-mix(in srgb,var(--ink) 12%,transparent)}
.work-zones>.work-rail .rail-key{
  border-top-color:color-mix(in srgb,var(--ink) 12%,transparent)}

[data-theme=dark] .work-zones>.work-rail{
  background:linear-gradient(180deg,
    color-mix(in srgb,#fff 8%,var(--surface)) 0%,
    var(--surface) 70%,
    color-mix(in srgb,var(--accent) 18%,var(--surface)) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),
             0 10px 24px -14px rgba(0,0,0,.7)}

/* ── «Судлаачийн санал» — толгой, зурвасуудтай ИЖИЛ дизайн ─────────
   Тасархай хүрээтэй бүдэг хайрцаг байсныг халж, ижил товгор гадарга
   болгов. Оруулах талбар нь дотроо гүн — бичих газар гэдэг нь ялгарна. */
.work-stage .own{
  border:0;border-bottom:2px solid color-mix(in srgb,var(--accent) 55%,transparent);
  border-radius:.55rem .55rem .15rem .15rem;
  padding:.5rem .65rem .55rem;gap:.35rem;
  background:linear-gradient(180deg,
    color-mix(in srgb,#fff 82%,var(--paper)) 0%,
    color-mix(in srgb,#fff 58%,var(--paper)) 72%,
    color-mix(in srgb,var(--accent) 10%,color-mix(in srgb,#fff 55%,var(--paper))) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),
             0 1px 1px rgba(18,21,26,.05),
             0 3px 6px -3px rgba(18,21,26,.18),
             0 14px 28px -18px rgba(18,21,26,.4)}
.work-stage .own:focus-within{
  border-bottom-color:var(--accent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),
             0 2px 3px -1px rgba(18,21,26,.08),
             0 6px 12px -5px rgba(18,21,26,.22),
             0 18px 34px -20px color-mix(in srgb,var(--accent) 55%,rgba(18,21,26,.45))}
.work-stage .own .own-note{
  background:color-mix(in srgb,var(--ink) 3%,transparent);
  border-color:color-mix(in srgb,var(--ink) 10%,transparent);
  box-shadow:inset 0 1px 2px rgba(18,21,26,.07)}
.work-stage .own .own-note:focus{background:#fff;border-color:var(--accent)}

[data-theme=dark] .work-stage .own{
  background:linear-gradient(180deg,
    color-mix(in srgb,#fff 8%,var(--surface)) 0%,
    var(--surface) 70%,
    color-mix(in srgb,var(--accent) 18%,var(--surface)) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),
             0 10px 24px -14px rgba(0,0,0,.7)}
[data-theme=dark] .work-stage .own .own-note:focus{background:var(--surface-2)}

/* ── Ёс зүйн урьдчилсан тэмдэглэгээ (02) ───────────────────────────
   Бүрэн шалгалт нь ⑤ шатанд. Энд зөвхөн эрсдэл байгааг эрт мэдэгдэнэ. */

/* ── Шалгуур тус бүрийн үнэлгээ (03) ───────────────────────────────
   Нэг ерөнхий дүгнэлт академик шалгуурт хангалтгүй — дөрвөн шалгуураар. */
.fit-crit{flex:none;display:grid;gap:.2rem;padding:.45rem .6rem;
  border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}
.fit-crit-row{display:grid;grid-template-columns:14rem auto minmax(0,1fr);
  gap:.5rem;align-items:baseline;padding:.16rem 0;
  border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}
.fit-crit-row:first-child{border-top:0}
.fit-crit-k{font-size:.72rem;font-weight:620;color:var(--ink-2)}
.fit-crit-n{font-size:.72rem;line-height:1.4;color:var(--muted)}

/* ── Бүртгэлийн лавлагаа (04) ──────────────────────────────────────*/
.reg-id{font-size:.66rem;font-weight:700;letter-spacing:.06em;color:var(--accent);
  padding:.08rem .4rem;border-radius:999px;background:var(--accent-soft)}
.reg-at{font-size:.68rem;color:var(--muted)}

/* «Шинээр эхлэх» — хадгалсан ажлыг устгана */
.seed-fresh{white-space:nowrap;padding:.28rem .5rem;border-radius:.4rem;
  border:1px solid var(--border);background:transparent;color:var(--muted);
  font-size:.7rem;cursor:pointer}
.seed-fresh:hover{border-color:var(--accent);color:var(--accent)}
.seed-fresh[hidden]{display:none}
/* Өөр боломжит түвшин — судлаачийг дундаж түвшинд зангидахгүй */
.rf-alt{display:grid;gap:.2rem;margin-top:.2rem;padding-top:.35rem;
  border-top:1px dashed color-mix(in srgb,var(--ink) 14%,transparent)}
.rf-alt-b{justify-self:start;padding:.2rem .5rem;border-radius:.4rem;
  border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);
  background:var(--accent-soft);color:var(--accent);font-size:.72rem;
  font-weight:600;cursor:pointer}
.rf-alt-b:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}
/* Хуучирсан үнэлгээний сануулга */
.reg-stale{flex:none;display:grid;gap:.25rem;justify-items:start;
  padding:.5rem .65rem;border-radius:.5rem;
  border-left:3px solid #b4553e;background:color-mix(in srgb,#b4553e 8%,transparent)}
.reg-stale b{font-size:.8rem;color:#a04a34}

/* Сэдвийн мөрөнд «Шинээр эхлэх» товч нэмэгдсэн — таван багана */
.work .doc-head .seed-row{grid-template-columns:auto minmax(0,1fr) auto auto auto}
@container (max-width:40rem){
  .work .doc-head .seed-row{grid-template-columns:auto minmax(0,1fr) auto}
}

/* ═══════════════════════════════════════════════════════════════════
   ТОВГОР ГАДАРГЫН ХЭЛ — БҮХ ХУУДАСТ (эзний шийдвэр, 2026-08-19)
   ① хуудсанд боловсруулсан загварыг сайт даяар нэгтгэв. Гурван шинж:
     · дулаан цайвар шилжилт — дээрээ бараг цагаан, ёроолдоо алтаар халуурна
     · доод талд алтан суурь шугам, дээд булан дугуй, доод булан шулуун
     · дээд ирмэгийн гэрэл ба давхарласан сүүдэр — эд хуудсан дээр хөвнө
   Утгыг ТОКЕН болгож бичсэн тул нэг газраас удирдана.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --lift-bg:linear-gradient(180deg,
    color-mix(in srgb,#fff 82%,var(--paper)) 0%,
    color-mix(in srgb,#fff 58%,var(--paper)) 72%,
    color-mix(in srgb,var(--accent) 10%,color-mix(in srgb,#fff 55%,var(--paper))) 100%);
  --lift-bg-hi:linear-gradient(180deg,
    color-mix(in srgb,#fff 90%,var(--paper)) 0%,
    color-mix(in srgb,#fff 66%,var(--paper)) 70%,
    color-mix(in srgb,var(--accent) 16%,color-mix(in srgb,#fff 60%,var(--paper))) 100%);
  --lift-edge:color-mix(in srgb,var(--accent) 55%,transparent);
  --lift-radius:.55rem .55rem .15rem .15rem;
  --lift-shadow:inset 0 1px 0 rgba(255,255,255,.9),
                0 1px 1px rgba(18,21,26,.05),
                0 3px 6px -3px rgba(18,21,26,.18),
                0 14px 28px -18px rgba(18,21,26,.4);
  --lift-shadow-hi:inset 0 1px 0 rgba(255,255,255,.95),
                   0 2px 3px -1px rgba(18,21,26,.08),
                   0 6px 12px -5px rgba(18,21,26,.22),
                   0 18px 34px -20px color-mix(in srgb,var(--accent) 55%,rgba(18,21,26,.45));
  --trough-bg:color-mix(in srgb,var(--ink) 3%,transparent);
  --trough-border:color-mix(in srgb,var(--ink) 12%,transparent);
}
[data-theme=dark]{
  --lift-bg:linear-gradient(180deg,
    color-mix(in srgb,#fff 8%,var(--surface)) 0%,
    var(--surface) 70%,
    color-mix(in srgb,var(--accent) 18%,var(--surface)) 100%);
  --lift-bg-hi:linear-gradient(180deg,
    color-mix(in srgb,#fff 12%,var(--surface)) 0%,
    var(--surface) 65%,
    color-mix(in srgb,var(--accent) 26%,var(--surface)) 100%);
  --lift-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px -14px rgba(0,0,0,.7);
  --lift-shadow-hi:inset 0 1px 0 rgba(255,255,255,.12),0 14px 30px -16px rgba(0,0,0,.8);
  --trough-bg:rgba(0,0,0,.22);
  --trough-border:rgba(255,255,255,.09);
}

/* ── Гадаргууд ── */
.card,.rail-block{
  background:var(--lift-bg);
  border:0;border-bottom:2px solid var(--lift-edge);
  border-radius:var(--lift-radius);
  box-shadow:var(--lift-shadow)}
/* Үүрлэсэн карт давхар товойхгүй — дотор нь зөвхөн нимгэн хуваалт */
.card .card{background:none;border-bottom:1px solid var(--border);
  border-radius:.4rem;box-shadow:none}

/* ── Оруулах талбарууд: ГҮН ХОВИЛ ── */
.field input,.field textarea,.field select,
.rf-sel,.own-note,.rf-free{
  background:var(--trough-bg);border:1px solid var(--trough-border);
  box-shadow:inset 0 1px 2px rgba(18,21,26,.07)}
.field input:focus,.field textarea:focus,.field select:focus,
.rf-sel:focus,.own-note:focus,.rf-free:focus{
  background:color-mix(in srgb,#fff 70%,var(--paper));border-color:var(--accent);
  box-shadow:inset 0 1px 2px rgba(18,21,26,.05),
             0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
[data-theme=dark] .field input:focus,[data-theme=dark] .field textarea:focus,
[data-theme=dark] .field select:focus,[data-theme=dark] .own-note:focus{
  background:var(--surface-2)}
input::placeholder,textarea::placeholder{font-style:italic;opacity:.8}

/* ── Үндсэн үйлдлийн товч — тод алт, өөрийн сүүдэртэй ── */
.btn.primary{
  background:linear-gradient(180deg,var(--accent),
    color-mix(in srgb,var(--accent) 82%,#000));
  border:0;font-weight:620;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),
             0 2px 4px -1px color-mix(in srgb,var(--accent) 45%,transparent),
             0 8px 16px -8px color-mix(in srgb,var(--accent) 65%,transparent)}
.btn.primary:hover{
  background:linear-gradient(180deg,var(--accent-hover),var(--accent));
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),
             0 3px 6px -1px color-mix(in srgb,var(--accent) 55%,transparent),
             0 12px 22px -10px color-mix(in srgb,var(--accent) 75%,transparent)}
.btn.primary:disabled{opacity:.45;box-shadow:none;transform:none}

/* ── Баримтын хуудсууд ч ижил хэлээр (/automation · /ford · /about) ──
   Модулийн нүд, суурь тогтолцооны нүд, хөлийн шилжүүлэгч гурав нь
   картуудтай нэг материалаас болно. Тор нь хэвээр — зөвхөн гадарга. */
.doc-module,.found-i,.auto-foot-link{
  background:var(--lift-bg);
  border:0;border-bottom:2px solid var(--lift-edge);
  border-radius:var(--lift-radius);
  box-shadow:var(--lift-shadow);
  transition:box-shadow .16s,background .16s,transform .16s}
.doc-module:hover,.auto-foot-link:hover{
  background:var(--lift-bg-hi);box-shadow:var(--lift-shadow-hi);
  transform:translateY(-1px)}
/* Модулийн тор нь зэрэгцээ нүдтэй — завсар өгнө */
.doc-modules{gap:.5rem}

/* ── ① доторх БҮХ гадарга ижил хэлээр (02 · 03 · 04 · 05-13) ───────
   Эзний шүүмж (2026-08-19): 01/01-д хэрэглэсэн загвар 01/02-оос хойш
   ороогүй байв. Одоо асуулга, нийцлийн үнэлгээ, бүртгэл, алхмуудын
   бүх нүд ижил материалаас. Дотоод нүдэнд сүүдэр НИМГЭН — гаднах
   талбайтай өрсөлдөхгүй. */
:root{ --lift-shadow-sm:inset 0 1px 0 rgba(255,255,255,.85),
                        0 1px 1px rgba(18,21,26,.04),
                        0 6px 14px -10px rgba(18,21,26,.3) }
[data-theme=dark]{ --lift-shadow-sm:inset 0 1px 0 rgba(255,255,255,.06),
                                    0 6px 16px -12px rgba(0,0,0,.65) }

/* Төв талбай өөрөө ч зурвасуудтай нэг материалтай */
.work-stage{
  background:var(--lift-bg);
  border:0;border-bottom:2px solid var(--lift-edge);
  border-radius:var(--lift-radius);
  box-shadow:var(--lift-shadow)}

/* Дотоод нүднүүд */.rf-q,
.fit-head,.fit-crit,.fit-gap,.fit-opt,.fit-own,
.reg-card,.reg-notes,.reg-stale,.confirm,
.work-stage .ex-empty,.work-stage .chain-head,
.work-stage .run-row,.work-stage .point{
  background:var(--lift-bg);
  border:0;border-bottom:2px solid var(--lift-edge);
  border-radius:var(--lift-radius);
  box-shadow:var(--lift-shadow-sm)}

/* Утга заасан зүүн зураастай нүднүүд өнгөө хадгална */
.reg-stale{border-left:3px solid #b4553e}
.fit-head.is-ok{border-left:3px solid var(--t-ok,#4d7c4d)}
.fit-head.is-warn{border-left:3px solid var(--accent)}
.fit-head.is-bad{border-left:3px solid #b4553e}
.fit-gap.sev-өндөр{border-left:2px solid #b4553e}
.fit-gap.sev-дунд{border-left:2px solid var(--accent)}
.confirm.is-on{border-bottom-color:var(--t-ok,#4d7c4d)}
.reg-card{border-bottom-color:var(--accent)}

/* Сонгосон, хүрэлцсэн төлөв */
.fit-opt:hover,.rf-q:hover{box-shadow:var(--lift-shadow-hi)}
/* ⚠ Товойлт нэмэгдсэнээр асуулгын багана өндөр авч, хөлийн товч
   таслагдаж эхэлсэн. Дунд хэсэг (асуултууд) шахагдаж, хөл ба
   анхааруулга үргэлж харагдана. */
.intake-area>.own{flex:0 0 auto}
.intake-area .intake-foot{margin-top:auto}
/* Асуулгын босоо төсөв: тэмдэглэлийн талбар нам, завсар нарийн */
.intake-area{gap:.45rem}
.intake-area>.own{padding:.4rem .6rem .45rem}
.intake-area>.own .own-note{min-height:2.1rem;padding:.28rem .4rem}
.intake-area .intake-foot{padding-top:.3rem}
/* Асуултын чипүүд нягт — гурван мөр багтана */
.rf-q .rf-chip{font-size:.71rem;padding:.16rem .42rem}
.rf-q{gap:.2rem;padding:.45rem .55rem}
.rf-q .rf-free{padding:.22rem .4rem;font-size:.74rem}
/* Анхааруулгын жагсаалт хоёр мөрөөр — чөлөөт хариултын талбарт зай гаргана */

/* ── ШАТЛАЛ СЭРГЭЭВ (эзний шүүмж, 2026-08-19) ──────────────────────
   Талбай ба доторх нүд хоёр ижил гадаргатай болсноос нүд ялгарахаа
   больсон. Нэг хэлний ХОЁР ТӨЛӨВ хэрэглэнэ:
     · ажлын талбай — ГҮН (шингэсэн) гадарга, дотогшоо сүүдэртэй;
     · доторх нүд   — ТОВГОР, цайвар оройтой, тод алтан суурьтай.
   Ингэснээр «шингэсэн хуудсан дээр тавьсан хуудсууд» болно. */
:root{
  --sunken-bg:linear-gradient(180deg,
    color-mix(in srgb,var(--ink) 6%,var(--paper)) 0%,
    color-mix(in srgb,var(--ink) 3%,var(--paper)) 55%,
    color-mix(in srgb,var(--accent) 7%,var(--paper)) 100%);
  --sunken-shadow:inset 0 2px 5px -2px rgba(18,21,26,.22),
                  inset 0 -1px 0 rgba(255,255,255,.45);
}
[data-theme=dark]{
  --sunken-bg:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.18) 55%,
    color-mix(in srgb,var(--accent) 10%,transparent) 100%);
  --sunken-shadow:inset 0 2px 6px -2px rgba(0,0,0,.6);
}

.work-stage{
  background:var(--sunken-bg);
  border:0;border-bottom:2px solid var(--lift-edge);
  border-radius:var(--lift-radius);
  box-shadow:var(--sunken-shadow)}

/* Доторх нүд илүү цайвар оройтой — талбайгаас тодоор сална */.rf-q,
.fit-head,.fit-crit,.fit-gap,.fit-opt,.fit-own,
.reg-card,.reg-notes,.reg-stale,.confirm,
.work-stage .ex-empty,.work-stage .chain-head,
.work-stage .run-row,.work-stage .point,.work-stage .own{
  background:linear-gradient(180deg,
    color-mix(in srgb,#fff 94%,var(--paper)) 0%,
    color-mix(in srgb,#fff 74%,var(--paper)) 70%,
    color-mix(in srgb,var(--accent) 12%,color-mix(in srgb,#fff 70%,var(--paper))) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),
             0 1px 2px rgba(18,21,26,.07),
             0 5px 12px -7px rgba(18,21,26,.3)}[data-theme=dark] .rf-q,
[data-theme=dark] .fit-head,[data-theme=dark] .fit-crit,
[data-theme=dark] .fit-gap,[data-theme=dark] .fit-opt,
[data-theme=dark] .fit-own,[data-theme=dark] .reg-card,
[data-theme=dark] .reg-notes,[data-theme=dark] .reg-stale,
[data-theme=dark] .confirm,[data-theme=dark] .work-stage .ex-empty,
[data-theme=dark] .work-stage .chain-head,[data-theme=dark] .work-stage .run-row,
[data-theme=dark] .work-stage .own{
  background:linear-gradient(180deg,
    color-mix(in srgb,#fff 12%,var(--surface)) 0%,
    var(--surface) 68%,
    color-mix(in srgb,var(--accent) 20%,var(--surface)) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 14px -10px rgba(0,0,0,.7)}

/* ── ХЭЛБЭР НЭГДЭВ: доороо тэгш, дээрээ мохоо ──────────────────────
   Эзний шаардлага (2026-08-19). Товч, чип, тэмдэг бүгд картуудтай
   ижил булантай — бөөрөнхий «эм» хэлбэр бүхэлдээ халагдав. */
:root{ --lift-radius-sm:.4rem .4rem .1rem .1rem;
       --lift-radius-xs:.3rem .3rem .08rem .08rem }

.btn{border-radius:var(--lift-radius-sm)}
.btn.sm{border-radius:var(--lift-radius-xs)}
.chip,.pill,.rf-chip,.fit-chip,.seed-fresh,.pg-b,.pg-more,
.rf-alt-b,.reg-badge,.reg-id,.sec-n,.rail-of,.tool-x,
.leaf-pick,.angle-mark,.status-chip,.warn-chip{
  border-radius:var(--lift-radius-xs)}

/* Товч ч гэсэн доод ирмэгээрээ суудаг — алтан суурь шугам */
.btn.primary{border-bottom:2px solid color-mix(in srgb,var(--accent) 55%,#000)}
.btn:not(.primary):not(.ghost){
  border-bottom-width:2px;
  border-bottom-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong))}
.rf-chip.is-on,.fit-chip.is-ok,.fit-chip.is-warn{
  border-bottom:2px solid color-mix(in srgb,var(--accent) 55%,transparent)}
/* Ёс зүй, зохиогчийн эрхийн лавлагаа — тодорхойлолтын жагсаалт */
.eref-h{margin:.5rem 0 .2rem;font-size:.66rem;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--accent)}
.eref-h:first-of-type{margin-top:0}
.eref-list{display:grid;gap:.35rem;margin:0}
.eref-list dt{font-size:.8rem;font-weight:640;color:var(--ink)}
.eref-list dd{margin:0 0 .1rem;font-size:.78rem;line-height:1.5;color:var(--ink-2);
  text-align:justify;text-align-last:start}
/* Ёс зүйн блок доторх хоёр дахь хэсэг — зохиогчийн эрхийн мэдүүлэг */
.eth-sub{margin-top:.3rem;padding-top:.3rem;
  border-top:1px dashed color-mix(in srgb,var(--ink) 14%,transparent)}
.eth-warn{color:#a04a34;font-weight:560}
/* Нарийн баганад тохирсон дотоод хэмнэл */
.work-doc .work-doc-h{font-size:.72rem}
.work-doc-tabs{gap:.2rem}
.work-doc-tab{font-size:.66rem;padding:.18rem .4rem;
  border-radius:var(--lift-radius-xs)}
.work-doc-body{font-size:.78rem}
.work-doc-body .doc-p{line-height:1.55}
.work-doc-body .eref-list dt{font-size:.75rem}
.work-doc-body .eref-list dd{font-size:.72rem;line-height:1.45}
.work-doc-body .seed-ex-chip{font-size:.72rem}

/* ── ХӨЛ — картуудын ЭСРЭГ хэлбэр: дээрээ тэгш, доороо мохоо ───────
   Карт нь «хуудсан дээр суусан» бол хөл нь «хуудсанд наалдсан» —
   алтан шугам нь ДЭЭД талд, булан нь доошоо мохоо. Агуулга нь ганц
   мөр: хуудасны бусад хэсэгт давхардахгүй цорын ганц мэдээлэл. */
.work-foot{display:grid;gap:.6rem 1.2rem;align-items:start;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  padding:.5rem .9rem;font-size:.66rem;color:var(--muted);
  background:var(--lift-bg);
  border:0;border-top:2px solid var(--lift-edge);
  border-radius:.15rem .15rem .55rem .55rem;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.6),
             0 8px 20px -16px rgba(18,21,26,.35)}
[data-theme=dark] .work-foot{
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.06),0 8px 20px -16px rgba(0,0,0,.6)}
/* Хөлийн эрхийн бичиг — нэр нь тод, тайлбар нь бүдэг */
.work-foot strong{color:var(--ink-2);font-weight:700}

/* ── Ангиллын лавлахыг нээх товч (баруун мөрийн хөл) ───────────────*/
.rail-ref{display:flex;align-items:center;gap:.35rem;width:100%;
  padding:.2rem .3rem;border:0;background:none;cursor:pointer;
  color:var(--muted);font:inherit;font-size:.66rem;text-align:left;
  border-radius:var(--lift-radius-xs);transition:color .14s,background .14s}
.rail-ref:hover{color:var(--accent);
  background:color-mix(in srgb,var(--accent) 8%,transparent)}
.rail-ref-go{margin-left:auto;font-size:.7rem}

/* Ангиллын лавлахын самбар */
.ford-panel .fref-sec{margin-bottom:.6rem}
.fref-b{padding:.35rem 0;border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}
.fref-b:first-of-type{border-top:0}
.fref-b-h{display:flex;align-items:baseline;gap:.35rem}
.fref-b-h b{font-size:.78rem;font-weight:640}
.fref-p{margin:.1rem 0 .2rem;font-size:.7rem;line-height:1.45;color:var(--muted);
  text-align:justify;text-align-last:start}
.fref-subs{display:flex;flex-wrap:wrap;gap:.2rem}
.fref-sub{font-size:.66rem;line-height:1.3;color:var(--ink-2);
  padding:.1rem .3rem;border-radius:var(--lift-radius-xs);
  background:color-mix(in srgb,var(--ink) 4%,transparent)}
.fref-sub b{color:var(--accent);font-weight:700}

/* ── СОНГОЛТЫН ЦЭС нь ТОВЧНЫ загвартай ─────────────────────────────
   Эзний шүүмж (2026-08-19): энэ хэсгийн товчнууд 01/01-ийн загваргүй
   байв. `<select>` нь бичих талбар биш, ДАРЖ СОНГОХ удирдлага тул
   ховил биш, ТОВГОР гадаргатай байх нь зөв. */
.rf-sel,.work-stage select,.tree-filters select{
  appearance:none;-webkit-appearance:none;
  padding:.38rem 1.6rem .38rem .5rem;
  border:0;border-bottom:2px solid var(--lift-edge);
  border-radius:var(--lift-radius-sm);
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='7'><path d='M1 1l4 4 4-4' fill='none' stroke='%23a8842c' stroke-width='1.6' stroke-linecap='round'/></svg>"),
    linear-gradient(180deg,
      color-mix(in srgb,#fff 94%,var(--paper)) 0%,
      color-mix(in srgb,#fff 76%,var(--paper)) 70%,
      color-mix(in srgb,var(--accent) 14%,color-mix(in srgb,#fff 72%,var(--paper))) 100%);
  background-repeat:no-repeat,no-repeat;
  background-position:right .55rem center,0 0;
  background-size:10px 7px,100% 100%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),
             0 1px 2px rgba(18,21,26,.07),
             0 5px 12px -8px rgba(18,21,26,.3);
  color:var(--ink);cursor:pointer;transition:box-shadow .16s,border-color .16s}
.rf-sel:hover,.work-stage select:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,1),
             0 2px 3px -1px rgba(18,21,26,.08),
             0 8px 16px -8px color-mix(in srgb,var(--accent) 45%,rgba(18,21,26,.3))}
/* ⚠ Оруулах талбарын `:focus` дүрэм `background` товчлолыг дахин
   зааж, сумны зургийг арчиж байв — тиймээс энд БҮТНЭЭР нь дахин бичив. */
.rf-sel:focus,.work-stage select:focus{outline:none;border-bottom-color:var(--accent);
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='7'><path d='M1 1l4 4 4-4' fill='none' stroke='%23a8842c' stroke-width='1.6' stroke-linecap='round'/></svg>"),
    linear-gradient(180deg,
      color-mix(in srgb,#fff 96%,var(--paper)) 0%,
      color-mix(in srgb,#fff 78%,var(--paper)) 70%,
      color-mix(in srgb,var(--accent) 16%,color-mix(in srgb,#fff 74%,var(--paper))) 100%);
  background-repeat:no-repeat,no-repeat;
  background-position:right .55rem center,0 0;
  background-size:10px 7px,100% 100%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1),
             0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
[data-theme=dark] .rf-sel,[data-theme=dark] .work-stage select{
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='7'><path d='M1 1l4 4 4-4' fill='none' stroke='%23d0b66a' stroke-width='1.6' stroke-linecap='round'/></svg>"),
    linear-gradient(180deg,
      color-mix(in srgb,#fff 12%,var(--surface)) 0%,
      var(--surface) 68%,
      color-mix(in srgb,var(--accent) 22%,var(--surface)) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 14px -10px rgba(0,0,0,.7)}

/* Хөлийн хоёр багана — нэр нь тод, тайлбар нь бүдэг */
.wf-l,.wf-r{display:grid;gap:.1rem;min-width:0}
.wf-r{text-align:right}
.work-foot b{font-size:.68rem;font-weight:700;color:var(--ink-2);letter-spacing:-.005em}
.work-foot span{line-height:1.4}
@media (max-width:1100px){
  .work-foot{grid-template-columns:minmax(0,1fr)}
  .wf-r{text-align:start}
}

/* ── Самбар ЗӨВХӨН БОСОО гүйнэ ─────────────────────────────────────
   Эзний шүүмж (2026-08-19): нарийн баганад урт үг, код, чипүүд багтахгүй
   тул хэвтээ гүйлт үүсч, самбар нааш цааш хөдөлж байв. Хэвтээ гүйлтийг
   бүрмөсөн хааж, бичвэрийг ХААНА Ч ТАСАРЧ мөр шилжихээр тохируулав. */
.work-doc{overflow-x:hidden}
.work-doc-body{overflow-x:hidden}
.work-doc *,
.work-doc-body *{min-width:0;max-width:100%}
.work-doc-body,
.work-doc-body p,.work-doc-body li,.work-doc-body dd,.work-doc-body dt,
.work-doc-body b,.work-doc-body span,.work-doc-body .fref-sub,
.work-doc-body .doc-p,.work-doc-body .eref-list dd{
  overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
/* Урт мөр үүсгэдэг элементүүд */
.work-doc-body .fref-subs{max-width:100%}
.work-doc-body .fref-sub{display:inline-block;max-width:100%;white-space:normal}
.work-doc-body ul,.work-doc-body ol{padding-left:1rem;margin:0}
.work-doc-body pre,.work-doc-body code{white-space:pre-wrap;word-break:break-all}
/* Зэрэгцүүлэлт нарийн баганад завсар үүсгэдэг тул энд чөлөөт */
.work-doc-body p,.work-doc-body li,.work-doc-body dd,.work-doc-body .fref-p{
  text-align:start}

/* ── Асуулгын хөл ХЭЗЭЭ Ч таслагдахгүй ────────────────────────────────
   Илэрсэн алдаа (2026-08-19): дөрвөн асуулттай, урт үндэслэлтэй сэдэв
   дээр асуулгын багана 867px-ийн талбайд 1026px хүрч, «Нийцлийг шалгах»
   товч ба анхааруулга хуудасны хөлийн доор орж таслагдаж байв. Шалтгаан:
   дээд нүднүүд `flex:0 0 auto` буюу ХУМИГДАХГҮЙ байсан тул илүүдэл нь
   хамгийн сүүлчийн зүйлийг гадагш түлхэж байлаа.
   Шийдэл: дээд нүднүүд хумигдана (бичвэр нь аль хэдийн мөрөөр
   хязгаарлагдсан), асуултын хэсэг өөрийн хуудаслагчаар ХУУДАС НЭМНЭ —
   бичвэрийг шахахгүй. Товч ба анхааруулга үргэлж байрандаа. */
.intake-area>.own{flex:0 1 auto;min-height:0;overflow:hidden}
.intake-area .intake-foot{flex:0 0 auto;margin-top:auto}
/* Нэг асуултын бичлэг БҮТНЭЭР багтах доод хэмжээ — эс тэгвэл бичлэгийн
   доторх тэмдэглэлийн талбар дундуураа тасарна. Дээд нүднүүд хумигдана. */
/* Дээд гурван нүд (түвшин · салбар · хэлбэр) ба ёс зүйн тэмдэглэгээ нь
   БҮТНЭЭР харагдана — тэдгээрийг хумивал чип, код таслагдаж, судлаач
   юу сонгосноо харахгүй болно. Хумигдах ёстой нь зөвхөн урт бичвэртэй
   анхааруулга ба тэмдэглэлийн талбар. */
/* Анхааруулгын нүд: гарчиг → жагсаалт (хумигдана) → хуудаслагч.
   Жагсаалт бичвэрээ таслахгүй, багтахгүй бол хуудас нэмнэ. */
/* Босоо төсөв: хэмжилтээр 13px дутаж, анхааруулга ба тэмдэглэлийн доод
   мөр таслагдаж байв. Завсрыг нарийсгаж, асуултын хэсгийн доод хэмжээг
   бага зэрэг буулгаснаар БҮХ нүд өөрийн бүтэн өндрөө авна. */
.intake-area{gap:.35rem}
/* Анхааруулга бүтнээрээ гарна — таслах ч үгүй, хуудаслах ч үгүй.
   ⚠ Хуудаслагчийг энд ТАВЬЖ ҮЗЭЭД БУЦААВ: нүдний өндөр нь агуулгаараа
   тодорхойлогддог тул хуудаслагч бичлэг нуух бүрд нүд хумигдаж, дахин
   тооцоолж, эцэст нь 3px хүртэл шахагдаж байв (хэмжсэн). Босоо төсөв нь
   энэ нүдийг бүтнээр багтаадаг тул хуудаслагч шаардлагагүй.
   Дарамт үүсвэл асуултын хэсэг өөрийн хуудаслагчаараа зохицуулна. */
/* Судлаачийн тэмдэглэлийн талбар бүтнээрээ — доод ирмэг нь 2px таслагдаж,
   бичих талбар дутуу харагдаж байв. */
.intake-area>.own{flex:0 0 auto;overflow:visible}
/* Босоо төсвийн эцсийн тохируулга. Хэмжсэн утга: нэг асуултын бичлэг
   113px тул асуултын хэсэгт 7.5rem (120px) хэрэгтэй; түүнийг гаргахын
   тулд завсар, хуудаслагчийн мөрийг нарийсгав. Ингэснээр нүд бүр
   бүтэн өндрөө авч, хөлийн товч байрандаа үлдэнэ. */
.intake-area{gap:.25rem}
.intake-area .pg{padding:.1rem 0;min-height:0}
.intake-area .pg .pg-b{padding:.15rem .5rem}
/* Дээд гурван нүд ба ёс зүйн нүдний доторх завсрыг 2px-ээр нарийсгав —
   хэмжилтээр яг ийм хэмжээ дутаж, хөлийн мөр 11px таслагдаж байв.
   Бичвэр огт хасагдаагүй, зөвхөн зай нягтарсан. */

/* ══════ ЖИЖИГ ДЭЛГЭЦЭД БҮХ ТОВЧ ХАРАГДАНА (2026-08-19) ══════════════
   Эзэн: «зарим хэрэглэгчийн дэлгэц дээр маш дутуу мэдээлэл харагдаж
   байна · нийцэл шалгах товч харагдахгүй · өөр хуудаст шилжих товч
   байхгүй (Windows)». Загварыг 1070px өндөр дэлгэц дээр тааруулсан
   боловч ердийн зөөврийн компьютерт ажлын талбай 450–650px байдаг.
   Шийдэл: үзэгдэл бүр ГУРВАН давхаргатай болов —
     .work-body  агуулга, хуудаслагдана, шаардвал дотроо гүйнэ
     .pg         хуудаслагч, ҮРГЭЛЖ харагдана
     .intake-foot товчны мөр, БЭХЛЭГДСЭН, хэзээ ч түлхэгдэхгүй */
.intake-area>.work-body,.fit-area>.work-body,.reg-area>.work-body{
  flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;
  display:flex;flex-direction:column;gap:.4rem}
.intake-area>.pg,.fit-area>.pg,.reg-area>.pg,
.intake-area>.intake-foot,.fit-area>.intake-foot,.reg-area>.intake-foot{flex:none}

/* Бие доторх нүд бүр ӨӨРИЙН жинхэнэ өндрөө авна — хумигдахгүй, тасрахгүй.
   Багтахгүй бол хуудаслагч хуудас нэмнэ (шахахгүй — эзний дэг). */
.work-body>*{flex:none;min-height:0}
.work-body .rf-q,.work-body .own,.work-body .fit-opt-row,
.work-body .fit-crit,.work-body .fit-gaps,.work-body .fit-own,
.work-body .reg-card,.work-body .reg-notes{overflow:visible;max-height:none}
.work-body .reg-rows{overflow:visible;max-height:none}

/* Саналуудын мөр — хоёр багана, нарийн дэлгэцэд нэг багана */
.fit-opt-row{display:grid;gap:.5rem;
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}

/* Хажуугийн зурвасууд ч богино дэлгэцэд бүрэн хүрэлцээтэй байна */
.work-rail{overflow-y:auto;overflow-x:hidden}

/* ── БОГИНО ДЭЛГЭЦ (≤820px) — давхардлыг хасаж, зайг агуулгад өгнө ────
   Windows зөөврийн компьютерийн ердийн өндөр 768px (масштабтай бол
   бүр 600px орчим) байдаг. Тэнд агуулга хэт олон хуудас болж, зүүн
   индикаторын 13 алхам хоёрдугаар хуудсанд гарч байв.
   Энд бичвэрийг ШАХААГҮЙ — зөвхөн ДАВХАРДСАН, туслах зүйлийг хассан:
     · «Таны сэдэв» мөр — сэдэв толгойн оролтод аль хэдийн бий;
     · төлөвийн өнгөний тайлбар — төлөв нь дүрсээр ч ялгардаг. */
/* ⚠ Богино дэлгэцэд зүйл нуудаг байсныг ЦУЦЛАВ (эзний шийдвэр,
   2026-08-19) — талбай бүр дотроо гүйдэг болсон тул мэдээллийг
   бүрэн гүйцэт харуулна. */
/* Дээд гурван нүд ҮРГЭЛЖ НЭГ ЭГНЭЭНД. Өмнө нь 15rem-ийн доод хэмжээтэй
   байсан тул 700px өргөнтэй төв баганад хоёр багана болж эвдэрч, өндөр
   нь 529px хүрч байв (хэмжсэн). Нэг эгнээнд 200px орчим болно. */
/* Хуудас доторх бичлэг дангаараа дэлгэцээс өндөр байвал тэр хуудас
   дотроо гүйнэ — хуудаслагч ба товч бэхлэгдсэн хэвээр. */
.work-rail .rail-list{overflow-y:auto;overflow-x:hidden;min-height:0}
/* Богино дэлгэцэнд гурван нүд тус тусдаа бичлэг болно — бүтэн өргөнтэй */
/* Хөлийн мөр — товчны бичээс ХЭЗЭЭ Ч мөр таслахгүй. Богино дэлгэцэнд
   тайлбар бичвэр нь доод мөрөнд бүтнээрээ бууна. */
.intake-foot{flex-wrap:wrap;row-gap:.3rem}
.intake-foot .btn{white-space:nowrap}
.intake-foot .hint{min-width:0}
.intake-foot .fit-keep{flex:1 1 100%;order:9}
/* «Хэвээр үлдээх» тайлбар — биеийн бичлэг болов */
.work-body>.fit-keep{margin:0;font-size:.78rem;line-height:1.5;text-align:justify}
/* Богино дэлгэцэнд бүртгэлийн мөрийн бүлэг нь бие даасан нүд болно */
.work-body>.reg-rows{padding:.4rem .6rem;border-radius:var(--lift-radius);
  background:var(--lift-bg);border:0;border-bottom:2px solid var(--lift-edge);
  box-shadow:var(--lift-shadow-sm)}

/* ══════ ТАЛБАЙ БҮР ДОТРООО ГҮЙНЭ (эзний шийдвэр, 2026-08-19) ═══════
   «зүүн баруун төв талбарууд нь хуудас үүсгэлгүй, тухайн талбартаа
   дээш доош гүйдэг скролдож болдог болгож мэдээллийг бүрэн гүйцэт
   харуулдаг болгоё». Хуудаслагч бүрмөсөн авагдав.
   Хуудас өөрөө ГҮЙХГҮЙ хэвээр — гүйлт зөвхөн эдгээр хүрээнд. */
.work-body,.work-rail .rail-list,.chain-card .step-body{
  flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;
  scrollbar-width:thin;scrollbar-gutter:stable}
.chain-card .step-body{display:flex;flex-direction:column;gap:.4rem}

/* Гүйх боломжтойг мэдэгдэх нарийн зурвас */
.work-body::-webkit-scrollbar,.work-rail .rail-list::-webkit-scrollbar,
.chain-card .step-body::-webkit-scrollbar,
.work-stage .step-body::-webkit-scrollbar{width:.5rem}
.work-body::-webkit-scrollbar-thumb,.work-rail .rail-list::-webkit-scrollbar-thumb,
.chain-card .step-body::-webkit-scrollbar-thumb,
.work-stage .step-body::-webkit-scrollbar-thumb{
  border-radius:.3rem;background:color-mix(in srgb,var(--accent) 32%,transparent)}
.work-body::-webkit-scrollbar-thumb:hover,
.work-rail .rail-list::-webkit-scrollbar-thumb:hover,
.chain-card .step-body::-webkit-scrollbar-thumb:hover,
.work-stage .step-body::-webkit-scrollbar-thumb:hover{
  background:color-mix(in srgb,var(--accent) 55%,transparent)}
.work-body::-webkit-scrollbar-track,.work-rail .rail-list::-webkit-scrollbar-track,
.chain-card .step-body::-webkit-scrollbar-track,
.work-stage .step-body::-webkit-scrollbar-track{background:transparent}

/* Гүйдэг болсон тул нүд бүр өөрийн бүтэн өндрөө авна */
.work-body>*{flex:none}
.intake-area>.own{flex:none;max-height:none;overflow:visible}
/* Доор үргэлжлэл байвал ирмэг нь бүдгэрч, гүйх боломжтойг мэдэгдэнэ */
.work-body.has-more,.rail-list.has-more,.step-body.has-more{
  -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 1.5rem),transparent 100%);
  mask-image:linear-gradient(180deg,#000 calc(100% - 1.5rem),transparent 100%)}


/* ═══════════════════════════════════════════════════════════════════
   БҮРТГЭЛИЙН ХУУДАС `.rf` (эзний шүүмж, 2026-08-23)
   «хэт академик бус, энгийн … зохион байгуулалт, загварын хувьд хэт
   бүдүүлэг». Гурван зарчим:
     · ХЭМНЭЛ — мөр бүр «шошго | утга | үндэслэл». Хайрцаг зөвхөн
       ХЭСГИЙН хүрээнд; дотор нь давхарлахгүй, хуваалт нимгэн шугам.
     · ШАТЛАЛ — хэсгийн гарчиг серифээр, ромбын дугаартай. Шошго нь
       алтан том үсэг байхаа больж, намуухан саарал болов: онцлох
       өнгө нь зөвхөн СОНГОСОН утганд үлдэнэ.
     · ХЭМЖЭЭ — өргөн дэлгэцэнд I ба II хэсэг зэрэгцэнэ, бусад нь бүтэн
       өргөнтэй. Хэмжүүр нь дэлгэц биш, ТАЛБАЙН өргөнөөс (`@container`)
       хамаарна — зурвас нээгдэхэд ажлын багана нарийсдаг.
   ═══════════════════════════════════════════════════════════════════ */
.rf{container-type:inline-size}
.rf-grid{display:grid;gap:.55rem;align-items:start}
@container (min-width:46rem){
  .rf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rf-grid>*{grid-column:1/-1}
  .rf-grid>.is-half{grid-column:auto}
}

/* Тодорхойлолт — хуудасны эхний догол мөр, серифээр */
.rf-lead{display:grid;gap:.2rem;padding:.15rem .1rem .4rem;
  border-bottom:1px solid var(--border)}
.rf-lead-k{font-size:.64rem;letter-spacing:.06em;color:var(--muted)}
.rf-lead-t{margin:0;font-size:.95rem;line-height:1.5;color:var(--ink);
  text-wrap:pretty}

/* Хэсэг — товгор хуудас */
/* ⚠ Хэсэг бүр ӨӨРӨӨ хэмжүүр (`container`) — мөрийн байрлал нь дэлгэц ч
   биш, бүхэл талбай ч биш, ТУХАЙН хэсгийн өргөнөөс хамаарна. Хоёр
   баганат горимд хэсэг хоёр дахин нарийсдаг тул энэ ялгаа чухал. */
.rf-sec{container-type:inline-size;
  display:grid;gap:.1rem;align-content:start;padding:.6rem .8rem .7rem;
  background:var(--lift-bg);border:0;border-bottom:2px solid var(--lift-edge);
  border-radius:var(--lift-radius);box-shadow:var(--lift-shadow-sm)}
.rf-h{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap;
  padding-bottom:.35rem;border-bottom:1px solid var(--border)}
.rf-n{font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:.82rem;font-weight:700;color:var(--accent);letter-spacing:.04em;
  min-width:1.4rem}
.rf-t{font-size:1rem;font-weight:600;line-height:1.25;color:var(--ink)}
.rf-note{margin-left:auto;font-size:.66rem;color:var(--muted);text-align:right}

/* Мөр — шошго ба утга. Үндэслэл нь утгын доор, ижил баганад. */
.rf-row{display:grid;grid-template-columns:9.5rem minmax(0,1fr);
  column-gap:.9rem;row-gap:.2rem;padding:.45rem 0;
  border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}
.rf-row:first-of-type{border-top:0}
.rf-k{display:grid;gap:.1rem;align-content:start;font-size:.74rem;font-weight:600;
  letter-spacing:0;text-transform:none;color:var(--ink-2);padding-top:.15rem}
.rf-many{font-size:.6rem;font-weight:500;color:var(--muted)}
.rf-v{min-width:0}
/* ⚠ Зөвхөн МӨРНИЙ дотор — эс тэгвэл `.rf-half`, `.rf-q` доторх үндэслэл
   хоёр дахь багана шаардаж, тэдгээр торыг хоёр баганат болгодог. */
.rf-row>.rf-why,.rf-row>.rf-extra{grid-column:2}
.rf-why{margin:0;font-size:.74rem;line-height:1.5;color:var(--muted);text-wrap:pretty}
.rf-extra{display:grid;gap:.2rem;margin-top:.1rem}
.rf-sub{font-size:.64rem;letter-spacing:.04em;color:var(--muted)}
@container (max-width:26rem){
  .rf-row{grid-template-columns:minmax(0,1fr)}
  .rf-row>.rf-why,.rf-row>.rf-extra{grid-column:1}
  .rf-k{padding-top:0}
  /* ⚠ Нарийн баганад зэрэгцүүлсэн бичвэр «гол мөр» үүсгэдэг — тэнд
     зөвхөн зүүн талаар нь тэгшилнэ. Өргөн хэсэгт зэрэгцээ хэвээр. */
  .work-stage .rf-why{text-align:left}
}

/* Сонголтын жагсаалт ба чип — сонгосон нь өнгө ДАГААД тэмдэгтэй */
.rf-sel{width:100%;font-size:.85rem;font-weight:600}
.rf-chips{display:flex;flex-wrap:wrap;gap:.25rem}
.rf-chip{padding:.2rem .5rem;border:1px solid var(--border-strong);border-radius:.4rem;
  background:var(--surface-2);color:var(--ink-2);font-size:.74rem;line-height:1.35;
  cursor:pointer;transition:background .14s,border-color .14s,color .14s}
.rf-chip:hover{border-color:var(--accent);color:var(--accent)}
.rf-chip.is-on{background:var(--accent-soft);border-color:var(--accent);
  color:var(--accent);font-weight:600}
.rf-chip.is-on::before{content:"✓ ";font-weight:700}

/* Тодруулах асуултууд — бие даасан нүд, талбайн өргөнөөр хуваагдана */
.rf-qs{display:grid;gap:.5rem;align-content:start;
  grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}
.rf-q{margin-top:.4rem}
.rf-q-n{color:var(--accent)}
/* ⚠ Асуултын гарчиг нь урсгал бичвэр биш — зэрэгцүүлэхгүй. Нарийн
   нүдэнд зэрэгцүүлбэл үгс хоорондоо сунаж, асуулт уншихад хүндэрдэг. */
.work-stage .rf-q-h b{text-align:left;hyphens:manual}

/* Хоёр дэд баганат хэсгүүд (ёс зүй · түлхүүр үг · тэмдэглэл) */
.rf-two{display:grid;gap:.7rem;align-items:start;margin-top:.4rem;
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.rf-half{display:grid;gap:.25rem;align-content:start;min-width:0}
.rf-kw{display:grid;gap:.3rem}
.rf-risks{display:grid;gap:.25rem;margin:.1rem 0 0;font-size:.76rem;line-height:1.5}
.rf-risks li{position:relative;padding-left:.85rem;color:var(--ink-2);text-wrap:pretty}
.rf-risks li::before{content:"—";position:absolute;left:0;color:var(--accent)}
textarea.rf-own{width:100%;margin:0;padding:.4rem .5rem;min-height:4.2rem;
  font-size:.8rem;line-height:1.5;text-align:left;resize:vertical;
  border-radius:.4rem;color:var(--ink)}

/* Түвшин солиход БҮХЭЛ асуулга дахин тооцоологдоно гэдгийг мэдэгдэнэ */
.rf-alt{margin-top:.3rem}

/* ═════════ АЖЛЫН БҮРТГЭЛ — баруун зурвас (2026-08-23) ═════════════
   Хийсэн үйлдэл бүр дугаартай, цагтай, хэн гүйцэтгэсэн нь бичээстэй.
   ⚠ Гүйцэтгэгчийг ӨНГӨӨР биш, бичээсээр ялгана («та» · «систем»);
     зүүн зураас нь зөвхөн давхар тэмдэг. */
.work-rail.is-log .rail-list{display:grid;gap:.3rem;align-content:start}
.log-i{display:grid;gap:.15rem;padding:.35rem .45rem .4rem .55rem;
  border-left:2px solid var(--border-strong);
  border-radius:0 .35rem .35rem 0;
  background:color-mix(in srgb,var(--ink) 2%,transparent)}
.log-i.is-sys{border-left-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 7%,transparent)}
.log-m{display:flex;align-items:baseline;gap:.35rem}
.log-n{font-size:.68rem;font-weight:700;color:var(--accent)}
.log-t{min-width:0;font-size:.76rem;font-weight:620;line-height:1.3;color:var(--ink)}
.log-who{font-size:.58rem;letter-spacing:.04em;color:var(--muted);
  border:1px solid var(--border-strong);border-radius:.3rem;padding:0 .25rem}
.log-i.is-sys .log-who{border-color:color-mix(in srgb,var(--accent) 45%,transparent);
  color:var(--accent)}
.log-at{font-size:.62rem;color:var(--muted);margin-right:auto}
.log-d{margin:0;font-size:.73rem;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.log-edit{font-size:.6rem;color:var(--muted)}

/* Ажлын бүртгэл нь салбарын жагсаалтаас чухал — боломжтой хүртэл
   үлдээнэ. 1360px-ээс доош зурвасыг нарийсгаж хадгална; 1180px-ээс
   доош л хумина, эс тэгвэл ажлын талбай уншигдахаа болино. Бүртгэл
   алдагдахгүй: тэр нь хадгалалтад үлдэж, бүртгэлийн хуулбарт (⧉) ч
   бүтнээрээ гарна. */
@media (max-width:1360px){
  .work-zones{grid-template-columns:15rem minmax(0,1fr) 13.5rem}
  .work-rail.is-log{display:flex}
}
@media (max-width:1180px){
  .work-zones{grid-template-columns:14rem minmax(0,1fr)}
  .work-rail.is-log{display:none}
}