/* The display-preferences panel (templates/_accessibility.html). A cached file rather than a
   <style> block: the panel is on every signed-in page, and inline it was re-sent in each page's
   HTML, which pushed the dashboard past its transfer-size budget (#1344). */
/* Each preference is one attribute on <html>, so a stylesheet can see all four and nothing
   has to hunt through the DOM. */
html[data-a11y-contrast="more"] body { color: #14131A; }
html[data-a11y-contrast="more"] .text-\[\#55525e\],
html[data-a11y-contrast="more"] .text-\[\#3d3b45\] { color: #26242e !important; }
html[data-a11y-motion="less"] *,
html[data-a11y-motion="less"] *::before,
html[data-a11y-motion="less"] *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
}
html[data-a11y-links="underline"] a:not([class*="rounded-full"]) { text-decoration: underline; }

/* The panel itself. Fixed, above the cookie pill, and out of the way until asked for. */
#a11yPanel[hidden] { display: none !important; }
#a11yToggle:focus-visible, #a11yPanel button:focus-visible, #a11yPanel [role="radio"]:focus-visible {
    outline: 3px solid #A81C3F;
    outline-offset: 2px;
}