/* ===== Accessibility toolbar + user-selected display modes ===== */

/* text size: scales every rem-based size on the page */
html{font-size:calc(100% * var(--a11y-scale,1))}

/* ---- modes (toggled by js/a11y.js) ---- */
html.a11y-contrast{
  --bg:#000;--bg-2:#000;--surface:#000;--surface-2:#000;
  --line:#fff;--text:#fff;--muted:#fff;
  --accent:#ffd400;--accent-2:#ffd400;--accent-ink:#000;
}
html.a11y-contrast .site-header::before{background:#000;opacity:1;backdrop-filter:none;-webkit-backdrop-filter:none}
html.a11y-contrast .site-header,html.a11y-contrast .site-header.scrolled{border-bottom-color:#fff}
html.a11y-contrast .hero-overlay{background:rgba(0,0,0,.78)}
html.a11y-contrast .hero-sub,html.a11y-contrast .about-text p,html.a11y-contrast .legal p,html.a11y-contrast .legal li{color:#fff}
html.a11y-contrast .btn-ghost{border-color:#fff}
html.a11y-contrast a{text-decoration:underline}
html.a11y-contrast .btn,html.a11y-contrast .brand{text-decoration:none}

html.a11y-gray body>*:not(.a11y-root){filter:grayscale(1)}

html.a11y-links a{text-decoration:underline!important;text-underline-offset:3px;font-weight:700}

html.a11y-font body,html.a11y-font body *{font-family:Arial,"Segoe UI",Helvetica,sans-serif!important;letter-spacing:normal}

html.a11y-spacing body{line-height:2!important;letter-spacing:.03em;word-spacing:.12em}
html.a11y-spacing p,html.a11y-spacing li{line-height:2!important}

html.a11y-noanim *,html.a11y-noanim *::before,html.a11y-noanim *::after{
  animation:none!important;transition:none!important;scroll-behavior:auto!important;
}
html.a11y-noanim .reveal{transform:none!important}

html.a11y-cursor,html.a11y-cursor *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 11-6.5 1.2L9 21z' fill='%23000' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto!important;
}

html.a11y-focus *:focus,html.a11y-focus *:focus-visible{
  outline:4px solid #ffd400!important;outline-offset:3px!important;box-shadow:0 0 0 7px #000!important;
}

/* ---- the toolbar itself ---- */
.a11y-root{position:fixed;left:16px;bottom:16px;z-index:250;direction:rtl;font-family:"Heebo",Arial,sans-serif}
.a11y-toggle{
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:var(--accent,#ff7a18);color:var(--accent-ink,#1a1206);
  border:3px solid #fff;box-shadow:0 8px 26px rgba(0,0,0,.55);cursor:pointer;
}
.a11y-toggle:hover{transform:scale(1.06)}
.a11y-toggle svg{width:30px;height:30px;fill:currentColor}

.a11y-panel{
  position:absolute;left:0;bottom:66px;width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 110px);overflow:auto;
  background:#fff;color:#111;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.6);
  border:2px solid #111;padding:1rem 1rem 1.1rem;
}
.a11y-panel[hidden]{display:none}
.a11y-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}
.a11y-head h2{font-size:1.15rem;font-weight:900;margin:0;color:#111}
.a11y-close{width:40px;height:40px;font-size:1.7rem;line-height:1;border-radius:8px;color:#111;background:#eee;border:0;cursor:pointer}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.a11y-opt{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;
  min-height:64px;padding:.5rem .4rem;text-align:center;font-size:.85rem;font-weight:700;line-height:1.25;
  background:#f1f1f1;color:#111;border:2px solid #111;border-radius:10px;cursor:pointer;
}
.a11y-opt:hover{background:#e2e2e2}
.a11y-opt[aria-pressed="true"]{background:#111;color:#ffd400;border-color:#111}
.a11y-opt .a11y-ico{font-size:1.25rem;line-height:1}
.a11y-foot{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;margin-top:.9rem;font-size:.85rem}
.a11y-foot a{color:#0b3d91;text-decoration:underline;font-weight:700}
.a11y-reset{grid-column:1/-1;background:#fff0f0;border-color:#a40000;color:#a40000}
.a11y-level{font-size:.75rem;font-weight:600;opacity:.85}

/* focus ring that is always visible on the toolbar */
.a11y-root button:focus-visible,.a11y-root a:focus-visible{outline:3px solid #0b57d0;outline-offset:2px}

@media(max-width:520px){.a11y-root{left:10px;bottom:10px}}