/* a11y.css - styles for the shared first-screen toolbar (a11y.js). Same file in Nia Hub and the Moose site.
   Pages may set --a11y-card, --a11y-line, --a11y-focus and --a11y-on to match their theme. Targets are 44 px or larger. */
.a11y{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.a11y button,.a11y select{font:inherit;font-size:.9rem;line-height:1.2;min-height:44px;min-width:44px;padding:6px 10px;border-radius:10px;border:1px solid var(--a11y-line,#cfcac0);background:var(--a11y-card,#fff);color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.a11y button[aria-pressed=true]{background:var(--a11y-on,#0072b2);color:#fff;border-color:var(--a11y-on,#0072b2)}
.a11y select{padding-right:6px}
.a11y-step{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;padding:2px;border:1px dashed var(--a11y-line,#cfcac0);border-radius:12px}
.a11y-step[hidden]{display:none}
.a11y-step output{min-width:3.4em;text-align:center;font-variant-numeric:tabular-nums}
.a11y-scan{outline:4px solid var(--a11y-focus,#0072b2);outline-offset:2px}
.a11y-dwell{outline:4px solid var(--a11y-focus,#0072b2);animation:a11yDwell var(--a11y-dwell,800ms) linear forwards}
@keyframes a11yDwell{from{outline-offset:14px;outline-color:transparent}to{outline-offset:1px;outline-color:var(--a11y-focus,#0072b2)}}
.a11y-sign{display:none;border:2px dashed var(--a11y-line,#cfcac0);border-radius:10px;padding:10px;font-size:.9rem;margin:12px 0}
.a11y-sign.on{display:block}
.a11y-help{border:0;border-radius:14px;padding:18px;max-width:34rem;width:calc(100% - 32px);font:inherit;color:inherit;background:var(--a11y-card,#fff);line-height:1.45}
.a11y-help::backdrop{background:rgba(0,0,0,.5)}
.a11y-help h2{margin:0 0 6px;font-size:1.2rem}
.a11y-help ul{padding-left:1.2rem;margin:10px 0}.a11y-help li{margin:6px 0}
.a11y-help .a11y-row{display:flex;justify-content:flex-end;margin-top:10px}
.a11y-help button{font:inherit;min-height:44px;min-width:44px;padding:8px 16px;border-radius:10px;border:1px solid var(--a11y-line,#cfcac0);background:var(--a11y-card,#fff);color:inherit;cursor:pointer}