/* assets/css/a11y.css */ .skip-link { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .skip-link:focus { position: static; width: auto; height: auto; padding: .5rem .75rem; background: var(--accent-mid, #eee); border-radius: .5rem; } .a11y-toolbar { position: fixed; right: .5rem; bottom: .5rem; display: flex; gap: .5rem; z-index: 9999; } .a11y-toolbar button { padding: .4rem .6rem; border-radius: .5rem; border: 1px solid var(--border, #ccc); background: var(--card, #fff); cursor: pointer; } /* Toggles controlled on */ html.big-text { font-size: 112.5%; } html.high-contrast { --card: #fff; --surface: #fff; --accent-weak: #f5f5f5; --accent-mid: #e9e9e9; --border: #000; --border-subtle: #333; color: #000; background: #fff; }