.language-guest { display:inline-flex; align-items:center; min-height:36px; }
.language-guest[hidden] { display:none !important; }
.language-guest select,.language-profile select { min-height:36px; padding:0 27px 0 10px; border:1px solid #b9ad99; border-radius:4px; background:#fffaf0; color:#10263c; font:700 11px/1.2 "Manrope",sans-serif; cursor:pointer; }
.language-guest select:hover,.language-profile select:hover { border-color:#9a7444; box-shadow:2px 2px 0 #ad8951; }
.language-guest select:focus-visible,.language-profile select:focus-visible { outline:3px solid #ad8951; outline-offset:2px; }
.language-profile { display:grid; gap:6px; width:max-content; max-width:100%; margin-top:17px; color:#665139; font:700 11px/1.3 "Manrope",sans-serif; }
.language-profile select { min-width:175px; }
.sr-only { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html[lang="en"] .topbar::after { content:"ANATOQUIZ  /  INTERACTIVE ATLAS"; }
html[lang="en"] .challenge-panel::after { content:"PRACTICE  •  01  /  REVIEW  •  XIX"; }
html[lang="en"] .modal-intro::after { content:"ANATOQUIZ / LEARN BY ANSWERING"; }
html[lang="en"] .question-panel::after { content:"ANATOQUIZ  /  ANSWER NOTEBOOK"; }
html[lang="en"] .result-card::before { content:"STUDY RECORD  /  ANATOQUIZ"; }
@media(max-width:620px) { .language-guest select { min-height:34px; padding-left:7px; padding-right:23px; } }
@media(max-width:850px) {
  .topbar { display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-areas:"brand actions" "nav nav"; width:calc(100% - 32px); min-height:0; gap:3px 10px; padding:8px 0 11px; }
  .topbar > .brand { grid-area:brand; }
  .topbar > .top-actions { grid-area:actions; justify-self:end; align-items:center; padding-left:0; border-left:0; gap:5px; }
  .topbar > .nav-links { grid-area:nav; display:flex; justify-content:space-between; flex-wrap:wrap; gap:2px 12px; margin:0; }
  .topbar .nav-links a { white-space:nowrap; padding:4px 0; }
  .topbar .account-link { margin-left:0; }
}
@media(max-width:560px) {
  .topbar > .nav-links { flex-wrap:wrap; justify-content:space-between; gap:2px 8px; overflow:visible; }
  .topbar .nav-links a { font-size:10px; }
  .topbar .brand-logo { width:65px; height:57px; }
  .topbar .icon-btn { width:32px; height:32px; }
  .topbar .account-link { min-height:34px; padding-inline:7px; font-size:10px; }
  .guide-header { flex-wrap:wrap; padding:8px 0; }
  .guide-header nav { flex-wrap:wrap; justify-content:flex-end; margin-left:auto; }
}