/* FV Accessibility — frontend button + drawer. * * Note on cascade: feature classes on (in fv-a11y-features.css) * intentionally use `body :not(.fv-a11y-button)*...` selectors to skip * our UI. Where unavoidable, the rules below re-declare typography * properties with !important so the menu/button stay readable even if a * user enables every text adjustment. */ .fv-a11y-button, .fv-a11y-button *, .fv-a11y-panel, .fv-a11y-panel * { font-family: "Heebo", "Assistant", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; letter-spacing: normal !important; word-spacing: normal !important; } .fv-a11y-panel, .fv-a11y-panel * { font-size: 15px !important; line-height: 1.45 !important; text-align: start !important; } .fv-a11y-panel h2 { font-size: 18px !important } .fv-a11y-panel h3 { font-size: 16px !important } /* Trigger button. Position properties are emitted inline per-request based on the desktop/mobile config; this stylesheet only owns appearance + chrome. */ /* Defensive `!important` on the visual properties: many themes (Bootstrap, AMP-derived, custom resets) override `button` background, border-radius and outline on :focus and :active. Without these we'd see the button "turn into a gray square" the moment it's clicked. */ .fv-a11y-button { position: fixed; z-index: 999999; border: 0 !important; border-radius: 50% !important; background: var(--fv-a11y-bg, #1d4ed8) !important; color: var(--fv-a11y-fg, #ffffff) !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; /* Defensive box-model: many themes add padding, min-width, min-height and font-size to bare