/* Language picker and i18n helpers. Black and gold, quiet. */
.i18n-picker { position: relative; display: inline-flex; align-items: center; margin-inline-start: auto; margin-inline-end: 0.35rem; z-index: 60; }
.i18n-globe {
  display: inline-flex; align-items: center; gap: 0.3rem; min-height: 34px; padding: 0.2rem 0.6rem;
  background: transparent; color: #d4af37; border: 1px solid rgba(212,175,55,0.45); border-radius: 999px;
  font: 400 0.72rem/1 Outfit, system-ui, sans-serif; letter-spacing: 0.06em; cursor: pointer;
}
.i18n-globe:hover, .i18n-globe:focus-visible { border-color: #d4af37; box-shadow: 0 0 10px rgba(212,175,55,0.25); outline: none; }
.i18n-menu {
  position: absolute; inset-block-start: calc(100% + 6px); inset-inline-end: 0; margin: 0; padding: 0.35rem 0;
  list-style: none; min-width: 10.5rem; background: #050505; border: 1px solid rgba(212,175,55,0.5);
  border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}
.i18n-menu li { padding: 0.55rem 0.9rem; color: #f2e6c4; font-size: 0.95rem; cursor: pointer; text-align: start; }
.i18n-menu li:hover, .i18n-menu li:focus-visible { background: rgba(212,175,55,0.12); outline: none; }
.i18n-menu li[aria-selected="true"] { color: #d4af37; }
.i18n-menu li[aria-selected="true"]::after { content: " ✓"; }
.i18n-motto-sub { display: block; margin-block-start: 0.25em; font-size: 0.62em; font-style: normal; letter-spacing: 0.02em; color: rgba(242,230,196,0.72); text-transform: none; }
.i18n-audio-note {
  display: inline-block; margin: 0.5rem 0 0; padding: 0.15rem 0.6rem; font-size: 0.72rem; color: rgba(212,175,55,0.9);
  border: 1px solid rgba(212,175,55,0.3); border-radius: 999px;
}
.i18n-audio-note[hidden] { display: none; }

/* Script fallbacks: Latin display fonts first, then a font that has the script. */
html[lang="hi"] body, html[lang="hi"] button, html[lang="hi"] input, html[lang="hi"] textarea { font-family: Outfit, "Noto Sans Devanagari", "Nirmala UI", "Mangal", sans-serif; }
html[lang="pa"] body, html[lang="pa"] button, html[lang="pa"] input, html[lang="pa"] textarea { font-family: Outfit, "Noto Sans Gurmukhi", "Raavi", "Nirmala UI", sans-serif; }
html[lang="zh-Hans"] body, html[lang="zh-Hans"] button, html[lang="zh-Hans"] input, html[lang="zh-Hans"] textarea { font-family: Outfit, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif; }
html[lang="hi"] h1, html[lang="hi"] h2, html[lang="hi"] h3 { font-family: "Cormorant Garamond", "Noto Sans Devanagari", serif; }
html[lang="pa"] h1, html[lang="pa"] h2, html[lang="pa"] h3 { font-family: "Cormorant Garamond", "Noto Sans Gurmukhi", serif; }
html[lang="zh-Hans"] h1, html[lang="zh-Hans"] h2, html[lang="zh-Hans"] h3 { font-family: "Cormorant Garamond", "Noto Serif SC", "Noto Sans SC", serif; }
/* Scripts without case or tracking conventions: drop uppercase and wide letter-spacing. */
html:is([lang="hi"],[lang="pa"]) body { line-height: 1.65; }


/* v267: quiet, always-shown "Best with headphones" line under Begin sit. */
.sit-headphones {
  flex-basis: 100%; display: flex; align-items: center; justify-content: center; gap: 0.4rem;
  margin: 0.45rem 0 0; font-size: 0.78rem; letter-spacing: 0.02em; color: rgba(242,230,196,0.62);
}
.sit-headphones-icon { flex: none; width: 16px; height: 16px; fill: none; stroke: #d4af37; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; filter: none; }