/* The site-wide controls that site.js adds (see there), and the HDR limit they set. */
html.hdr-limit img, html.hdr-limit video, html.hdr-limit svg, html.hdr-limit canvas { dynamic-range-limit: standard !important; }
.site-switch { font: 600 12px/1 inherit; font-family: inherit; color: var(--ink, #e4e8ec); background: transparent; border: 1px solid var(--line, #3a424b); border-radius: 4px; padding: 7px 10px; cursor: pointer; white-space: nowrap; }
.site-switch[aria-pressed='true'] { background: var(--warm, #e8b04a); color: var(--ground, #111316); border-color: var(--warm, #e8b04a); }
.site-switch:focus-visible { outline: 2px solid var(--tag, #8cc2e6); outline-offset: 2px; }
.site-switches { display: flex; gap: 8px; flex-wrap: wrap; }
.site-switch-bar { justify-content: flex-end; margin: 0 0 12px; }