/* Language switcher (shared by the Persian and English pages) */
.lang-switch{
  display:inline-flex;align-items:center;gap:.4rem;
  min-height:44px;padding:.45rem .85rem;border-radius:999px;
  border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);
  color:#fff;font-size:.86rem;font-weight:600;line-height:1;white-space:nowrap;
  transition:background .25s ease,border-color .25s ease,color .25s ease;
}
.lang-switch svg{flex:0 0 auto;opacity:.85}
.lang-switch:hover,.lang-switch:focus-visible{background:rgba(242,182,50,.14);border-color:var(--gold,#F2B632);color:var(--gold-soft,#FFD97A)}
.lang-switch[lang="en"]{font-family:"Inter",system-ui,sans-serif;letter-spacing:.01em}
.lang-switch[lang="fa"]{font-family:"Vazirmatn","Tahoma",system-ui,sans-serif}

.drawer .drawer-lang{
  display:flex;align-items:center;justify-content:center;min-height:48px;
  border:1px solid rgba(255,255,255,.22);border-radius:var(--r,10px);
  color:#fff;font-size:.95rem;font-weight:600;background:rgba(255,255,255,.05);
}
.drawer .drawer-lang[lang="en"]{font-family:"Inter",system-ui,sans-serif}
.drawer .drawer-lang[lang="fa"]{font-family:"Vazirmatn","Tahoma",system-ui,sans-serif}
.drawer .drawer-lang:hover,.drawer .drawer-lang:focus-visible{border-color:var(--gold,#F2B632);color:var(--gold-soft,#FFD97A)}

/* keep the compact switcher visible next to the burger on small screens */
@media (max-width:760px){
  .lang-switch{min-height:44px;padding:.4rem .7rem}
  .lang-switch svg{display:none}
}

/* Stats bar: the header's generic `.bar` grid/padding rule was leaking into the
   stat progress bars and making them ~50px tall instead of 4px. */
.stat .bar{padding:0;display:block}

/* About: the portrait caption name was dark-on-navy and unreadable */
#about .about-portrait figcaption b{color:#fff}

/* Mobile drawer: it was taller than the screen with no way to scroll, hiding the
   last links and the enroll button. Make it scrollable and a bit more compact. */
.drawer{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media (max-width:900px){
  .drawer{padding-top:5.2rem;padding-bottom:calc(1.4rem + env(safe-area-inset-bottom,0px))}
  .drawer nav a{padding-block:.85rem;font-size:1.12rem}
  .drawer .dcta{margin-top:1.2rem}
}