/* Language selector + suggestion-banner styling. Versioned filename (-v1) per the cache-discipline rule: any subsequent visual change ships as lang-selector-v2.css with every reference updated, so the edge cache never serves stale bytes under an old URL. */ .brand-bar { display: flex; align-items: center; gap: 18px; } .brand-bar .site-nav { margin-left: auto; } /* nav floats right; selector sits beside it */ .lang-selector { display: inline-flex; align-items: center; gap: 6px; font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 600; margin-left: 14px; color: var(--muted); } .lang-selector a { color: var(--muted); text-decoration: none; padding: 2px 4px; border-bottom: 1px solid transparent; transition: color 120ms ease, border-color 120ms ease; } .lang-selector a:hover { color: var(--ink); border-bottom-color: var(--accent); } .lang-selector a[aria-current="true"] { color: var(--ink); border-bottom-color: var(--accent); cursor: default; } .lang-selector .sep { color: var(--rule); font-weight: 400; } @media (max-width: 640px) { .lang-selector { font-size: 0.68rem; margin-left: 8px; gap: 4px; } } /* Suggestion banner (injected by lang-banner-v1.js when navigator.language suggests a different built language than the page's ). Sits below the brand-bar, quiet style, never auto-redirects. */ .lang-suggest-banner { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 10px 16px; font-size: 0.85rem; background: rgba(67, 56, 202, 0.06); color: var(--ink); border-bottom: 1px solid var(--rule); } .lang-suggest-banner a { color: var(--accent); text-decoration: none; font-weight: 600; border-bottom: 1px solid currentColor; } .lang-suggest-banner button.dismiss { background: transparent; border: 0; color: var(--muted); cursor: pointer; font-size: 1rem; padding: 2px 6px; line-height: 1; } .lang-suggest-banner button.dismiss:hover { color: var(--ink); }