/* English | Español selector. Sits in the header next to the menu so it stays
   visible on phones (the main nav collapses there). Targets are at least
   24x24 CSS px (WCAG 2.2 target size) and the current language is announced. */
.lang-switch { display: flex; align-items: center; gap: 2px; margin-left: 16px; font-family: 'DM Sans', sans-serif; font-size: .9rem; font-weight: 600; }
.lang-switch a { display: inline-flex; align-items: center; min-height: 32px; min-width: 32px; padding: 4px 8px; color: inherit; text-decoration: none; border-radius: 4px; opacity: .78; }
.lang-switch a:hover { opacity: 1; text-decoration: underline; }
.lang-switch a:focus-visible { outline: 2px solid var(--copper, #b6622d); outline-offset: 2px; opacity: 1; }
.lang-switch a[aria-current="page"] { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
.lang-switch .sep { opacity: .5; }
.hdr .lang-switch { color: var(--text-dark, #1b2430); }
.hdr--dark .lang-switch, .hdr.scrolled.hdr--dark .lang-switch { color: #fff; }
.lang-note { font-size: .88rem; line-height: 1.6; color: var(--text-mid, #4a5563); margin-top: 14px; }
@media (max-width: 860px) { .lang-switch { margin-left: auto; margin-right: 8px; } }