/* base.css — shared, cross-page helpers loaded on every template. Keep this file free of page-specific visual rules; each page ships its own stylesheet (home.css / product.css / feedback.css) that preserves the original design. Only accessibility helpers and progressive-enhancement glue for the server-driven language switcher live here. */ /* Visually-hidden but screen-reader accessible */ .sr-only{ position:absolute !important; width:1px;height:1px; padding:0;margin:-1px; overflow:hidden;clip:rect(0,0,0,0); white-space:nowrap;border:0; } /* Skip link for keyboard users */ .skip-link{ position:absolute;left:-9999px;top:0;z-index:100; padding:10px 16px;border-radius:0 0 10px 0; background:var(--accent,#17a673);color:#fff; font-family:var(--display,system-ui),system-ui,sans-serif; font-weight:600;text-decoration:none; } .skip-link:focus{left:0} /* Language switcher is a GET
for no-JS support. Reset the form box so it drops into the existing .lang styling. */ form.lang{margin:0;padding:0;border:0;gap:6px} /* The submit button is only needed when JS is unavailable. When JS runs, base.html adds `.js` to and the select auto-submits, so the button is hidden and the nav looks exactly like the original. */ .lang-go{ font:600 12px/1 var(--display,system-ui),system-ui,sans-serif; color:var(--ink,#10211a); background:var(--surface,#fff); border:1px solid var(--line-strong,#cbd7d1); border-radius:9px;padding:8px 10px;cursor:pointer; } .lang-go:hover{border-color:var(--accent,#17a673);color:var(--accent-ink,#08724e)} .js .lang-go{display:none}