.a11y-modal[hidden]{display:none!important}
.a11y-modal{position:fixed;inset:0;z-index:4000}
.a11y-modal__backdrop{position:absolute;inset:0;background:rgba(12,16,24,.42);backdrop-filter:blur(2px)}
.a11y-modal__dialog{position:relative;z-index:1;width:min(720px,92vw);max-height:88vh;overflow:auto;margin:6vh auto 0;background:var(--white);border:1px solid rgba(84,84,84,.14);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.a11y-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08)}
.a11y-modal__title{margin:0;font:800 20px/1.2 Inter,Arial,sans-serif;color:#2b2b2b}
.a11y-modal__close{border:0;background:transparent;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:26px;line-height:1;color:#444;cursor:pointer;transition:background .2s,color .2s,transform .06s}
.a11y-modal__close:hover{background:rgba(0,0,0,.06);color:#000}
.a11y-modal__close:active{transform:scale(.96)}
.a11y-modal__body{padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.a11y-fieldset{border:0;padding:0;margin:0}
.a11y-legend{margin:0 0 10px;font:800 16px/1.2 Inter,Arial;color:#2b2b2b}
.a11y-options{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.a11y-option{display:inline-flex;align-items:center;gap:8px;font:700 14px/1.2 Inter,Arial;color:#2b2b2b}
.a11y-hint{grid-column:1/-1;margin:6px 0 0;font:600 12.5px/1.35 Inter,Arial;color:#6b6b6b}
.a11y-modal__footer{display:flex;gap:10px;justify-content:flex-end;padding:10px 16px;border-top:1px solid rgba(0,0,0,.06)}
.a11y-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:2px solid var(--primary);border-radius:8px;background:var(--primary);color:var(--white);font:700 14px/1 Inter,Arial;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .06s,box-shadow .2s;-webkit-text-fill-color:currentColor}
.a11y-btn,.a11y-btn:link,.a11y-btn:visited{color:var(--white)!important}
.a11y-btn:hover{background:var(--white);color:var(--primary)!important;box-shadow:0 6px 16px rgba(76,120,232,.22)}
.a11y-btn:active{transform:translateY(1px)}
.a11y-btn--subtle,.a11y-btn--subtle:link,.a11y-btn--subtle:visited{background:var(--white);color:var(--primary)!important}
.a11y-btn--subtle:hover{background:var(--primary);color:var(--white)!important}
.a11y-modal :focus-visible{outline:2px solid rgba(76,120,232,.65);outline-offset:2px;border-radius:6px}
@media(max-width:560px){
  .a11y-modal__dialog{width:calc(100vw - 16px);margin-top:4vh;border-radius:10px}
  .a11y-modal__title{font-size:18px}
  .a11y-modal__body{grid-template-columns:1fr;gap:14px}
  .a11y-options{grid-template-columns:1fr 1fr}
  .a11y-modal__footer{flex-wrap:wrap;gap:8px}
  .a11y-modal__footer .a11y-btn{flex:1 1 auto}
}
@media(max-width:360px){
  .a11y-modal__dialog{width:calc(100vw - 12px);margin-top:3vh}
  .a11y-modal__header{padding:12px}
  .a11y-modal__body{padding:12px;gap:12px}
  .a11y-options{grid-template-columns:1fr}
  .a11y-legend{font-size:15px}
  .a11y-option{font-size:13.2px}
  .a11y-modal__footer{padding:10px 12px;flex-direction:column;align-items:stretch}
  .a11y-btn{width:100%}
}
@media(max-width:320px){.a11y-modal__title{font-size:17px}}
html[data-a11y="on"]{--a11y-font-scale:1}
html[data-a11y="on"][data-a11y-font="large"]{--a11y-font-scale:1.02}
html[data-a11y="on"][data-a11y-font="xlarge"]{--a11y-font-scale:1.05}
html[data-a11y="on"] body{font-size:calc(16px*var(--a11y-font-scale,1))}
html[data-a11y="on"] body :not(.a11y-modal,.a11y-modal *){font-size:calc(1em*var(--a11y-font-scale,1))!important}
html[data-a11y="on"][data-a11y-line="loose"]{line-height:1.6}
html[data-a11y="on"][data-a11y-contrast="high"]{
  --primary:#000;--secondary:#000;--white:var(--white);--black:#000;--gray:var(--white);
  color:#000;background:var(--white)
}
html[data-a11y="on"][data-a11y-links="underline"] a{
  text-decoration:underline!important;text-underline-offset:2px
}
html[data-a11y="on"][data-a11y-images="off"] img:not(.a11y-keep-img):not([data-a11y-keep]),
html[data-a11y="on"][data-a11y-images="off"] picture:not(.a11y-keep-img):not([data-a11y-keep]),
html[data-a11y="on"][data-a11y-images="off"] svg:not(.a11y-keep-img):not([data-a11y-keep]){
  display:none!important;
}
html[data-a11y="on"][data-a11y-images="off"] *:not(.a11y-keep-bg):not([data-a11y-keep-bg])[style*="background-image"]{
  background-image:none!important;
}