/* Exact-language navigation and readable, responsive guides. */
.locale-switch { position: relative; margin-inline-start: auto; max-width: min(100%, 24rem); }
.locale-switch summary { cursor: pointer; padding: .65rem .9rem; border: 1px solid currentColor; border-radius: .75rem; overflow-wrap: anywhere; }
.locale-menu { position: absolute; z-index: 50; inset-inline-end: 0; inset-block-start: calc(100% + .5rem); width: min(24rem, 85vw); max-height: 70vh; overflow-y: auto; padding: .5rem; background: #fff; color: #16202c; border: 1px solid #cbd5e1; border-radius: .9rem; box-shadow: 0 12px 36px #0002; }
.locale-menu a { display: block; padding: .65rem .8rem; color: inherit; text-decoration: none; border-radius: .5rem; overflow-wrap: anywhere; }
.locale-menu a:hover, .locale-menu a:focus-visible { background: #edf4ff; outline: 2px solid #357ac8; outline-offset: -2px; }
.locale-menu a[aria-current="page"] { font-weight: 700; background: #e7f0ff; }
.article-body, .localized-article { max-width: 72ch; margin: 3rem auto; padding: 0 1.25rem; line-height: 1.75; text-align: start; overflow-wrap: anywhere; }
.article-body h1, .localized-article h1 { line-height: 1.2; }
.article-body p, .localized-article p { margin-block: 1.4rem; }
.guide-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; }
.guide-card { display: block; padding: 1.25rem; border: 1px solid #cbd5e1; border-radius: 1rem; text-align: start; color: inherit; text-decoration: none; }
.guide-card:focus-visible, .guide-card:hover { border-color: #357ac8; }
html[dir="rtl"] body { text-align: start; }
html[lang^="ar"], html[lang^="ur"], html[lang^="fa"], html[lang="pa-Arab-PK"] { font-family: Arial, "Noto Sans Arabic", sans-serif; }
html[lang^="hi"], html[lang^="mr"] { font-family: Arial, "Noto Sans Devanagari", sans-serif; }
html[lang^="bn"] { font-family: Arial, "Noto Sans Bengali", sans-serif; }
html[lang^="ta"] { font-family: Arial, "Noto Sans Tamil", sans-serif; }
html[lang^="my"] { font-family: Arial, "Noto Sans Myanmar", sans-serif; }
html[lang^="am"] { font-family: Arial, "Noto Sans Ethiopic", sans-serif; }
@media (max-width: 600px) { .locale-switch { width: 100%; margin-inline: 0; } .locale-menu { inset-inline-start: 0; width: 100%; box-sizing: border-box; } }
/* Allow translated headings, labels and navigation to use their own length. */
.site-header { height: auto; min-height: var(--header); flex-wrap: wrap; padding-block: 12px; }
.site-nav { flex-wrap: wrap; }
.header-end, .language-switch { min-width: 0; max-width: 100%; }
.hero-meta { flex-wrap: wrap; }
h1, h2, h3, p, figcaption, .phone-session, .phone-top, .stage-note { overflow-wrap: anywhere; }
.intro h1 { hyphens: auto; }
.phone-session, .phone-top { gap: .5rem; }
.phone-session > *, .phone-top > * { min-width: 0; }
.phone-status { height: auto; min-height: 10px; }
.phone-secondary button, .timer-start { overflow-wrap: anywhere; padding: .5rem; }
.stage-note { text-align: center; padding-inline: .5rem; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] .eyebrow { letter-spacing: normal; }
@media (max-width: 760px) {
 .header-end { width: 100%; }
 .language-switch { width: 100%; }
}