/* eesh.css — ЭЕШ жишиг сорилын хуудаснууд */
:root{
  --bg:#152238;          /* сайтын хар хөх дэвсгэр */
  --tsaas:#ffffff;       /* шалгалтын цаас */
  --bar:#0f1a2e;
  --bekh:#16202f;        /* бэхний өнгө */
  --sul:#5b6b82;
  --zaas:#dfe4ec;
  --zov:#0f8a4d;
  --zov-bg:#e8f7ee;
  --buruu:#c0392b;
  --buruu-bg:#fdecea;
  --hooson-bg:#f2f4f8;
  --gol:#2f6fd0;
  --gol-hun:#eaf1fc;
  --nud:#f7c948;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--bekh);
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.55;
}
a{color:inherit}

/* ---------- жагсаалтын хуудас ---------- */
.jj-wrap{max-width:960px;margin:0 auto;padding:48px 20px 80px}
.jj-toi{text-align:center;color:#fff;margin-bottom:36px}
.jj-toi h1{font-size:clamp(28px,5vw,44px);margin:0 0 8px;letter-spacing:-.5px}
.jj-toi p{margin:0;color:#9fb0c8}
.jj-buts{display:inline-block;color:#9fb0c8;text-decoration:none;margin-bottom:20px;font-size:15px}
.jj-buts:hover{color:#fff}
.jj-tor{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.jj-hu{
  display:block;background:var(--tsaas);border-radius:14px;padding:16px 18px;
  text-decoration:none;color:var(--bekh);border:1px solid transparent;
  transition:transform .12s ease, box-shadow .12s ease;
}
.jj-hu:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.jj-hu.jj-tug{opacity:.55;cursor:not-allowed;pointer-events:none}
.jj-d{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sul)}
.jj-ner{font-weight:700;font-size:18px;margin:2px 0 6px}
.jj-met{font-size:13px;color:var(--sul)}
.jj-shoshgo{
  display:inline-block;margin-top:10px;font-size:12px;font-weight:600;
  padding:3px 9px;border-radius:999px;background:var(--gol-hun);color:var(--gol);
}
.jj-shoshgo.jj-unegui{background:#e8f7ee;color:var(--zov)}
.jj-shoshgo.jj-duussan{background:#fff5e0;color:#a06a00}

/* ---------- сорилын хуудас ---------- */
#eeshTulhuur{
  max-width:820px;margin:0 auto;background:var(--tsaas);
  padding:0 0 60px;min-height:100vh;
}
.ee-hulee{padding:80px 20px;text-align:center;color:var(--sul)}
.ee-aldaa{padding:80px 20px;text-align:center}

.ee-toi{
  position:sticky;top:0;z-index:20;background:var(--bar);color:#fff;
  padding:12px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.ee-buts{color:#9fb0c8;text-decoration:none;font-size:13px}
.ee-buts:hover{color:#fff}
.ee-toi h1{margin:2px 0 0;font-size:19px;font-weight:700}
.ee-toi-tail{font-size:12px;color:#9fb0c8}
.ee-toi-baruun{text-align:right;flex:none}
.ee-tsag-box{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px}
.ee-tsag-buurah{color:#ff8a7a}
.ee-yavts{font-size:12px;color:#9fb0c8}
.ee-yavts-zam{height:3px;background:#e6eaf1}
.ee-yavts-zam i{display:block;height:100%;width:0;background:var(--gol);transition:width .2s}

.ee-tomyo{margin:18px 22px;border:1px solid var(--zaas);border-radius:10px;background:#fbfcfe}
.ee-tomyo summary{cursor:pointer;padding:10px 14px;font-weight:600;font-size:14px}
.ee-tomyo > div{padding:0 16px 14px;font-size:15px}
.ee-tomyo ol{padding-left:20px;margin:6px 0}

.ee-nav{display:flex;flex-wrap:wrap;gap:5px;padding:14px 22px;border-bottom:1px solid var(--zaas)}
.ee-nav-n{
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  font-size:12px;border-radius:6px;background:#eef1f6;color:var(--sul);
  border:2px solid transparent;font-weight:600;cursor:pointer;font-family:inherit;padding:0;
}
.ee-nav-n2{width:auto;padding:0 8px}
.ee-nav-dun{width:auto;padding:0 10px}
.ee-nav-n:hover{background:#dde3ed}
.ee-nav-bug{background:var(--gol);color:#fff}
.ee-nav-odoo{border-color:var(--bekh)}
.ee-nav-zov{background:var(--zov);color:#fff}
.ee-nav-buruu{background:var(--buruu);color:#fff}
.ee-nav-heseg{background:#e0a300;color:#fff}

.ee-hesag{padding:26px 22px 6px}
.ee-hesag h2{font-size:16px;text-align:center;letter-spacing:.04em;margin:0 0 10px}
.ee-hesag p{font-size:13.5px;color:var(--sul);margin:0;
  border:1px solid var(--zaas);border-radius:8px;padding:10px 12px;background:#fbfcfe}

.ee-buleg{
  margin:26px 22px 6px;font-weight:700;font-size:14.5px;
  border-bottom:2px solid var(--bekh);padding-bottom:4px;display:inline-block;
}

.ee-bod,.ee-nbod{padding:16px 22px;border-bottom:1px solid #f0f2f6}
.ee-bod-toi{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
.ee-bod-d{font-weight:700;font-size:16px}
.ee-bod-onoo{font-size:11.5px;color:var(--sul);flex:none}
.ee-asuult{font-size:16px}
.ee-zurag{margin:10px 0;text-align:center}
.ee-zurag svg{max-width:100%;height:auto}

.ee-hus{border-collapse:collapse;margin:10px auto;font-size:15px}
.ee-hus th,.ee-hus td{border:1px solid var(--bekh);padding:4px 12px;text-align:center;font-weight:600}
.ee-hus th{background:#f2f4f8}

.ee-songolt{margin-top:8px;display:grid;grid-template-columns:1fr;gap:2px}
.ee-songolt-ur{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ee-son{
  display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border-radius:8px;
  cursor:pointer;border:1px solid transparent;
}
.ee-son:hover{background:#f5f7fb}
.ee-son input{margin-top:5px;flex:none;accent-color:var(--gol)}
.ee-son-u{font-weight:700;flex:none;min-width:20px}
.ee-son-a{flex:1}
.ee-son-zov{background:var(--zov-bg);border-color:var(--zov)}
.ee-son-buruu{background:var(--buruu-bg);border-color:var(--buruu)}

.ee-hariu{margin-top:10px;font-size:13.5px;border-radius:8px;padding:0}
.ee-hariu:not(:empty){padding:9px 12px}
.ee-h-zov{background:var(--zov-bg);color:#0b5c35}
.ee-h-buruu{background:var(--buruu-bg);color:#8e2a1f}
.ee-h-hooson{background:var(--hooson-bg);color:var(--sul)}
.ee-h-heseg{background:#fff5e0;color:#7a5000}
.ee-tailbar{margin-top:6px;color:var(--bekh);font-size:14px}

/* --- нөхөх --- */
.ee-ded{margin:14px 0 0;padding-left:6px;font-size:15.5px}
.ee-ded-d{font-weight:700;margin-right:6px}
.ee-ded-onoo{display:block;text-align:right;font-size:12px;color:var(--sul);margin-top:2px}
.ee-ded-hariu{display:block;font-size:12.5px;margin-top:4px;border-radius:6px}
.ee-ded-hariu:not(:empty){padding:5px 9px}

.ee-nud{display:inline-flex;vertical-align:middle;margin:0 2px}
.ee-nud-in,.ee-nud-tog{
  width:26px;height:32px;line-height:30px;text-align:center;
  border:1.5px solid var(--bekh);font-size:16px;font-weight:600;
  font-family:inherit;background:#fffdf3;
}
.ee-nud-in{border-radius:0;padding:0;outline:none}
.ee-nud-in + .ee-nud-in,.ee-nud-tog + .ee-nud-in,.ee-nud-in + .ee-nud-tog{border-left:none}
.ee-nud-in:focus{background:#fff3cd;box-shadow:inset 0 -3px 0 var(--nud)}
.ee-nud-tog{display:inline-block;background:#f0f0f0;color:var(--sul)}
.ee-in-zov{background:var(--zov-bg);border-color:var(--zov);color:#0b5c35}
.ee-in-buruu{background:var(--buruu-bg);border-color:var(--buruu);color:#8e2a1f}

.ee-but{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 3px}
.ee-but-d{border-bottom:1.5px solid var(--bekh);padding-bottom:2px}
.ee-but-h{padding-top:2px}
.ee-tog{font-size:16px;font-weight:600;padding:0 2px}

/* --- дүн --- */
.ee-dun{margin:18px 22px;padding:20px;border-radius:14px;background:#f7f9fc;border:1px solid var(--zaas);text-align:center}
.ee-avtomat{color:#8e2a1f;font-size:13px;margin-bottom:8px}
.ee-dun-tom{font-size:52px;font-weight:800;line-height:1}
.ee-dun-tom span{font-size:22px;color:var(--sul);font-weight:600}
.ee-dun-hu{color:var(--sul);margin-bottom:14px}
.ee-dun-mor{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.ee-dun-mor div{min-width:70px}
.ee-dun-mor b{display:block;font-size:22px}
.ee-dun-mor span{font-size:11.5px;color:var(--sul)}
.ee-dun-tail{margin-top:14px;font-size:13px;color:var(--sul)}

.ee-doo{padding:26px 22px;text-align:center}
.ee-tov{
  display:inline-block;border:none;border-radius:10px;padding:12px 22px;
  font-size:15px;font-weight:600;cursor:pointer;background:#eef1f6;color:var(--bekh);
  font-family:inherit;text-decoration:none;
}
.ee-tov:hover{background:#e2e7ef}
.ee-tov-gol{background:var(--gol);color:#fff}
.ee-tov-gol:hover{background:#255cb0}
.ee-tov-nam{background:transparent;color:var(--sul);font-weight:500}

@media (max-width:620px){
  .ee-toi{padding:10px 14px}
  .ee-toi h1{font-size:16px}
  .ee-tsag-box{font-size:21px}
  .ee-bod,.ee-nbod,.ee-hesag,.ee-nav{padding-left:14px;padding-right:14px}
  .ee-buleg,.ee-dun,.ee-tomyo{margin-left:14px;margin-right:14px}
  .ee-songolt-ur{grid-template-columns:1fr 1fr}
}
@media print{
  body{background:#fff}
  .ee-toi,.ee-nav,.ee-doo,.ee-yavts-zam{display:none}
}

/* --- хувилбарын товч --- */
.jj-toi-jij{font-size:13px;margin-top:6px !important;color:#7e8ea6 !important}
.jj-hu-tug{opacity:.62}
.jj-hvs{display:flex;gap:8px;margin-top:12px}
.jj-hv{
  flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
  height:38px;border-radius:9px;text-decoration:none;font-weight:700;font-size:15px;
  background:var(--gol-hun);color:var(--gol);border:1px solid transparent;
}
.jj-hv:hover{background:var(--gol);color:#fff}
.jj-hv i{font-style:normal;font-size:11.5px;font-weight:600;opacity:.85}
.jj-hv-duussan{background:#fff5e0;color:#a06a00}
.jj-hv-duussan:hover{background:#a06a00;color:#fff}
.jj-hv-tug{background:#eef1f6;color:#8b98ab}
.jj-hv-tug:hover{background:#dde3ed;color:#5b6b82}
.jj-hv-hooson{background:#f4f6f9;color:#b6bfcc;cursor:default}

/* --- багцын хуудас --- */
.un-hu{background:var(--tsaas);border-radius:16px;padding:26px 28px;max-width:560px;margin:0 auto}
.un-hu h2{margin:0 0 12px;font-size:19px}
.un-hu ul{padding-left:20px;margin:0 0 16px}
.un-hu li{margin-bottom:6px}
.un-tail{color:var(--sul);font-size:14px;margin-bottom:18px}
.jj-aldaa{grid-column:1/-1;background:#fdecea;color:#8e2a1f;border-radius:12px;padding:20px 22px}
.jj-aldaa p{margin:6px 0 0;font-size:14px}


/* ---------- хуудаслалт ---------- */
.ee-sav{min-height:52vh}
.ee-huudas,.ee-dun-huudas{display:none}
.ee-huudas.ee-idevh,.ee-dun-huudas.ee-idevh{display:block;animation:eeOrj .16s ease}
@keyframes eeOrj{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .ee-huudas.ee-idevh,.ee-dun-huudas.ee-idevh{animation:none}
}

.ee-hes-mor{
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:14px 22px 0;font-size:12px;color:var(--sul);
  letter-spacing:.02em;
}
.ee-hes-mor span:first-child{font-weight:700;color:var(--bekh)}

.ee-bod,.ee-nbod{border-bottom:none;padding-top:8px}

/* доод самбар — хуудас солих */
.ee-doo{
  position:sticky;bottom:0;background:var(--tsaas);
  border-top:1px solid var(--zaas);
  display:flex;gap:10px;align-items:center;justify-content:space-between;
  padding:14px 22px;
}
.ee-doo .ee-tov{padding:12px 20px}
.ee-doo #eeDaraa,.ee-doo #eeDugnehTov{margin-left:auto}
.ee-doo #eeTseverTov{flex:none;padding:12px 10px;font-size:13px}

/* дүнгийн хуудас */
.ee-dun-huudas{padding-top:10px}
.ee-dun h2{margin:0 0 6px;font-size:17px}
.ee-dun p{margin:12px 0 0;font-size:13.5px;color:var(--sul)}
.ee-dun-tor{
  display:flex;flex-wrap:wrap;gap:6px;margin:0 22px 10px;
}
.ee-dt{
  width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;
  background:#eef1f6;color:var(--sul);font-weight:700;font-size:13px;font-family:inherit;
}
.ee-dt:hover{filter:brightness(.94)}
.ee-dt-bug{background:var(--gol);color:#fff}
.ee-dt-zov{background:var(--zov);color:#fff}
.ee-dt-buruu{background:var(--buruu);color:#fff}
.ee-dt-heseg{background:#e0a300;color:#fff}
.ee-dt-hooson{background:#e6eaf1;color:#8b98ab}

@media (max-width:620px){
  .ee-hes-mor{padding-left:14px;padding-right:14px}
  .ee-doo{padding:12px 14px;gap:8px}
  .ee-doo .ee-tov{padding:12px 14px;font-size:14px}
  .ee-dun-tor{margin-left:14px;margin-right:14px}
  .ee-dt{width:32px;height:32px}
}


/* --- нүд агуулж чадах математик бүтцүүд --- */
.ee-yaz{display:inline-flex;align-items:stretch;vertical-align:middle;margin:0 2px}
.ee-yaz-t{font-size:20px;line-height:1;align-self:center;margin-right:-1px}
.ee-yaz-d{border-top:1.5px solid var(--bekh);padding:3px 4px 0;display:inline-flex;
          align-items:center;gap:2px}
.ee-mat{display:inline-flex;align-items:center;vertical-align:middle;margin:0 3px}
.ee-mat-h{font-size:34px;line-height:1;font-weight:300}
.ee-mat-b{display:inline-grid;grid-template-columns:auto auto;gap:4px 10px;padding:0 4px}
.ee-slot{display:none}

/* ============================================================
   БРЭНД БА ХАРАГДАЦ
   ============================================================ */
:root{
  --brend:#2f6fd0;
  --brend-hara:#152238;
  --alt:#c9a227;
}

/* сорилын цаасны брэндийн тууз */
.ee-brend{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:12px 22px 0;
}
.ee-brend-log{
  font-size:14px;font-weight:600;letter-spacing:-.2px;color:var(--brend-hara);
}
.ee-brend-log b{color:var(--brend);font-weight:800}
.ee-brend-log span{color:var(--sul);font-weight:500}
.ee-brend-tail{font-size:11.5px;color:var(--sul);letter-spacing:.06em;text-transform:uppercase}

/* цаасны хэвлэмэл мэдрэмж */
#eeshTulhuur{
  box-shadow:0 0 0 1px rgba(21,34,56,.06), 0 18px 50px rgba(10,20,40,.28);
  position:relative;
}
#eeshTulhuur::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:repeating-linear-gradient(
    -34deg, transparent 0 120px,
    rgba(47,111,208,.028) 120px 122px, transparent 122px 260px);
}
#eeshTulhuur > *{position:relative;z-index:1}

/* толгой — гүн өнгө, брэндийн өргөлт */
.ee-toi{
  background:linear-gradient(135deg,#16233b 0%,#1d3358 100%);
  border-bottom:3px solid var(--brend);
}
.ee-toi h1{letter-spacing:-.3px}

/* хэсгийн мөр */
.ee-hes-mor span:first-child{
  position:relative;padding-left:11px;
}
.ee-hes-mor span:first-child::before{
  content:'';position:absolute;left:0;top:3px;bottom:3px;width:3px;
  border-radius:2px;background:var(--brend);
}

/* бодлогын дугаар */
.ee-bod-d{
  color:var(--brend);font-size:17px;
}

/* сонголтууд — арай тодорхой хүрээтэй */
.ee-son{border:1px solid #e8ebf1;background:#fff}
.ee-son:hover{background:#f5f8fd;border-color:#cddcf2}
.ee-son input:checked ~ .ee-son-u{color:var(--brend)}

/* нүд — цаасан дээрх хайрцаг шиг */
.ee-nud-in:focus{background:#fff8e1}

/* дүнгийн хуудас */
.ee-dun{
  background:linear-gradient(160deg,#f6f9fe 0%,#eef3fb 100%);
  border-color:#dbe4f2;
}
.ee-dun-shoshgo{
  display:inline-block;margin-bottom:8px;padding:4px 14px;border-radius:999px;
  background:var(--brend);color:#fff;font-size:12px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
}
.ee-dun-tom{color:var(--brend-hara)}
.ee-dun-hu{font-size:14px}

/* хөл */
.ee-hul{
  text-align:center;padding:18px 22px 26px;font-size:12px;color:#a9b4c4;
  border-top:1px solid #f0f2f6;
}
.ee-hul span{color:var(--sul);font-weight:600}
.ee-hul b{color:var(--brend);font-weight:800}

/* ---------- жагсаалтын хуудас ---------- */
.jj-toi h1{
  background:linear-gradient(92deg,#ffffff 0%,#bcd4f6 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.jj-brend{
  display:block;text-align:center;margin-bottom:26px;
  font-size:15px;font-weight:600;color:#8ea6c8;letter-spacing:-.2px;
}
.jj-brend b{color:#fff;font-weight:800}
.jj-hu{
  border:1px solid rgba(255,255,255,.06);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.jj-hu:not(.jj-hu-tug):hover{border-color:rgba(47,111,208,.5)}
.jj-d{color:var(--brend);font-weight:700}
.jj-ner{letter-spacing:-.2px}
.jj-hul{
  text-align:center;margin-top:44px;color:#7e8ea6;font-size:13px;line-height:1.9;
}
.jj-hul b{color:#b9c8dd}

/* ---------- зургийн хэмжээ ---------- */
.ee-zurag svg{
  max-width:min(100%, 380px);
  max-height:300px;
  height:auto;
  display:block;
  margin:0 auto;
}
/* сонголт доторх жижиг график (13-р бодлого маягийн) */
.ee-son-a svg{max-width:170px;max-height:150px}
/* урт сонголтыг мөр дараалуулах */
.ee-songolt-ur .ee-son-a{min-width:0;overflow-x:auto}
@media (max-width:620px){
  .ee-zurag svg{max-width:100%;max-height:230px}
  .ee-son-a svg{max-width:130px}
}

/* ============================================================
   ЖАГСААЛТЫН КАРТ — шинэчилсэн харагдац

   Өмнө нь карт бүр «СОРИЛ 01» гээд доор нь дахин «ЭЕШ жишиг
   сорил №1» гэж давтаж, гарчиг нь хоёр мөр болж мурийдаг байв.
   35 карт дээр энэ давхардал асар их зай иддэг.

   Мөн бэлэн болоогүй 33 карт бэлэн хоёртойгоо ижил цагаан
   харагддаг тул нүд хаана тогтохоо мэдэхгүй байлаа. Одоо
   хүлээгдэж байгаа карт дэвсгэрт ууссан, бэлэн нь өөрөө тодорно.

   Зөвхөн .jj- классууд. Сорилын цаас (.ee-) огт хөндөгдөөгүй.
   ============================================================ */

.jj-tor{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:11px}

.jj-hu{
  padding:13px 14px 14px;border-radius:13px;
  display:flex;flex-direction:column;gap:7px;
}

/* дугаар — картын гол таних тэмдэг */
.jj-num{
  font-size:24px;font-weight:800;line-height:1;
  letter-spacing:-.6px;color:var(--brend);
  font-variant-numeric:tabular-nums;
}

.jj-deed{display:flex;align-items:center;justify-content:space-between;gap:8px}

.jj-met{font-size:12.5px;color:var(--sul);line-height:1.4;min-height:17px}

/* --- бэлэн болоогүй: дэвсгэрт уусна --- */
.jj-hu.jj-hulee{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.07);
  box-shadow:none;
}
.jj-hu.jj-hulee:hover{transform:none;box-shadow:none;border-color:rgba(255,255,255,.07)}
.jj-hu.jj-hulee .jj-num{color:#5c708a}
.jj-hu.jj-hulee .jj-met{color:#67788f}

/* --- үнэгүй тэмдэг --- */
.jj-unegui-tem{
  font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--zov);background:#e8f7ee;border-radius:999px;padding:2px 8px;flex:none;
}

/* --- А / Б товч --- */
.jj-hvs{margin-top:auto;padding-top:3px;gap:6px}
.jj-hv{height:34px;border-radius:8px;font-size:14px}
.jj-hv i{font-size:11px}

/* хүлээгдэж байгаа хувилбар — товч биш, зүгээр тэмдэг */
.jj-hv-hooson{background:rgba(255,255,255,.05);color:#61748d}

@media (max-width:520px){
  .jj-wrap{padding:28px 14px 60px}
  .jj-tor{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px}
  .jj-hu{padding:11px 12px 12px}
  .jj-num{font-size:21px}
  .jj-hv{height:32px;font-size:13.5px}
}