/* audit */
/* ДУГУЙ ТОВЧНЫ ИКОН — extra-гийн `.btn-circle::after` жамаараа «›» сум
                   гаргадаг. Энэ блокийн холбоос бүр баримт (PDF) руу очдог тул иконыг
                   `fa-file-arrow-down` (\f56d) болгов. Фонт, жин, төвлөрөл бүгд extra
                   дээрээс ирнэ — зөвхөн `content`-ыг сольж байна.
                   ⚠️ `fa-file-pdf` (\f1c1) БОЛОХГҮЙ: FA 6.5-ын тэр glyph дээрх «PDF»
                      үсэг нь жижигдээ «PNG» шиг уншигддаг (D нь N, F нь G мэт). */

                #block-docs .item-action .btn-circle::after {
                  content: '\f56d';
                }

/* barilga */
/* ДУГУЙ ТОВЧНЫ ИКОН — extra-гийн `.btn-circle::after` жамаараа «›» сум
                   гаргадаг. Энэ блокийн холбоос бүр баримт (PDF) руу очдог тул иконыг
                   `fa-file-arrow-down` (\f56d) болгов. Фонт, жин, төвлөрөл бүгд extra
                   дээрээс ирнэ — зөвхөн `content`-ыг сольж байна.
                   ⚠️ `fa-file-pdf` (\f1c1) БОЛОХГҮЙ: FA 6.5-ын тэр glyph дээрх «PDF»
                      үсэг нь жижигдээ «PNG» шиг уншигддаг (D нь N, F нь G мэт). */

                #block-docs .item-action .btn-circle::after {
                  content: '\f56d';
                }

/* international-papers */
/* ДУГУЙ ТОВЧНЫ ИКОН — extra-гийн `.btn-circle::after` жамаараа «›» сум
                   гаргадаг. Энэ блокийн холбоос нь ГАДНЫ сайт (legalinfo.mn, consul.mn)
                   руу очдог тул иконыг `fa-globe` (\f0ac) болгов. Фонт, жин, төвлөрөл бүгд extra
                   дээрээс ирнэ — зөвхөн `content`-ыг сольж байна.
                   ⚠️ `fa-file-pdf` (\f1c1) БОЛОХГҮЙ: FA 6.5-ын тэр glyph дээрх «PDF»
                      үсэг нь жижигдээ «PNG» шиг уншигддаг (D нь N, F нь G мэт). */

                #block-docs .item-action .btn-circle::after {
                  content: '\f0ac';
                }

/* law-and-order */
/* ДУГУЙ ТОВЧНЫ ИКОН — extra-гийн `.btn-circle::after` жамаараа «›» сум
                   гаргадаг. Энэ блокийн холбоос нь ГАДНЫ сайт (legalinfo.mn, consul.mn)
                   руу очдог тул иконыг `fa-globe` (\f0ac) болгов. Фонт, жин, төвлөрөл бүгд extra
                   дээрээс ирнэ — зөвхөн `content`-ыг сольж байна.
                   ⚠️ `fa-file-pdf` (\f1c1) БОЛОХГҮЙ: FA 6.5-ын тэр glyph дээрх «PDF»
                      үсэг нь жижигдээ «PNG» шиг уншигддаг (D нь N, F нь G мэт). */

                #block-docs .item-action .btn-circle::after {
                  content: '\f0ac';
                }

/* law-and-order */
/* ДУГУЙ ТОВЧНЫ ИКОН — extra-гийн `.btn-circle::after` жамаараа «›» сум
                   гаргадаг. Энэ блокийн холбоос бүр баримт (PDF) руу очдог тул иконыг
                   `fa-file-arrow-down` (\f56d) болгов. Фонт, жин, төвлөрөл бүгд extra
                   дээрээс ирнэ — зөвхөн `content`-ыг сольж байна.
                   ⚠️ `fa-file-pdf` (\f1c1) БОЛОХГҮЙ: FA 6.5-ын тэр glyph дээрх «PDF»
                      үсэг нь жижигдээ «PNG» шиг уншигддаг (D нь N, F нь G мэт). */

                #block-docs-2 .item-action .btn-circle::after {
                  content: '\f56d';
                }

/* prokuroriin-hayg */
/* ЗУРАГ — viewBox 100:41.3 тул өндөр автоматаар. Өнгө бүгд токеноор. */

        #block-offices .pm-map {
          /* `100%` — хүртээмжийн 130%-д 68rem (=1414px) контейнерээс өргөн болж зураг 2 тийш
             ~21px гарч байсан (2026-09-28). 100%-д 68rem < эцэг тул өөрчлөлтгүй. */
          width: min(92vw, 68rem, 100%);
        }
        #block-offices .aimag {
          fill: rgba(var(--bs-body-color-rgb), .07);
          stroke: var(--bs-body-bg);
          stroke-width: .18;
          stroke-linejoin: round;
          transition: fill .4s ease-in-out;
        }
        /* Тухайн хамрах хүрээнд газартай аймаг — JS `has-office` онооно */
        #block-offices .aimag.has-office {
          fill: rgba(var(--bs-primary-rgb), .5);
          cursor: pointer;
        }
        #block-offices .aimag.has-office.is-active {
          fill: var(--bs-primary);
        }
        #block-offices .aimag-label {
          fill: rgba(var(--bs-body-color-rgb), .45);
          font-size: .85px;
          font-weight: 600;
          letter-spacing: .05px;
          text-anchor: middle;
          text-transform: uppercase;
          pointer-events: none;
          transition: fill .4s ease-in-out;
        }
        #block-offices .aimag-label-sm { font-size: .6px; }
        #block-offices .aimag-label.is-active { fill: var(--bs-body-bg); }

        #block-offices .compass-ring  { fill: none; stroke: rgba(var(--bs-body-color-rgb), .2); stroke-width: .12; }
        #block-offices .compass-north { fill: var(--bs-primary); }
        #block-offices .compass-south { fill: rgba(var(--bs-body-color-rgb), .2); }
        #block-offices .compass-n     { fill: rgba(var(--bs-body-color-rgb), .45); font-size: 1px; font-weight: 600; text-anchor: middle; }

        @media (max-width: 767.98px) {
          /* жижиг дэлгэцэд аймгийн нэр уншигдахааргүй жижгэрдэг тул нуана */
          #block-offices .aimag-label { display: none; }
        }

        /* КАРТ — зураг дээр хөвнө. Аймгийн ХАЖУУД, босоогоор голлоно (дээр/доор
           тавибал олон газартай аймгийн карт хайрцгаас халина). */

        #block-offices .pm-float {
          pointer-events: auto;   /* эцэг `.pm-cards` нь pe-none — картын сайтын холбоос дарагдах ёстой */
          width: 19rem;
          max-width: 80vw;
          opacity: 0;
          visibility: hidden;
          /* ⭐ left/top нь transition-тэй тул аймаг солиход карт АНИВЧИХГҮЙ, гулсана
             (mcsi.mn-ий зан). Агуулга нь солигдох мөчид богино cross-fade хийнэ. */
          transition: left .4s ease-in-out, top .4s ease-in-out,
                      opacity .4s ease-in-out, visibility .4s ease-in-out;
        }
        #block-offices .pm-float.is-active {
          opacity: 1;
          visibility: visible;
        }
        /* Картын агуулга — авсаархан: гарчиг .875rem, мэдээлэл .75rem */
        /* Зай нэг давхар: extra-гийн var-2 нь item-details-д 1.5rem өгдөг тул картын padding 0 */
        #block-offices .pm-float .card-item { padding: 0; }
        #block-offices .pm-float .item-details { gap: .5rem; padding: .875rem 1rem; }
        #block-offices .pm-float .item-title { font-size: .875rem; line-height: 1.35; }
        #block-offices .pm-float .item-spec-list { gap: .125rem; margin-bottom: .25rem; }
        #block-offices .pm-float .item-spec-list > li { flex-wrap: nowrap; font-size: .75rem; line-height: 1.4; }
        #block-offices .pm-float .item-spec-list > li > span:first-child { flex: 0 0 3.75rem; }
        #block-offices .pm-float .item-spec-list > li > span:last-child { min-width: 0; font-weight: 500; overflow-wrap: anywhere; }
        #block-offices .pm-float .item-spec-list a { color: var(--bs-primary); text-decoration: none; }
        #block-offices .pm-float .item-spec-list a:hover { text-decoration: underline; }
        /* Зүүн хагасын аймаг → карт БАРУУН талд, баруун хагас → ЗҮҮН талд */
        #block-offices .pm-float[data-side="right"] { transform: translate(1rem, -50%); }
        #block-offices .pm-float[data-side="left"]  { transform: translate(calc(-100% - 1rem), -50%); }

        #block-offices .pm-hint { transition: opacity .4s ease-in-out; }
        #block-offices .pm-stage.has-active .pm-hint { opacity: 0; }

        /* Мобайл/таблет — hover байхгүй тул картууд зургийн ДООР, нэг нь л харагдана.
           ⚠️ `!important` заавал: markup дээрх `position-absolute` / `h-100` утилитууд
              өөрсдөө `!important`-той тул ID-тай селектор ч дардаггүй. */
        @media (max-width: 991.98px) {
          #block-offices .pm-cards {
            position: static !important;
            height: auto !important;
          }
          #block-offices .pm-float {
            position: static !important;
            width: 100%;
            max-width: none;
            transform: none !important;
            transition: opacity .4s ease-in-out;
            display: none;
          }
          #block-offices .pm-float.is-active { display: block; }
          /* карт `.pm-map`-ийн ДАРАА (JS зөөнө) — зургийн хайрцаг өндөрсөхгүй, pin-үүд байрандаа */
          #block-offices .pm-map + .pm-float { margin-top: 1rem; font-size: .9rem; }
        }

        /* УЛААНБААТАРЫН ГАЗРЫН ЗУРАГ — хуудасны толгойн банд (2026-09-28).
           terraink.app-ийн постер (OpenStreetMap өгөгдөл), цав цагаан дэвсгэртэй. Постерын ДООД
           хэсэгт хотын нэр, координат, OSM-ийн эх сурвалжийн бичиг байдаг тул `object-position`
           доод тал руу. Дээд ирмэг нь хуудасны дэвсгэрт уусна; доод талын уусалт хэт богино —
           OSM-ийн бичгийг (лицензийн шаардлага, ≈95%) хөндөхгүй. */
        #block-offices .pm-banner {
          height: clamp(12rem, 28vw, 26rem);
          background-color: #fff;
          -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 16%, #000 97%, transparent 100%);
                  mask-image: linear-gradient(180deg, transparent 0, #000 16%, #000 97%, transparent 100%);
        }
        #block-offices .pm-banner > img {
          object-position: 50% 100%;
        }

        /* «УЛААНБААТАР ХОТ» ХҮРЭЭ — Монголын зургийн оронд УБ-ын зураг + газруудын тэмдэглэгээ.
           ⚠️ `!important` заавал: SVG дээрх `d-block` утилит өөрөө `!important`-той. */
        #block-offices .pm-ub { display: none; }
        #block-offices .pm-map.is-ub > svg { display: none !important; }
        #block-offices .pm-map.is-ub .pm-ub { display: block; }

        /* Суурь зураг — ХҮРЭЭГҮЙ, хуудасны дэвсгэрт уусна: цагаан нь SVG шүүлтүүрээр тунгалаг
           болж зөвхөн гудамжны зураас үлдэнэ (Монголын зураг шиг цайвар), булангууд бүдгэрнэ.
           ⚠️ mix-blend-mode ажиллахгүй — `.pm-stage`-ийн AOS transform тусгаарласан давхарга үүсгэдэг. */
        #block-offices .pm-ub-map {
          opacity: .7;
          -webkit-mask-image: radial-gradient(ellipse 56% 64% at 50% 48%, #000 58%, transparent 100%);
                  mask-image: radial-gradient(ellipse 56% 64% at 50% 48%, #000 58%, transparent 100%);
        }
        #block-offices .pm-ub-credit { font-size: .625rem; }

        /* Тэмдэглэгээ — үзүүрээрээ (доод төв) газрын цэг дээр буух тул translate(-50%, -100%);
           цагаан хүрээ (drop-shadow) нь гудамжны зураасаас тусгаарлана */
        #block-offices .pm-pin {
          position: absolute;
          z-index: 2;
          padding: 0;
          border: 0;
          background: none;
          color: var(--bs-primary);
          font-size: 2rem;
          line-height: 1;
          transform: translate(-50%, -100%);
          transform-origin: 50% 100%;
          /* Цагаан хүрээ + сүүдэр = text-shadow (glyph). ⚠️ `filter: drop-shadow` БҮҮ — ~40 тэмдэглэгээ
             hover бүрд дахин зурагдаж газрын зураг гацдаг байв (p95 50ms → 17ms). */
          text-shadow: 0 0 1px var(--bs-body-bg), 0 0 1px var(--bs-body-bg), 0 0 1px var(--bs-body-bg),
                       0 .125rem .25rem rgba(0, 0, 0, .3);
          transition: color .4s ease-in-out, transform .4s ease-in-out;
        }
        #block-offices .pm-pin:hover,
        #block-offices .pm-pin.is-active {
          z-index: 3;
          color: var(--bs-gold);
          transform: translate(-50%, -100%) scale(1.2);
        }
        /* Зургийн хүрээнээс ГАДНА газар — зах дээр нэр + зүгийн сумтай шошго (чип шиг: идэвхтэй
           нь дүүрнэ). Захаасаа дотогш тэлэх тул `data-edge`-ээр зангуу сонгоно. */
        #block-offices .pm-pin.is-far {
          display: inline-flex;
          align-items: center;
          gap: .375rem;
          padding: .3125rem .75rem;
          border: 1px solid rgba(var(--bs-primary-rgb), .35);
          border-radius: var(--bs-border-radius-pill);
          background-color: var(--bs-body-bg);
          font-size: .75rem;
          font-weight: 600;
          white-space: nowrap;
          filter: none;
          box-shadow: var(--bs-box-shadow-sm);
          transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        }
        #block-offices .pm-pin.is-far[data-edge="left"]   { transform: translate(0, -50%); }
        #block-offices .pm-pin.is-far[data-edge="right"]  { transform: translate(-100%, -50%); }
        #block-offices .pm-pin.is-far[data-edge="top"]    { transform: translate(-50%, 0); }
        #block-offices .pm-pin.is-far[data-edge="bottom"] { transform: translate(-50%, -100%); }
        #block-offices .pm-pin.is-far:hover,
        #block-offices .pm-pin.is-far.is-active {
          color: var(--bs-white);
          background-color: var(--bs-primary);
          border-color: var(--bs-primary);
        }
        /* Утсанд зураг ≈ 345×194px — захын шошго тэмдэглэгээг дарна. Тэр 3 газар доорх нэрийн
           товчоор сонгогдож, карт нь (утсанд) зургийн ДООР гарна. */
        @media (max-width: 767.98px) {
          #block-offices .pm-pin { font-size: 1.25rem; }
          #block-offices .pm-pin.is-far { display: none; }
        }

        /* GOOGLE MAP ГОРИМ ($mapMode = 'google', 2026-10-14) — weproperty.mn-ий map-v1:
           хөлдүү iframe, саарал шүүлтүүр (брэндийн хөх тэмдэглэгээ тод харагдана). */
        #block-offices .pm-map.pm-gmap { width: 100%; }
        #block-offices .pm-gcanvas { height: 50vh; min-height: 20rem; }
        @media (min-width: 768px) {
          #block-offices .pm-gcanvas { height: 60vh; min-height: 28rem; }
        }
        #block-offices .pm-gframe {
          opacity: .75;
          filter: grayscale(1) contrast(.9) brightness(1.12);
        }
        /* Hybrid: country view = Mongolia SVG at its own width, the Google canvas only for Ulaanbaatar */
        #block-offices .pm-map:is([data-mode="hybrid"], [data-mode="atlas"]):not(.is-ub) {
          width: min(92vw, 68rem, 100%);
        }
        #block-offices .pm-map:is([data-mode="hybrid"], [data-mode="atlas"]):not(.is-ub) .pm-gcanvas {
          display: none;
        }
        #block-offices .pm-map:is([data-mode="hybrid"], [data-mode="atlas"]).is-ub > .pm-pin {
          display: none;
        }

        /* Hybrid country map, Google-like: light neutral land, white borders, soft lift; offices = pins */
        #block-offices .pm-map:is([data-mode="hybrid"], [data-mode="atlas"]) > svg {
          filter: drop-shadow(0 .25rem .75rem rgba(0, 0, 0, .06));
        }
        #block-offices .pm-map:is([data-mode="hybrid"], [data-mode="atlas"]) .aimag,
        #block-offices .pm-map:is([data-mode="hybrid"], [data-mode="atlas"]) .aimag.has-office {
          fill: var(--bs-secondary-bg);
          stroke: var(--bs-body-bg);
          stroke-width: .3;
        }
        #block-offices .pm-map:is([data-mode="hybrid"], [data-mode="atlas"]) .aimag.has-office:hover,
        #block-offices .pm-map:is([data-mode="hybrid"], [data-mode="atlas"]) .aimag.has-office.is-active {
          fill: rgba(var(--bs-primary-rgb), .12);
        }
        #block-offices .pm-map:is([data-mode="hybrid"], [data-mode="atlas"]) .aimag-label {
          fill: var(--bs-secondary-color);
        }

        /* Hybrid: Улаанбаатарын Google Map нь Монголын зурагтай ИЖИЛ хэмжээ (68rem, 100:41.3) */
        #block-offices .pm-map.pm-gmap[data-mode="hybrid"] {
          width: min(92vw, 68rem, 100%);
        }
        #block-offices .pm-map[data-mode="hybrid"] .pm-gcanvas {
          height: auto;
          min-height: 0;
          aspect-ratio: 100 / 41.3;
        }

        /* Atlas: хоёр хүрээ хоёулаа SVG — нэг өргөн, УБ-ын дүүргүүд ижил хэв */
        #block-offices .pm-map.pm-gmap[data-mode="atlas"] {
          width: min(92vw, 68rem, 100%);
        }
        /* Дүүргүүд кадрыг бүтэн дүүргэдэг тул ирмэг нь хуудасны дэвсгэрт уусна */
        #block-offices .pm-ubd-map {
          -webkit-mask-image: radial-gradient(ellipse 54% 60% at 50% 50%, #000 62%, transparent 100%);
                  mask-image: radial-gradient(ellipse 54% 60% at 50% 50%, #000 62%, transparent 100%);
        }

        /* Зүүн захын шошгонд сум нь нэрийн ӨМНӨ (markup-д сум дандаа араас) */
        #block-offices .pm-gmap .pm-pin.is-far[data-edge="left"] { flex-direction: row-reverse; }

/* report */
/* ДУГУЙ ТОВЧНЫ ИКОН — extra-гийн `.btn-circle::after` жамаараа «›» сум
                   гаргадаг. Энэ блокийн холбоос бүр баримт (PDF) руу очдог тул иконыг
                   `fa-file-arrow-down` (\f56d) болгов. Фонт, жин, төвлөрөл бүгд extra
                   дээрээс ирнэ — зөвхөн `content`-ыг сольж байна.
                   ⚠️ `fa-file-pdf` (\f1c1) БОЛОХГҮЙ: FA 6.5-ын тэр glyph дээрх «PDF»
                      үсэг нь жижигдээ «PNG» шиг уншигддаг (D нь N, F нь G мэт). */

                #block-docs .item-action .btn-circle::after {
                  content: '\f56d';
                }

/* research-and-studies */
#block-research .item-title {
                  font-size: 1.0625rem;
                  line-height: 1.35;
                }
                #block-research .item-desc {
                  font-size: .875rem;
                  line-height: 1.55;
                }

/* research-institute */
/* ⚠️ Контентыг босоо голлуулах: figure нь `min-height`-тэй (height БИШ) тул
           доторх `.container.h-100` нь auto болж, контент ДЭЭД талд наалддаг байв.
           figure-ийг өөрийг нь flex болгож голлуулна. */
        #unit-banner .banner-figure {
          min-height: 22rem;
          display: flex;
          align-items: center;
        }
        #unit-banner .banner-figure > .container { width: 100%; }
        @media (min-width: 992px) { #unit-banner .banner-figure { min-height: 30rem; } }

        /* ⚠️ `data-bs-theme="dark"` нь ЗӨВХӨН токен сольдог — `heading-var-1`-ийн h1 нь
           `--bs-body-color`-оос өнгөө авдаг ч энэ section дээр body-color тохируулаагүй
           тул ХАР үлдэж, гүн хөх сүүдэр дээр уншигдахгүй байв. Гарчгийн блокт
           theme-ийн текстийн өнгийг ил өгнө. */
        #unit-banner .heading-row,
        #unit-banner .heading-row h1 {
          color: var(--bs-body-color);
        }
        /* Гарчгийн жин — дизайн системийн 700-аас арай хөнгөн (хэрэглэгчийн заавар) */
        #unit-banner .heading-row h1 {
          font-weight: 600;
        }

        /* Бэлэн баннер — бүтэн харагдана; утсанд хэт намсахгүйн тулд 12rem-ээс доош бол голоос нь тайрна */
        #unit-banner .banner-image img {
          height: auto;
          min-height: 12rem;
        }

        /* Зураг дээрх бичиг уншигдахын тулд зүүнээс баруун тийш гүн хөх сүүдэр */
        #unit-banner .banner-shade {
          background-image: linear-gradient(90deg,
            rgba(var(--pro-brand-deep-rgb), .92) 0%,
            rgba(var(--pro-brand-deep-rgb), .72) 45%,
            rgba(var(--pro-brand-deep-rgb), .25) 100%);
        }

/* research-institute */
/* posts-v6 — col-second жагсаалтын item хоорондын зай + зураас */

        #block-posts6 .col-second .col-item {
          padding-block: 1rem;
        }
        #block-posts6 .col-second .col-item:first-child {
          padding-top: 0;
        }
        #block-posts6 .col-second .col-item:last-child {
          padding-bottom: 0;
        }
        #block-posts6 .col-second .col-item:not(:last-child) {
          border-bottom: var(--bs-border-width) solid var(--bs-border-color);
        }

/* research-institute */
/* BACKGROUND — гарын авлагын цэнхэр уусмал (2 зогсоол — админы gradient-тэй нийцнэ) */

        #block-links {
          background-image: linear-gradient(180deg, #2f7cb8 0%, rgb(var(--pro-brand-deep-rgb)) 100%);
        }

        /* HOVER — зураг харанхуйлж, гарчиг АЛТЛАГ болно (энэ блокт primary биш).
           `items-hover-title`-ийн өнгийг дарахад specificity өндөр байх ёстой. */
        #block-links .card-item .item-image img {
          transition: filter .4s ease-in-out;
        }
        #block-links .card-item:hover .item-image img {
          filter: brightness(.6);
        }
        #block-links .card-item:hover .item-title,
        #block-links .card-item:hover .item-title > a {
          /* `.item-title` өөрөө ч — `line-clamp`-ийн «…» нь холбоосын биш h4-ийн өнгийг авдаг
             (ганц <a>-г будахад цэгүүд цэнхэр үлдэж байв, 2026-10-07) */
          color: var(--bs-gold) !important;
        }

        /* ≥xl: 6 мэдээ НЭГ ЭГНЭЭНД (markup-ийн `row-cols-xl-6`). Гарчиг урт тул багана 3/12. */
        /* ХҮРТЭЭМЖ 130% — 7 карт нэг эгнээнд гарчиг нь тасардаг → нэг шат доош: 4 карт,
           гарчгийн багана 3/12. Утсанд 2 баганад урт үг багтахгүй → 1 багана, зураг 16:9. */
        @media (min-width: 1200px) {
          html.a11y-zoom-130 #block-links .col-first { width: 25%; }
          html.a11y-zoom-130 #block-links .col-second { width: 75%; }
        }
        @media (max-width: 575.98px) {
        }

/* todorhoilolt */
/* ДУГУЙ ТОВЧНЫ ИКОН — extra-гийн `.btn-circle::after` жамаараа «›» сум
                   гаргадаг. Энэ блокийн холбоос бүр баримт (PDF) руу очдог тул иконыг
                   `fa-file-arrow-down` (\f56d) болгов. Фонт, жин, төвлөрөл бүгд extra
                   дээрээс ирнэ — зөвхөн `content`-ыг сольж байна.
                   ⚠️ `fa-file-pdf` (\f1c1) БОЛОХГҮЙ: FA 6.5-ын тэр glyph дээрх «PDF»
                      үсэг нь жижигдээ «PNG» шиг уншигддаг (D нь N, F нь G мэт). */

                #block-docs .item-action .btn-circle::after {
                  content: '\f56d';
                }

/* tsagiin-huwair */
#sched-days.sched-one-day > .col {
                    flex: 0 0 100%;
                    max-width: 100%;
                  }
                  #sched-days.sched-one-day > .col > div {
                    display: grid !important;
                    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
                    align-items: start;
                  }
                  #sched-days.sched-one-day > .col > div > :first-child {
                    grid-column: 1 / -1;
                  }

/* uepg-structure */
/* Stage: the chart shrinks to fit the column (JS scale); hovering shows a round
           magnifier lens with that spot at full size (client 2026-11-07, replaces click-to-zoom modal) */
        #block-uepg-org .otree-stage {
          position: relative;
          overflow: hidden;
          border-radius: 1rem;
          cursor: crosshair;
          touch-action: none;   /* a finger drags the lens instead of scrolling the page */
        }
        #block-uepg-org .otree-lens {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 2;
          width: 16rem;
          height: 16rem;
          overflow: hidden;
          border: .25rem solid var(--bs-white);
          border-radius: 50%;
          background-color: var(--bs-body-bg);
          box-shadow: var(--bs-box-shadow-lg);
          pointer-events: none;
          opacity: 0;
          transition: opacity .2s ease-in-out;
        }
        #block-uepg-org .otree-stage.is-lens .otree-lens { opacity: 1; }
        #block-uepg-org .otree-stage.is-lens .otree-hint { opacity: 0; }
        #block-uepg-org .otree-lens > .otree-tree {
          position: absolute;
          left: 0;
          top: 0;
          transform-origin: 0 0;
        }
        #block-uepg-org .otree-fit { transform-origin: top left; width: max-content; }
        #block-uepg-org .otree-hint {
          position: absolute;
          right: .75rem;
          top: .75rem;
          pointer-events: none;
          transition: opacity .2s ease-in-out;
        }
        #block-uepg-org .otree-tree {
          --v: 1.25rem;            /* эцэг ↔ хүүхдийн босоо зай (холбох зураасны өндөр) */
          --h: .1875rem;           /* багана хоорондын зай */
          --leaf: 5rem;            /* навчны баганын өргөн */
          --line: rgba(var(--bs-primary-rgb), .45);
          width: max-content;
          padding: .25rem;
        }
        #block-uepg-org .otree-tree ul {
          display: flex;
          justify-content: center;
          position: relative;
          margin: 0;
          padding: var(--v) 0 0;
          list-style: none;
        }
        #block-uepg-org .otree-tree > ul { padding-top: 0; }
        #block-uepg-org .otree-tree li {
          display: flex;
          flex-direction: column;
          align-items: center;
          flex-shrink: 0;
          position: relative;
          min-width: var(--leaf);
          padding: var(--v) var(--h) 0;
        }
        #block-uepg-org .otree-tree > ul > li { padding-top: 0; }
        /* Навч (хүүхэдгүй) багана = --leaf өргөн (li-ийн min-width) ⇒ текст нь дотроо мөр шилжинэ (max-content үед урт нэр нэг мөр болдог байв).
           min-content: a word longer than the column widens the card instead of spilling out of it (client 2026-11-07) */
        #block-uepg-org .otree-tree li:not(:has(ul)) { width: min-content; }
        #block-uepg-org .otree-card { min-width: min-content; }
        /* Дээрх эгнээнээс ирэх зураас: ах дүүсийн хэвтээ шугам + голын босоо богино зураас */
        #block-uepg-org .otree-tree li::before,
        #block-uepg-org .otree-tree li::after {
          content: "";
          position: absolute;
          top: 0;
          right: 50%;
          width: 50%;
          height: var(--v);
          border-top: 2px solid var(--line);
        }
        #block-uepg-org .otree-tree li::after {
          right: auto;
          left: 50%;
          border-left: 2px solid var(--line);
        }
        #block-uepg-org .otree-tree li:first-child::before { border-top: 0; }
        #block-uepg-org .otree-tree li:last-child::after { border-left: 0; border-top: 0; }
        #block-uepg-org .otree-tree li:last-child::before { border-right: 2px solid var(--line); border-top-right-radius: .375rem; }
        #block-uepg-org .otree-tree li:first-child::after { border-top-left-radius: .375rem; }
        #block-uepg-org .otree-tree li:only-child::before { display: none; }
        #block-uepg-org .otree-tree li:only-child::after { border-top: 0; border-radius: 0; }
        #block-uepg-org .otree-tree > ul > li::before,
        #block-uepg-org .otree-tree > ul > li::after { display: none; }
        /* Эцгийн картаас доош хүүхдийн шугам хүртэл босоо зураас */
        #block-uepg-org .otree-tree ul ul::before {
          content: "";
          position: absolute;
          top: 0;
          left: 50%;
          height: var(--v);
          border-left: 2px solid var(--line);
        }

        /* Карт */
        #block-uepg-org .otree-card {
          width: 100%;
          margin: 0;
          padding: .375rem .375rem;
          border: 1px solid rgba(var(--bs-primary-rgb), .35);
          border-radius: .5rem;
          background: var(--bs-body-bg);
          color: var(--bs-body-color);
          font-size: .6875rem;
          font-weight: 500;
          line-height: 1.25;
          text-align: center;
          white-space: normal;
          box-shadow: 0 .25rem .625rem rgba(var(--bs-primary-rgb), .07);
        }
        #block-uepg-org .otree-l2 > .otree-card {
          max-width: 7.5rem;
          min-height: 3.75rem;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: .5rem .375rem;
          border: 1px solid rgba(var(--bs-primary-rgb), .45);
          border-top: .1875rem solid var(--bs-primary);
          background: linear-gradient(180deg, var(--bs-body-bg) 0%, rgba(var(--bs-primary-rgb), .06) 100%);
          color: var(--bs-primary);
          font-weight: 700;
        }
        #block-uepg-org .otree-l1 > .otree-card {
          max-width: 11rem;
          min-height: 3rem;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: .5rem .75rem;
          border: 1px solid rgba(var(--bs-gold-rgb), .8);
          border-top: .1875rem solid var(--bs-gold);
          background: linear-gradient(180deg, var(--bs-body-bg) 0%, rgba(var(--bs-gold-rgb), .14) 100%);
          color: var(--bs-primary);
          font-size: .75rem;
          font-weight: 700;
        }
        #block-uepg-org .otree-l4 > .otree-card {
          border-style: dashed;
          color: var(--bs-secondary-color);
          box-shadow: none;
        }
        #block-uepg-org .otree-root > .otree-card {
          width: auto;
          min-width: 22rem;
          padding: .75rem 1.5rem;
          border: 2px solid var(--bs-gold);
          border-radius: .75rem;
          background: linear-gradient(135deg, var(--bs-primary) 0%, rgb(var(--pro-brand-deep-rgb)) 100%);
          color: var(--bs-white);
          font-size: .9375rem;
          font-weight: 700;
          letter-spacing: .03em;
          text-transform: uppercase;
          box-shadow: 0 .625rem 1.5rem rgba(var(--bs-primary-rgb), .3);
        }
        /* Дамжуулах зангилаа — картгүй, орлогчийн эгнээг босоо зураасаар давна */
        #block-uepg-org .otree-pass > .otree-gap {
          display: block;
          width: 2px;
          height: 3rem;
          background: var(--line);
        }
        #block-uepg-org .otree-pass > ul { padding-top: 0; }
        #block-uepg-org .otree-pass > ul::before { display: none; }
        #block-uepg-org .otree-pass > ul > li { padding-top: var(--v); }

        /* Зөвлөл — зурагт зүүн доод буланд тасархай хүрээтэй */
        #block-uepg-org .otree-note {
          max-width: 24rem;
          border: 1px dashed rgba(var(--bs-primary-rgb), .45);
        }

/* uepg-structure */
#block-org .org-chart {
                  --org-gap-x: 1rem;
                  --org-gap-y: 2.5rem;
                  --org-line: rgba(var(--bs-primary-rgb), .55);
                  display: grid;
                  grid-template-columns: minmax(0, 1fr);
                  gap: .75rem;
                }
                #block-org .org-card {
                  display: flex;
                  align-items: center;
                  gap: .875rem;
                  height: 100%;
                  padding: .875rem 1rem;
                  border: 2px solid rgba(var(--bs-primary-rgb), .75);
                  border-radius: 1rem;
                  background: linear-gradient(135deg, var(--bs-body-bg) 0%, rgba(var(--bs-primary-rgb), .07) 100%);
                  box-shadow: 0 .5rem 1.25rem rgba(var(--bs-primary-rgb), .12);
                }
                #block-org .org-icon {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  flex-shrink: 0;
                  width: 3rem;
                  height: 3rem;
                  border-radius: 50%;
                  background: rgba(var(--bs-primary-rgb), .1);
                  color: var(--bs-primary);
                  font-size: 1.25rem;
                }
                #block-org .org-title {
                  margin: 0;
                  padding-left: .875rem;
                  border-left: 2px solid currentColor;
                  color: var(--bs-primary);
                  font-size: .9375rem;
                  font-weight: 700;
                  line-height: 1.3;
                  text-transform: uppercase;
                }
                #block-org .org-l2 .org-card {
                  border-color: rgba(var(--bs-gold-rgb), .9);
                  background: linear-gradient(135deg, var(--bs-body-bg) 0%, rgba(var(--bs-gold-rgb), .16) 100%);
                  box-shadow: 0 .5rem 1.25rem rgba(var(--bs-gold-rgb), .18);
                }
                #block-org .org-l2 .org-icon {
                  background: rgba(var(--bs-gold-rgb), .18);
                }
                #block-org .org-root .org-card {
                  max-width: 28rem;
                  margin-inline: auto;
                  padding: 1.125rem 1.5rem;
                  border-color: var(--bs-gold);
                  background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-text-emphasis) 100%);
                  box-shadow: 0 .75rem 1.75rem rgba(var(--bs-primary-rgb), .3);
                }
                #block-org .org-root .org-icon {
                  width: 3.5rem;
                  height: 3.5rem;
                  background: rgba(255, 255, 255, .14);
                  color: var(--bs-gold);
                  font-size: 1.5rem;
                }
                #block-org .org-root .org-title {
                  color: var(--bs-white);
                  font-size: 1.0625rem;
                }
                #block-org .org-note {
                  margin: 0;
                  color: var(--bs-secondary-color);
                  font-size: .8125rem;
                  font-style: italic;
                }

                /* Утас, таблет — мод дээрээс доош: 2-р түвшин эцгийнхээ доор доголтой */
                @media (max-width: 767.98px) {
                  #block-org .org-l1,
                  #block-org .org-l2 { position: relative; }
                  #block-org .org-l2 { margin-left: 1.5rem; }
                  #block-org .org-l2::before {
                    content: "";
                    position: absolute;
                    left: -1rem;
                    top: -.75rem;
                    width: .75rem;
                    height: calc(50% + .75rem);
                    border-left: 2px solid var(--org-line);
                    border-bottom: 2px solid var(--org-line);
                    border-bottom-left-radius: .5rem;
                  }
                  #block-org .org-note { margin-top: .5rem; }
                }

                @media (min-width: 768px) {
                  #block-org .org-chart {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    column-gap: var(--org-gap-x);
                    row-gap: var(--org-gap-y);
                  }
                  #block-org .org-root { grid-column: 1 / -1; position: relative; }
                  #block-org .org-l1,
                  #block-org .org-l2 { position: relative; }
                  #block-org .org-c1 { grid-column: 1; }
                  #block-org .org-c2 { grid-column: 2; }
                  #block-org .org-c3 { grid-column: 3; }
                  #block-org .org-l1 { grid-row: 2; }
                  #block-org .org-l2,
                  #block-org .org-note { grid-row: 3; }
                  #block-org .org-note { align-self: center; }

                  /* УЕПГ-аас доош → хэвтээ шугам (1 ба 3-р баганын голын хооронд) */
                  #block-org .org-root::after,
                  #block-org .org-root::before,
                  #block-org .org-l1::before,
                  #block-org .org-l2::before {
                    content: "";
                    position: absolute;
                    background: var(--org-line);
                  }
                  #block-org .org-root::after {
                    left: calc(50% - 1px);
                    top: 100%;
                    width: 2px;
                    height: calc(var(--org-gap-y) / 2);
                  }
                  #block-org .org-root::before {
                    left: calc((100% - 2 * var(--org-gap-x)) / 6);
                    right: calc((100% - 2 * var(--org-gap-x)) / 6);
                    top: calc(100% + var(--org-gap-y) / 2 - 1px);
                    height: 2px;
                    border-radius: 1px;
                  }
                  #block-org .org-l1::before {
                    left: calc(50% - 1px);
                    bottom: 100%;
                    width: 2px;
                    height: calc(var(--org-gap-y) / 2);
                  }
                  #block-org .org-l2::before {
                    left: calc(50% - 1px);
                    bottom: 100%;
                    width: 2px;
                    height: var(--org-gap-y);
                  }
                }
                @media (min-width: 1200px) {
                  #block-org .org-chart { --org-gap-x: 1.5rem; --org-gap-y: 3rem; }
                }

/* urgudul-gomdol */
/* Нэвтрэх карт — зүүн талд брэнд самбар (хөх уусмал + том icon), баруун талд текст, товч */
                  #block-sso .sso-card {
                    border: 1px solid rgba(var(--bs-primary-rgb), .15);
                    box-shadow: 0 1rem 2.5rem rgba(var(--bs-primary-rgb), .1);
                  }
                  #block-sso .sso-brand {
                    background-image: linear-gradient(160deg, var(--bs-primary) 0%, rgb(var(--pro-brand-deep-rgb)) 100%);
                  }
                  #block-sso .sso-brand .sso-icon {
                    width: 5.5rem;
                    height: 5.5rem;
                    background: rgba(255, 255, 255, .12);
                    border: 1px solid rgba(255, 255, 255, .25);
                    color: var(--bs-gold);
                    font-size: 2.5rem;
                  }
                  #block-sso .sso-brand .sso-mark {
                    letter-spacing: .12em;
                    font-size: .75rem;
                    color: rgba(255, 255, 255, .75);
                  }
                  #block-sso .sso-steps li + li { border-top: 1px solid var(--bs-border-color); }
                  #block-sso .sso-steps .sso-num {
                    width: 1.75rem;
                    height: 1.75rem;
                    font-size: .8125rem;
                    background: rgba(var(--bs-primary-rgb), .1);
                  }