/* ==========================================================
   tomyo.css — Томьёоны сан (tomyo.html, tomyo-sedev.html)
   Дэвтрийн дөрвөлжин цаас + индекс карт. Онолын хуудастай
   ижил өнгө, үсэг ашиглана.
   ========================================================== */
:root{
  --paper:#FBFCFE; --grid:#E6ECF5; --ink:#1B2A4A; --ink2:#4A5878; --line:#D5DDEA; --card:#FFFFFF;
  --tsenher:#2C6BE0; --nogoon:#169A6B; --ulbar:#E07A1F; --yagaan:#8A4FD1; --oy:#0E8FA3; --ulaan:#D64545;
  --shar:#F2B705;
  --c:var(--tsenher);            /* сэдвийн өнгө — JS солино */
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#141B2B; --grid:#1D2638; --ink:#E7ECF6; --ink2:#A8B3CA; --line:#2E3A52; --card:#1A2336;
  }
}
:root[data-theme="dark"]{
  --paper:#141B2B; --grid:#1D2638; --ink:#E7ECF6; --ink2:#A8B3CA; --line:#2E3A52; --card:#1A2336;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto} *{transition:none !important; animation:none !important}}
body{
  margin:0; color:var(--ink); font:17px/1.6 Rubik, "Segoe UI", Roboto, Arial, sans-serif;
  background-color:var(--paper);
  background-image:linear-gradient(var(--grid) 1px, transparent 1px),linear-gradient(90deg,var(--grid) 1px, transparent 1px);
  background-size:24px 24px;
}
a{color:var(--tsenher)}
:focus-visible{outline:3px solid var(--tsenher); outline-offset:2px; border-radius:6px}
button{font:inherit; color:inherit}
.wrap{max-width:780px; margin:0 auto; padding:0 16px 80px}

nav.deed{padding:16px 0 4px}
.butsah{color:var(--ink2); text-decoration:none; font-size:15.5px}
.butsah:hover{color:var(--tsenher)}

/* ---------- Сэдвийн толгой ---------- */
.sedev-tolgoi{padding:10px 0 6px}
.sedev-tolgoi .angi{margin:0 0 4px; color:var(--c); font-weight:600; font-size:15px}
.sedev-tolgoi h1{margin:0 0 10px; font-size:clamp(28px, 6vw, 40px); line-height:1.12; font-weight:700; letter-spacing:-.4px}
.sedev-tolgoi .tovch{margin:0; color:var(--ink2); max-width:62ch}

/* ---------- Хэрэгслийн мөр ---------- */
.hereglel{display:flex; gap:8px; flex-wrap:wrap; margin:18px 0 6px}
.tovch-h{cursor:pointer; border:2px solid var(--ink); background:var(--card); border-radius:12px; padding:7px 14px; font-weight:500; font-size:15.5px}
.tovch-h[aria-pressed="true"]{background:var(--ink); color:var(--paper)}
.tovch-h:hover{border-color:var(--c)}
.tovch-b{cursor:pointer; border:2px solid var(--c); background:transparent; color:var(--c); border-radius:10px; padding:5px 12px; font-weight:600; font-size:15px}

.tseejleh-mur{margin:10px 0 4px; border:2px dashed var(--c); border-radius:14px; padding:10px 14px; background:var(--card)}
.tseejleh-mur p{margin:0 0 6px}
.tseejleh-mur .toolol{color:var(--ink2); font-size:15px}
.tseejleh-mur .toolol b{color:var(--ink); font-size:17px}

/* ---------- Хэсгийн шилжүүр ---------- */
.bulguud-nav{position:sticky; top:0; z-index:5; display:flex; gap:8px; overflow-x:auto; margin:14px -16px 0; padding:10px 16px;
  background:color-mix(in srgb, var(--paper) 92%, transparent); backdrop-filter:blur(6px); border-bottom:1px solid var(--line)}
.bulguud-nav:empty{display:none}
.bulguud-nav a{flex:none; text-decoration:none; color:var(--ink); border:1.5px solid var(--line); background:var(--card);
  padding:4px 12px; border-radius:999px; font-size:14.5px; white-space:nowrap}
.bulguud-nav a:hover{border-color:var(--c)}

/* ---------- Хэсэг ---------- */
section.buleg{padding-top:26px; scroll-margin-top:58px}
section.buleg > h2{margin:0 0 12px; font-size:23px; line-height:1.25; padding-bottom:6px; border-bottom:2px solid var(--ink)}

/* ---------- Томьёоны карт (индекс карт) ---------- */
.kart{position:relative; background:var(--card); border:1.5px solid var(--line); border-left:7px solid var(--c);
  border-radius:6px 16px 16px 6px; margin:0 0 16px; scroll-margin-top:64px}
.kart.tod{box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 45%, transparent)}
.kart-tolgoi{display:flex; align-items:center; gap:10px; padding:10px 10px 0 14px}
.kart-tolgoi .dug{flex:none; min-width:28px; height:28px; padding:0 6px; border-radius:8px; display:grid; place-items:center;
  background:color-mix(in srgb, var(--c) 14%, var(--card)); color:var(--c); font-weight:700; font-size:14.5px}
.kart-tolgoi h3{margin:0; font-size:17.5px; font-weight:600; line-height:1.3; flex:1}
.dursgal{flex:none; cursor:pointer; background:none; border:0; font-size:22px; line-height:1; padding:6px; color:var(--ink2); border-radius:10px}
.dursgal[aria-pressed="true"]{color:var(--shar)}

.tomyo-tex{position:relative; margin:8px 14px 4px; padding:16px 10px; text-align:center; overflow-x:auto;
  font-size:1.5em; border-radius:12px; background:color-mix(in srgb, var(--c) 6%, var(--card))}
.tomyo-tex .mur + .mur{margin-top:6px}
.tomyo-tex .katex-display{margin:0}
.tomyo-tex .mur{display:flex; justify-content:center}
.tomyo-tex .mur.huvaasan{justify-content:flex-start}
.tomyo-tex .mur.huvaasan .katex-display{text-align:left}
.ugeer .katex-display, .zuvlumj .katex-display, .uund .katex-display, .hairtsag li .katex-display, .gargalgaa .dun .katex-display{margin:.35em 0; overflow-x:auto; overflow-y:hidden; text-align:left}
.zuvlumj .katex-display > .katex, .ugeer .katex-display > .katex, .hairtsag li .katex-display > .katex, .gargalgaa .dun .katex-display > .katex{text-align:left; padding-left:.6em}
.tomyo-tex .katex{white-space:nowrap}
@media (max-width:520px){ .tomyo-tex{font-size:1.25em; padding:12px 6px} }

.ugeer{margin:8px 14px 0; font-size:16.5px}
.uund{margin:6px 14px 0; padding:0; list-style:none; color:var(--ink2); font-size:15.5px}
.uund li{padding:1px 0}
.uund li b{color:var(--ink); font-weight:500}
.uund .uund-ner{color:var(--ink2)}
.zuvlumj{margin:10px 14px 0; border-left:4px solid var(--shar); background:color-mix(in srgb, var(--shar) 12%, var(--card));
  border-radius:0 10px 10px 0; padding:7px 12px; font-size:15.5px}
.zuvlumj::before{content:"💡 "}

figure.zurag{margin:10px 14px 0; background:#fff; border:1px solid var(--line); border-radius:12px; padding:10px; text-align:center}
figure.zurag svg{width:100%; height:auto; max-width:440px; display:block; margin:0 auto}
figure.zurag figcaption{color:#4A5878; font-size:14.5px; margin-top:4px}
/* 🔄 3D зураг (js/biet3d.js) */
.b3d-hairtsag{margin:10px 14px 0; background:var(--card); border:1.5px solid color-mix(in srgb, var(--c) 45%, var(--line)); border-radius:14px; padding:10px 12px}
.b3d-hairtsag[hidden]{display:none}
.b3d-solih-mur{display:flex; justify-content:center; margin:8px 14px 0}
.neeh.b3d-solih[aria-pressed="true"]{border-color:var(--c); background:color-mix(in srgb, var(--c) 10%, var(--card))}
body.tseejleh .b3d-hairtsag, body.huraangui .b3d-hairtsag, body.tseejleh .b3d-solih-mur, body.huraangui .b3d-solih-mur{display:none}
@media print{ .b3d-hairtsag, .b3d-solih-mur{display:none !important} }

/* Нээгддэг хэсгүүд: жишээ, алдаа */
.nemelt{display:flex; gap:8px; flex-wrap:wrap; padding:10px 14px 12px}
.nemelt:empty{display:none; padding:0}
.neeh{cursor:pointer; border:1.5px solid var(--line); background:var(--paper); border-radius:10px; padding:5px 12px; font-size:15px; font-weight:500}
.neeh:hover{border-color:var(--c)}
.neeh[aria-expanded="true"]{border-color:var(--c); background:color-mix(in srgb, var(--c) 10%, var(--card))}
.neeh.aldaa-t[aria-expanded="true"]{border-color:var(--ulaan); background:color-mix(in srgb, var(--ulaan) 9%, var(--card))}
.hairtsag{margin:0 14px 14px; border-radius:12px; padding:12px 14px}
.hairtsag[hidden]{display:none}

.jishee{border:1.5px solid var(--line); background:var(--paper)}
.jishee .bod{font-weight:500; margin-bottom:6px}
.jishee ol{list-style:none; margin:0; padding:0; counter-reset:a}
.jishee li{counter-increment:a; position:relative; padding:6px 0 6px 38px; border-top:1px dashed var(--line); overflow-x:auto}
.jishee li::before{content:counter(a); position:absolute; left:0; top:7px; width:26px; height:26px; border-radius:50%;
  background:var(--c); color:#fff; font-weight:600; font-size:13.5px; display:grid; place-items:center}
.jishee li.nuuts{display:none}
.jishee .udirdlaga{display:flex; gap:8px; margin-top:8px; flex-wrap:wrap}
.jishee .hariu{margin-top:10px; padding:7px 12px; border-radius:10px; border:2px solid var(--nogoon);
  background:color-mix(in srgb, var(--nogoon) 10%, var(--card)); font-weight:600}
.jishee .hariu[hidden], .jishee .udirdlaga[hidden]{display:none}

.gargalgaa{border:1.5px solid color-mix(in srgb, var(--c) 40%, var(--line)); background:color-mix(in srgb, var(--c) 4%, var(--card))}
.gargalgaa .sanaa{font-weight:500; margin-bottom:6px}
.gargalgaa .sanaa::before{content:"💡 Санаа: "; font-weight:700; color:var(--c)}
.gargalgaa figure.zurag{margin:6px 0 8px}
.gargalgaa ol{list-style:none; margin:0; padding:0; counter-reset:g}
.gargalgaa li{counter-increment:g; position:relative; padding:6px 0 6px 38px; border-top:1px dashed var(--line); overflow-x:auto}
.gargalgaa li::before{content:counter(g); position:absolute; left:0; top:7px; width:26px; height:26px; border-radius:50%;
  border:2px solid var(--c); color:var(--c); font-weight:700; font-size:13.5px; display:grid; place-items:center; box-sizing:border-box}
.gargalgaa .dun{margin-top:10px; padding:7px 12px; border-radius:10px; border:2px solid var(--c);
  background:color-mix(in srgb, var(--c) 9%, var(--card)); font-weight:600; overflow-x:auto}
.gargalgaa .dun::before{content:"∴ "; font-weight:700}
.neeh.gargalgaa-t[aria-expanded="true"]{border-color:var(--c); background:color-mix(in srgb, var(--c) 12%, var(--card))}

.aldaa{border:1.5px solid color-mix(in srgb, var(--ulaan) 45%, var(--line)); background:var(--card)}
.aldaa .hos{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.aldaa .b,.aldaa .z{border-radius:10px; padding:7px 10px; overflow-x:auto}
.aldaa .b{background:color-mix(in srgb, var(--ulaan) 9%, var(--card))}
.aldaa .z{background:color-mix(in srgb, var(--nogoon) 9%, var(--card))}
.aldaa .b::before{content:"✗ Буруу: "; color:var(--ulaan); font-weight:700}
.aldaa .z::before{content:"✓ Зөв: "; color:var(--nogoon); font-weight:700}
.aldaa .tb{margin-top:8px; color:var(--ink2); font-size:15.5px}
@media (max-width:560px){ .aldaa .hos{grid-template-columns:1fr} }

/* ---------- Хөдөлгөөнт зураг (js/tomyo/widget) ---------- */
.widget{margin:10px 14px 0; background:var(--card); border:1.5px solid color-mix(in srgb, var(--c) 45%, var(--line)); border-radius:14px; padding:10px 12px}
.widget-achaalj{margin:0; color:var(--ink2); font-size:14.5px}
.widget .tw-gar{font-weight:600; font-size:15.5px; margin:0 0 6px; color:var(--c)}
.widget .tw-gar::before{content:"▶ "; font-size:12px}
.widget svg.tw-svg{width:100%; height:auto; display:block; background:var(--paper); border:1px solid var(--line); border-radius:10px; touch-action:none}
.widget .tw-gul{display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:6px 14px; margin-top:8px}
.widget .tw-gul label{display:block; font-size:15px; font-weight:500}
.widget .tw-gul label output{float:right; font-variant-numeric:tabular-nums; font-weight:600}
.widget .tw-gul input[type=range]{width:100%; accent-color:var(--c)}
.widget .tw-dun{margin-top:8px; padding:6px 10px; border-radius:10px; background:color-mix(in srgb, var(--c) 8%, var(--card)); overflow-x:auto; min-height:2.2em}
.widget .tw-dun .katex-display{margin:2px 0}
.widget .tw-tb{margin:6px 0 0; color:var(--ink2); font-size:14.5px}
.widget .tw-tovchnuud{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px}
.widget .tw-tovchnuud button{cursor:pointer; font:inherit; font-size:14.5px; border:1.5px solid var(--line); background:var(--paper); color:var(--ink); border-radius:999px; padding:3px 12px}
.widget .tw-tovchnuud button[aria-pressed="true"]{background:var(--c); border-color:var(--c); color:#fff}
/* ---------- 📌 Нэг хуудсан тойм ---------- */
.toim{margin:6px 0 18px; padding:14px 14px 12px; border-radius:18px; background:var(--card);
  border:2px solid color-mix(in srgb, var(--c) 45%, var(--line)); box-shadow:0 2px 0 color-mix(in srgb, var(--c) 18%, transparent)}
.toim-temdeg{display:inline-block; font-size:13px; font-weight:700; letter-spacing:.02em; color:var(--c);
  background:color-mix(in srgb, var(--c) 12%, transparent); border-radius:999px; padding:2px 10px}
.toim-gar{margin:8px 0 2px; font-size:21px; line-height:1.3}
.toim-ded{margin:0 0 4px; color:var(--ink2); font-size:15px}
.toim-tor{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:12px; margin-top:10px}
.toim-nud{border:1.5px solid color-mix(in srgb, var(--u) 40%, var(--line)); border-radius:14px; padding:10px 12px 8px;
  background:color-mix(in srgb, var(--u) 5%, var(--card)); break-inside:avoid}
.toim-tol{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.toim-dug{flex:none; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-weight:700;
  color:var(--u); border:2px solid var(--u); font-size:15px}
.toim-tex{font-size:1.35em; font-weight:600; padding:2px 10px; border-radius:10px; background:color-mix(in srgb, var(--shar, #F2B705) 22%, transparent)}
.toim-shoshgo{margin-left:auto; font-size:12.5px; font-weight:700; color:var(--u); border:1.5px solid var(--u); border-radius:999px; padding:1px 9px}
.toim-alham{margin:8px 0 0; padding:0; list-style:none}
.toim-alham li{margin:2px 0}
.toim-tb{display:block; font-size:14px; color:var(--ink2)}
.toim-m{overflow-x:auto}
.toim-m .katex-display{margin:2px 0}
.toim-hariu{margin-top:6px; padding:6px 10px; border-radius:10px; border:1.5px solid var(--nogoon);
  background:color-mix(in srgb, var(--nogoon) 9%, var(--card)); overflow-x:auto}
.toim-zurag svg{display:block; width:100%; max-width:340px; height:auto; margin:6px auto 0}
.toim-ajiglalt{margin-top:12px; padding:10px 14px; border-radius:14px; background:color-mix(in srgb, var(--c) 7%, var(--card))}
.toim-ajiglalt h4{margin:0 0 4px; font-size:16px; color:var(--c)}
.toim-ajiglalt ul{margin:0; padding-left:20px}
.toim-ajiglalt li{margin:4px 0}
.toim-anhaar{margin-top:10px; padding:8px 12px; border-radius:12px; border-left:5px solid var(--ulbar);
  background:color-mix(in srgb, var(--ulbar) 9%, var(--card)); font-size:15.5px}
.toim .widget{margin-top:12px}
.toim .widget .tw-dun{font-size:.92em}
.toim .nw{display:inline-block; white-space:nowrap}
.toim .widget .tw-svg{max-width:520px; margin:0 auto}
@media (max-width:520px){
  .toim{padding:12px 10px 10px; margin-left:-4px; margin-right:-4px}
  .toim-nud{padding:9px 9px 7px}
  .toim-tex{font-size:1.25em}
  .toim .widget{padding-left:10px; padding-right:10px}
}
@media (prefers-reduced-motion: no-preference){
  .toim-shulun .sh-muj{stroke-dasharray:320; stroke-dashoffset:320; animation:shMuj 1.1s ease-out .2s forwards}
  @keyframes shMuj{to{stroke-dashoffset:0}}
}
body.tseejleh .toim{display:none}
@media print{
  .toim{border:1.5px solid #999; box-shadow:none; break-inside:avoid-page}
  .toim-shulun .sh-muj{stroke-dashoffset:0 !important; animation:none !important}
}

body.tseejleh .widget, body.huraangui .widget{display:none}
@media print{ .widget{display:none !important} }

/* ---------- 🧮 Тооцоолуур ---------- */
.toots{border:1.5px solid color-mix(in srgb, var(--nogoon) 50%, var(--line)); background:var(--card)}
.toots-gar{color:var(--ink2); font-size:15px; margin-bottom:8px}
.toots-orolt{display:flex; flex-wrap:wrap; gap:8px 14px}
.toots-orolt label{display:flex; align-items:center; gap:6px; font-size:17px}
.toots-orolt input{width:92px; font:inherit; font-size:17px; padding:5px 8px; border:2px solid var(--line); border-radius:10px;
  background:var(--paper); color:var(--ink); font-variant-numeric:tabular-nums}
.toots-orolt input:focus{outline:none; border-color:var(--nogoon)}
.toots-ur{margin-top:10px; padding:8px 10px; border-radius:10px; background:color-mix(in srgb, var(--nogoon) 9%, var(--card)); overflow-x:auto}
.toots-mor .katex-display{margin:4px 0; text-align:left}
.toots-mor .katex-display > .katex{text-align:left}
.toots-aldaa{color:var(--ulaan); font-size:15px; margin:0}
.toots-tb{color:var(--ink2); font-size:14.5px; margin:8px 0 0}
.neeh.toots-t[aria-expanded="true"]{border-color:var(--nogoon); background:color-mix(in srgb, var(--nogoon) 10%, var(--card))}

/* ---------- Цээжлэх горим ---------- */
body.tseejleh .tomyo-tex{cursor:pointer; min-height:66px}
body.tseejleh .kart:not(.ilerhii) .tomyo-tex > *{visibility:hidden}
body.tseejleh .kart:not(.ilerhii) .tomyo-tex::after{content:"Санаад бичээд үз, дараа нь энд дар"; position:absolute; inset:0;
  display:grid; place-items:center; font-size:15px; color:var(--ink2); padding:0 10px;
  background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--c) 8%, var(--card)) 0 10px, var(--card) 10px 20px); border-radius:12px}
body.tseejleh .ugeer, body.tseejleh .uund, body.tseejleh .zuvlumj, body.tseejleh .nemelt, body.tseejleh .hairtsag{display:none}
.unelgee{display:none; gap:8px; padding:0 14px 12px; justify-content:center}
body.tseejleh .kart.ilerhii .unelgee{display:flex}
.unelgee button{cursor:pointer; border-radius:10px; padding:5px 14px; font-weight:600; font-size:15px; border:2px solid}
.unelgee .u-zov{border-color:var(--nogoon); color:var(--nogoon); background:transparent}
.unelgee .u-buruu{border-color:var(--ulbar); color:var(--ulbar); background:transparent}
.kart.santsan .u-zov{background:var(--nogoon); color:#fff}
.kart.santsangui .u-buruu{background:var(--ulbar); color:#fff}

/* ---------- Зөвхөн томьёо (хураангуй) ---------- */
body.huraangui .ugeer, body.huraangui .uund, body.huraangui .zuvlumj, body.huraangui figure.zurag,
body.huraangui .nemelt, body.huraangui .hairtsag{display:none}
body.huraangui .kart{margin-bottom:10px}
body.huraangui .tomyo-tex{font-size:1.25em; margin-bottom:12px; padding:10px 6px}

/* ---------- Холбоос, дараагийн сэдэв ---------- */
.holboos{margin-top:34px; border:2px solid var(--ink); border-radius:16px; background:var(--card); padding:16px 18px}
.holboos h2{margin:0 0 6px; font-size:20px}
.holboos ul{margin:0; padding-left:20px}
.holboos li{padding:2px 0}
.daraah-nav{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:22px}
.daraah-nav a{display:block; text-decoration:none; color:var(--ink); background:var(--card); border:1.5px solid var(--line);
  border-radius:14px; padding:10px 14px}
.daraah-nav a:hover{border-color:var(--c)}
.daraah-nav small{display:block; color:var(--ink2); font-size:14px}
.daraah-nav .baruun{text-align:right; grid-column:2}
.aldaa-huudas{padding:40px 0; color:var(--ink2)}

/* ---------- Хэвлэх ---------- */
@media print{
  @page{margin:12mm}
  body{background:#fff !important; color:#000; font-size:12pt}
  :root{--card:#fff; --paper:#fff; --ink:#000; --ink2:#333; --line:#bbb}
  nav, .hereglel, .tseejleh-mur, .holboos, .daraah-nav, .dursgal, .nemelt, .hairtsag, .unelgee, .zuvlumj, .uund, .ugeer, figure.zurag{display:none !important}
  .wrap{max-width:none; padding:0}
  .sedev-tolgoi h1{font-size:20pt}
  .sedev-tolgoi .tovch{display:none}
  section.buleg{padding-top:8px; break-inside:avoid-page}
  section.buleg > h2{font-size:14pt; margin-bottom:6px}
  .kart{break-inside:avoid; margin-bottom:6px; border-left-width:4px}
  .tomyo-tex{font-size:1.15em; padding:4px; margin:2px 8px 6px; background:none}
  body.tseejleh .kart .tomyo-tex > *{visibility:visible !important}
  body.tseejleh .kart .tomyo-tex::after{display:none !important}
}

/* KaTeX-ийн дотоод SVG-г хамгаалах (хамгийн сүүлд) */
.wrap .katex svg{width:100%; height:inherit; display:block; position:absolute; max-width:none; margin:0; background:none; border:0; border-radius:0}
.wrap .katex .hide-tail{overflow:hidden}

/* ==========================================================
   Нүүр хуудас (tomyo.html)
   ========================================================== */
.nuur-tolgoi{padding:14px 0 4px}
.nuur-tolgoi h1{margin:0 0 6px; font-size:clamp(32px, 7vw, 46px); line-height:1.08; letter-spacing:-.6px}
.nuur-tolgoi p{margin:0; color:var(--ink2); max-width:56ch}
.hailt-mur{position:sticky; top:0; z-index:6; margin:18px -16px 0; padding:10px 16px;
  background:color-mix(in srgb, var(--paper) 92%, transparent); backdrop-filter:blur(6px)}
.hailt-mur label{display:block; position:relative}
.hailt-mur input{width:100%; font:inherit; font-size:18px; color:var(--ink); background:var(--card);
  border:2px solid var(--ink); border-radius:14px; padding:12px 14px 12px 44px; box-shadow:4px 4px 0 var(--ink)}
.hailt-mur input:focus{outline:none; border-color:var(--tsenher); box-shadow:4px 4px 0 var(--tsenher)}
.hailt-mur .ikon{position:absolute; left:15px; top:50%; transform:translateY(-50%); font-size:18px; pointer-events:none}
.shuult{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px}
.shuult button{cursor:pointer; border:1.5px solid var(--line); background:var(--card); border-radius:999px; padding:4px 14px; font-size:15px}
.shuult button[aria-pressed="true"]{background:var(--ink); color:var(--paper); border-color:var(--ink)}

.nuur-heseg{padding-top:22px}
.nuur-heseg h2, #dursgal h2{margin:0 0 10px; font-size:22px}
.sedev-tor{display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:12px}
.sedev-kart{display:flex; flex-direction:column; text-decoration:none; color:var(--ink); background:var(--card);
  border:1.5px solid var(--line); border-top:6px solid var(--c); border-radius:8px 8px 16px 16px; padding:12px 14px 12px; min-height:142px}
@media (max-width:520px){ .sedev-kart{min-height:0} }
a.sedev-kart:hover{border-color:var(--c); transform:translateY(-2px); transition:transform .15s}
.sedev-kart .urid{color:var(--c); font-size:1.12em; overflow:hidden; white-space:nowrap; padding:2px 0 8px}
.sedev-kart .ner{font-weight:600; font-size:17px; line-height:1.3; flex:1}
.sedev-kart .medeelel{color:var(--ink2); font-size:14px; margin-top:6px}
.sedev-kart.udahgui{opacity:.6; border-style:dashed; border-top-style:solid}

#dursgal{margin-top:24px}
#dursgal .tolgoi{display:flex; justify-content:space-between; align-items:baseline; gap:10px}
#dursgal .tolgoi button{cursor:pointer; background:none; border:0; color:var(--ink2); font-size:14px; text-decoration:underline}
.dursgal-tor{display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:10px}
.dursgal-kart{display:block; text-decoration:none; color:var(--ink); background:var(--card); border:1.5px solid var(--line);
  border-left:6px solid var(--c); border-radius:6px 14px 14px 6px; padding:8px 12px; margin-bottom:0}
.dursgal-kart:hover{border-color:var(--c)}
.dursgal-kart .ner{font-weight:600; font-size:15.5px}
.dursgal-kart .sedev-ner{color:var(--ink2); font-size:13.5px}
.dursgal-kart .tx{overflow-x:auto; padding:4px 0 2px; font-size:1.05em}
#haitsUr{display:grid; gap:10px; margin-top:18px}
.haitsiin-too{margin:0; color:var(--ink2)}
.zaavar-tb{margin-top:36px; color:var(--ink2); font-size:15px}

/* Мөр доторх (inline) томьёог дундуур нь тасалж хоёр мөрөнд хуваахгүй.
   Урт томьёог tomyo.js (urtUruu) тусдаа мөрөнд гаргадаг. */
.ugeer .katex, .zuvlumj .katex, .uund .katex, .toots-tb .katex, .hairtsag .katex{white-space:nowrap}
.ugeer, .zuvlumj, .uund, .hairtsag{overflow-wrap:break-word}
.ugeer .katex.tusdaa, .zuvlumj .katex.tusdaa, .uund .katex.tusdaa, .hairtsag li .katex.tusdaa, .gargalgaa .dun .katex.tusdaa, .gargalgaa .sanaa .katex.tusdaa{display:block; margin:.25em 0 .25em .6em; width:max-content; max-width:100%}

/* math6000test.mn тэмдэг (2026-10-18) — карт бүрийн буланд */
article.kart{position:relative; padding-bottom:20px}
article.kart::after{content:"math6000test.mn"; position:absolute; right:14px; bottom:5px; font-size:11px; font-weight:600; letter-spacing:.03em; color:var(--ink2); opacity:.45; pointer-events:none}