/* Horizontal scrolling is signposted only when content actually overflows. */
.hscroll-active:not(.langsw):not(.langs){scrollbar-width:thin;scrollbar-color:#0c6267 #e6e8e4}
.hscroll-active:not(.langsw):not(.langs)::-webkit-scrollbar{height:9px}
.hscroll-active:not(.langsw):not(.langs)::-webkit-scrollbar-track{background:#e6e8e4}
.hscroll-active:not(.langsw):not(.langs)::-webkit-scrollbar-thumb{background:#0c6267;border:2px solid #e6e8e4;border-radius:999px}
.hscroll-cue{display:flex;align-items:center;gap:10px;max-width:100%;min-width:0;margin:12px 0 6px;color:var(--brand,var(--navy,#1b2a4a));font-family:inherit;font-size:12px;line-height:1.5;letter-spacing:normal}
.hscroll-cue[hidden]{display:none!important}
.hscroll-cue .hscroll-label{flex:1;min-width:0;font-weight:700}
.hscroll-cue .hscroll-symbol{color:var(--accent,var(--gold,#a17a2c));margin-right:6px;font-size:18px}
.hscroll-cue .hscroll-track{display:block;height:5px;background:#dfe5e3;border-radius:999px;overflow:hidden;margin-top:5px}
.hscroll-cue .hscroll-thumb{display:block;height:100%;background:#0c6267;border-radius:999px}
.hscroll-cue button.hscroll-arrow{appearance:none;display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid var(--line,#deded3);border-radius:10px;background:var(--paper,#fffdf9);color:var(--brand,var(--navy,#1b2a4a));font:inherit;font-size:22px;line-height:1;cursor:pointer}
.hscroll-cue button.hscroll-arrow:hover:not(:disabled){background:#eaf0eb;color:#1b2a4a}
.hscroll-cue button.hscroll-arrow:disabled{opacity:.35;cursor:default}
.hscroll-cue button:focus-visible,.hscroll-active:focus-visible{outline:3px solid #a17a2c;outline-offset:2px}
.hscroll-cue + .table-wrap{margin-top:6px}
.reg-group > .hscroll-cue,.card > .hscroll-cue{margin:6px 12px}
.hscroll-cue.hscroll-compact{flex:0 0 100%;order:4;margin:0;font-size:11px;gap:6px}
.hscroll-compact .hscroll-label{display:flex;align-items:center;gap:6px;font-weight:600}
.hscroll-compact .hscroll-symbol{font-size:16px;margin-right:0}
.hscroll-compact .hscroll-track{flex:0 0 64px;margin-top:0;height:4px}
.hscroll-compact .hscroll-arrow{display:none!important}
.bar:has(> .hscroll-compact:not([hidden])){height:auto;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
/* Keep desktop languages on their existing row when the hint adds a second row.
   Otherwise auto flex-basis wraps the languages, removes overflow, and toggles the hint each frame. */
@media not all and (max-width:600px){.bar:has(> .hscroll-compact:not([hidden])) > .langsw{flex-basis:0}}
@supports not selector(:has(*)){.hscroll-cue.hscroll-compact{display:none!important}}
@media(max-width:560px){.bar:has(> .langs) > .hscroll-compact{flex-basis:auto}}
@media print{.hscroll-cue{display:none!important}}