/* Additions to site.css (which stays a verbatim copy of the approved demo's style.css). */

/* МН / EN switch: links instead of the demo's buttons, same look. */
.lang a{border:none;background:#fff;padding:7px 10px;font-weight:700;font-size:13px;letter-spacing:.04em;min-width:42px;text-align:center;line-height:normal}
.lang a[aria-current=true]{background:var(--black);color:#fff}
@media (max-width:760px){.lang a{padding:6px 7px;min-width:34px;font-size:12px}}

/* «Жишээ» tag next to a demo row's heading or on its card. */
.hl3 .ex,.ath .ex,.ev .ex,.board .ex{margin-left:6px;vertical-align:middle}

/* FAQ (home, before the location band). Same language as .sh / .pts. */
.faq .qs{border-top:2px solid var(--black)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 28px;gap:16px;align-items:center;padding:20px 0;font-family:Oswald,sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:1.2}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-family:Inter,sans-serif;font-size:26px;font-weight:500;color:var(--red);text-align:center}
.faq details[open] summary:after{content:"−"}
.faq summary:hover{color:var(--red)}
.faq .a{padding:0 44px 22px 0;font-size:16px;line-height:1.65;color:var(--ink);max-width:760px}
@media (max-width:760px){.faq summary{font-size:18px;padding:16px 0}.faq .a{padding-right:0;font-size:15px}}

/* Medal board tab without totals: the named medallists (e.g. Olympic Cup 2026, where the totals are disputed). */
.medl{list-style:none;margin-top:22px;border-top:1.5px solid var(--line)}
.medl li{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1.5px solid var(--line)}
.medl i{display:block;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.medl b{font-family:Oswald,sans-serif;font-size:20px;font-weight:600}
.medl span{font-size:14px;color:var(--mute);text-align:right}


/* Trial booking: «what happens next» after a real booking (the demo's simulated Telegram pane is gone). */
.tgwrap.solo.show{grid-template-columns:1fr}
.tgwrap.solo .ex-l ol{max-width:640px}
/* Honeypot field for bots (TrialBookingController::HONEYPOT). */
.hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.done .no{margin-top:6px;font-size:13px;color:#8F9196}
/* English site: «Mongolian only» marks content still shown in Mongolian (x-mn-only, HasEnglish::englishMissing()). */
.mn-only{display:inline-block;margin-left:8px;padding:2px 7px;border:1.5px solid #C9CBD0;background:#F1F2F4;color:#4A4C52;font-family:Inter,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.3;vertical-align:middle;white-space:nowrap}
.dark .mn-only,.hero .mn-only{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff}
/* English strings run longer than the demo's Mongolian ones: let long words wrap instead of overflowing. */
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] h4{overflow-wrap:break-word}