/* SUPINATOR.AZ accessibility menu: widget styles and every effect mode.
   Modelled on the UserWay menu used on asan.gov.az (own code, own icons).

   Data contract, written on <html> by a11y-boot.js (before first paint) and a11y.js:
     data-a11y-contrast="invert|dark|light"   data-a11y-text="1|2|3|4"      data-a11y-spacing="1|2|3"
     data-a11y-font="legible|dyslexia"        data-a11y-cursor="big|mask|guide"
     data-a11y-lineh="1|2|3"                  data-a11y-align="left|right|center|justify"
     data-a11y-sat="low|high|gray"
     present/absent: data-a11y-links  data-a11y-pause  data-a11y-images  data-a11y-tooltips
                     data-a11y-kbd    data-a11y-big
   Host hooks:
     --a11y-left / --a11y-bottom   trigger position (default 16px / 16px)
     [data-a11y-float], .is-floating   floating layers (fixed bars, dropdown panels, cookie banner) that
                                       stay opaque in the contrast modes; header, dialog and [role=dialog]
                                       are included automatically
     [data-a11y-keep]              left out of the colour modes (keeps its own colours, also in invert)
   Everything the widget owns carries .spa11y-ui and is left out of the page effects. */

/* ===== 1. Widget base ===== */
.spa11y-ui,.spa11y-ui *,.spa11y-ui ::before,.spa11y-ui ::after{box-sizing:border-box}
.spa11y-ui[hidden],.spa11y-ui [hidden]{display:none!important}
dialog#spa11y-panel:not([open]){display:none!important}
.spa11y-ui svg{display:block;flex:none;overflow:visible}
.spa11y-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* ===== 2. Trigger ===== */
#spa11y-fab{position:fixed;left:var(--a11y-left,16px);bottom:var(--a11y-bottom,16px);z-index:900;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:#0058A3;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18);font:inherit;line-height:1;letter-spacing:normal;text-transform:none;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .1s,transform .15s}
.spa11y-fab::before{content:"";position:absolute;inset:-10px;border-radius:50%}
.spa11y-fab svg{width:24px;height:24px}
@media (hover:hover){#spa11y-fab:hover{background:#00477f;transform:scale(1.1)}}
#spa11y-fab:active,#spa11y-fab[aria-expanded="true"]{background:#00477f}
#spa11y-fab:focus{outline:none}
#spa11y-fab:focus-visible{outline:2px solid #003a6b;outline-offset:-2px;box-shadow:0 0 0 4px rgba(0,88,163,.25)}
.spa11y-fab__on{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#00843D;color:#fff;box-shadow:0 0 0 1.5px #fff;pointer-events:none}
.spa11y-fab__on svg{width:12px;height:12px;stroke-width:3}
@media (max-width:520px){#spa11y-fab[aria-expanded="true"]{display:none}}

/* ===== 3. Panel (modal side sheet on the left) ===== */
#spa11y-panel{position:fixed;inset:0 auto 0 0;z-index:auto;display:flex;flex-direction:column;width:min(520px,100%);max-width:100%;height:100vh;height:100dvh;min-height:0;max-height:none;margin:0;padding:0;border:0;border-radius:0;outline:none;overflow:hidden;background:#0058A3;color:#1f2a37;box-shadow:0 22px 110px rgba(180,191,208,.56);color-scheme:light;direction:ltr;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.4;letter-spacing:normal;word-spacing:normal;text-align:left;text-indent:0;text-shadow:none;text-transform:none;white-space:normal}
#spa11y-panel.spa11y-enter{animation:spa11y-in .22s ease-out}
@keyframes spa11y-in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
#spa11y-panel::backdrop{background:rgba(10,20,30,.35);-webkit-backdrop-filter:none;backdrop-filter:none}
.spa11y-panel :is(h2,h3,p,ul,li){margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;letter-spacing:normal;text-transform:none}
.spa11y-panel :is(h2,h3,li,summary)::before,.spa11y-panel :is(h2,h3,li,summary)::after{content:none!important}
.spa11y-panel :is(button,input){margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;-webkit-appearance:none;appearance:none}
.spa11y-panel button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.spa11y-panel :is(button,summary,input,h3):focus{outline:none}

/* Header */
.spa11y-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 20px;color:#fff}
.spa11y-head__t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
.spa11y-panel .spa11y-title{font-size:15px;font-weight:500;line-height:1.3;color:#fff}
.spa11y-hint{display:inline-block;padding:1px 6px;border:1px solid rgba(255,255,255,.45);border-radius:5px;font-size:12px;font-weight:500;line-height:1.5;color:rgba(255,255,255,.88);white-space:nowrap}
.spa11y-panel .spa11y-close{position:relative;display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.36);color:#fff}
.spa11y-close::before{content:"";position:absolute;inset:-8px;border-radius:50%}
.spa11y-close svg{width:16px;height:16px;stroke-width:2.2}
@media (hover:hover){.spa11y-panel .spa11y-close:hover{background:rgba(0,0,0,.52)}}
.spa11y-close:focus-visible::after{content:"";position:absolute;inset:-5px;border:2px solid #fff;border-radius:50%;outline:3px solid rgba(255,255,255,.3)}

/* Body */
.spa11y-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;background:#eff1f5}
.spa11y-view{display:flex;flex-direction:column;gap:16px}
.spa11y-card{border-radius:12px;background:#fff}
.spa11y-ico{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(0,88,163,.1);color:#0058A3}
.spa11y-ico svg{width:20px;height:20px}

/* Profiles */
.spa11y-profiles>summary{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 14px;border-radius:12px;color:#1f2a37;list-style:none;cursor:pointer}
.spa11y-profiles>summary::-webkit-details-marker{display:none}
.spa11y-profiles>summary::marker{content:""}
.spa11y-panel .spa11y-profiles>summary:focus-visible{outline:2px solid #0058A3;outline-offset:3px}
.spa11y-profiles__txt{display:flex;flex:1;flex-direction:column;min-width:0}
.spa11y-profiles__title{font-size:15px;font-weight:600;line-height:1.3}
.spa11y-profiles__hint{font-size:13px;line-height:1.35;color:#5b6573}
.spa11y-chev{color:#5b6573;transition:transform .15s}
.spa11y-chev svg{width:20px;height:20px}
.spa11y-profiles[open] .spa11y-chev{transform:rotate(180deg)}
.spa11y-panel .spa11y-plist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:2px 14px 14px;list-style:none}
.spa11y-panel .spa11y-pbtn{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 10px;border:1px solid #dfe3ea;border-radius:10px;background:#fff;color:#1f2a37;font-size:14px;font-weight:500;line-height:1.25;text-align:left;transition:background-color .15s,border-color .15s,color .15s}
.spa11y-pbtn svg{width:18px;height:18px;color:#0058A3}
.spa11y-pbtn span{min-width:0;overflow-wrap:break-word}
@media (hover:hover){.spa11y-panel .spa11y-pbtn:hover{border-color:#0058A3;background:#0058A3;color:#fff}.spa11y-pbtn:hover svg{color:#fff}}
.spa11y-panel .spa11y-pbtn[aria-pressed="true"]{border-color:#0058A3;background:#0058A3;color:#fff}
.spa11y-pbtn[aria-pressed="true"] svg{color:#fff}
.spa11y-panel .spa11y-pbtn:focus-visible{outline:2px solid #0058A3;outline-offset:2px}

/* Switch rows */
.spa11y-switches{display:flex;flex-direction:column;padding:2px 14px}
.spa11y-srow{display:flex;align-items:center;gap:12px;min-height:58px;margin:0;padding:8px 0;color:#1f2a37;cursor:pointer}
.spa11y-srow+.spa11y-srow{border-top:1px solid #eff1f5}
.spa11y-srow__label{flex:1;min-width:0;font-size:15px;font-weight:500;line-height:1.3}
.spa11y-switch{position:relative;flex:none;width:45px;height:24px}
.spa11y-panel .spa11y-switch input{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}
.spa11y-switch__ui{position:absolute;inset:0;border-radius:12px;background:#313d5c}
.spa11y-switch__ui::before{content:"";position:absolute;inset:0;border-radius:12px;background:#0058A3;clip-path:inset(0 100% 0 0 round 12px);transition:clip-path .15s}
.spa11y-switch__ui::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
.spa11y-switch input:checked+.spa11y-switch__ui::before{clip-path:inset(0 0 0 0 round 12px)}
.spa11y-switch input:checked+.spa11y-switch__ui::after{transform:translateX(21px)}
.spa11y-switch input:focus-visible+.spa11y-switch__ui{outline:2px solid #0058A3;outline-offset:2px}

/* Feature tiles */
.spa11y-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.spa11y-panel .spa11y-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:114px;padding:0 8px 8px;border:2px solid #fff;border-radius:12px;background:#fff;color:#1f2a37;text-align:center;transition:border-color .15s,box-shadow .15s}
.spa11y-tile__icon{display:flex;flex:none;align-items:center;justify-content:center;height:32px;margin:17px 0 7px;color:#1f2a37}
.spa11y-tile__icon svg{width:32px;height:32px}
.spa11y-tile__name{display:-webkit-box;max-width:100%;overflow:hidden;font-size:14px;font-weight:600;line-height:1.25;color:#000;overflow-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.spa11y-tile__bars{display:flex;flex:none;gap:3px;width:56px;margin-top:7px}
.spa11y-tile__bars span{flex:1;height:3px;border-radius:2px;background:rgba(0,88,163,.3)}
.spa11y-tile__bars span.is-on{background:#0058A3}
.spa11y-tile__check{position:absolute;top:10px;right:10px;display:none;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#0058A3;color:#fff}
.spa11y-tile__check svg{width:11px;height:11px;stroke-width:3}
.spa11y-panel .spa11y-tile[aria-pressed="true"]{border-color:#0058A3;box-shadow:0 0 0 5px rgba(0,88,163,.1)}
.spa11y-tile[aria-pressed="true"] :is(.spa11y-tile__icon,.spa11y-tile__name){color:#0058A3}
.spa11y-tile[aria-pressed="true"] .spa11y-tile__check{display:flex}
@media (hover:hover){.spa11y-panel .spa11y-tile:hover{border-color:#0058A3}}
.spa11y-tile:focus-visible::after{content:"";position:absolute;inset:-5px;border:2px solid #0058A3;border-radius:14px;box-shadow:0 0 0 3px rgba(0,88,163,.22);pointer-events:none}
@media (max-width:430px){.spa11y-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Reset */
.spa11y-panel .spa11y-reset{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:10px 16px;border:2px solid #0058A3;border-radius:12px;background:#fff;color:#0058A3;font-size:15px;font-weight:600;line-height:1.25;transition:background-color .15s,color .15s}
.spa11y-reset svg{width:20px;height:20px}
@media (hover:hover){.spa11y-panel .spa11y-reset:hover{background:#0058A3;color:#fff}}
.spa11y-panel .spa11y-reset:focus-visible{outline:2px solid #0058A3;outline-offset:3px}

/* Page structure view */
.spa11y-shead{display:flex;align-items:center;gap:12px}
.spa11y-panel .spa11y-back{display:inline-flex;flex:none;align-items:center;gap:4px;min-height:40px;padding:0 14px 0 8px;border:0;border-radius:10px;background:#fff;color:#0058A3;font-size:14px;font-weight:600}
.spa11y-back svg{width:18px;height:18px}
.spa11y-panel .spa11y-back:focus-visible{outline:2px solid #0058A3;outline-offset:2px}
.spa11y-panel .spa11y-stitle{min-width:0;font-size:17px;font-weight:600;line-height:1.3;color:#1f2a37}
.spa11y-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:#fff}
.spa11y-panel .spa11y-tab{flex:1 1 0;min-width:0;min-height:40px;padding:6px 8px;border:0;border-radius:9px;background:transparent;color:#1f2a37;font-size:14px;font-weight:600;line-height:1.2;overflow-wrap:break-word}
.spa11y-panel .spa11y-tab[aria-selected="true"]{background:#0058A3;color:#fff}
.spa11y-panel .spa11y-tab:focus-visible{outline:2px solid #0058A3;outline-offset:2px}
.spa11y-panel .spa11y-slist{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:12px;background:#fff;list-style:none}
.spa11y-panel .spa11y-sitem{display:flex;align-items:baseline;gap:8px;width:100%;min-height:40px;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:#1f2a37;font-size:15px;line-height:1.35;text-align:left}
.spa11y-sitem--l2{padding-left:26px!important}
.spa11y-sitem--l3{padding-left:42px!important}
.spa11y-stag{flex:none;padding:1px 6px;border-radius:5px;background:#eff1f5;color:#0058A3;font-size:12px;font-weight:700;line-height:1.5}
.spa11y-stext{min-width:0;overflow-wrap:anywhere}
@media (hover:hover){.spa11y-panel .spa11y-sitem:hover{background:#eff1f5}}
.spa11y-panel .spa11y-sitem:focus-visible{outline:2px solid #0058A3;outline-offset:-2px}
.spa11y-sempty{padding:12px;color:#5b6573}

/* "Böyük menyu" (oversized panel) */
html[data-a11y-big] .spa11y-panel .spa11y-title{font-size:17px}
html[data-a11y-big] .spa11y-panel .spa11y-tile{min-height:132px}
html[data-a11y-big] .spa11y-tile__icon,html[data-a11y-big] .spa11y-tile__icon svg{width:40px;height:40px}
html[data-a11y-big] .spa11y-tile__name{font-size:16px}
html[data-a11y-big] .spa11y-srow__label,html[data-a11y-big] .spa11y-profiles__title{font-size:17px}
html[data-a11y-big] .spa11y-profiles__hint{font-size:14px}
html[data-a11y-big] .spa11y-ico{width:42px;height:42px}
html[data-a11y-big] .spa11y-ico svg{width:24px;height:24px}
html[data-a11y-big] .spa11y-panel .spa11y-pbtn{min-height:52px;font-size:16px}
html[data-a11y-big] .spa11y-pbtn svg{width:22px;height:22px}
html[data-a11y-big] .spa11y-panel .spa11y-reset{min-height:56px;font-size:17px}
html[data-a11y-big] .spa11y-panel :is(.spa11y-tab,.spa11y-back){font-size:16px}
html[data-a11y-big] .spa11y-panel .spa11y-sitem{font-size:17px}

/* Overlays created by the cursor and tooltip features (below the top-layer panel) */
.spa11y-fx{position:fixed;z-index:1050;pointer-events:none}
.spa11y-mask{inset:0}
.spa11y-mask>div{position:absolute;left:0;right:0;background:rgba(0,0,0,.55)}
.spa11y-mask>div:first-child{top:0;height:calc(50vh - 60px)}
.spa11y-mask>div:last-child{top:calc(50vh + 60px);bottom:0}
.spa11y-guide{top:0;left:0;right:0;height:6px;border-radius:3px;background:#1f2a37;box-shadow:0 0 0 1px rgba(255,255,255,.85);transform:translateY(50vh)}
.spa11y-guide>div{position:absolute;bottom:100%;left:50%;width:0;height:0;margin-left:-7px;border:7px solid transparent;border-top:0;border-bottom-color:#1f2a37}
.spa11y-tip{top:0;left:0;z-index:1060;max-width:min(280px,calc(100vw - 16px));padding:6px 10px;border-radius:6px;background:#1f2a37;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.25);font:500 14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:normal;word-spacing:normal;text-align:left;text-transform:none;white-space:normal;overflow-wrap:anywhere}

/* The widget's own motion: off under reduced motion and when animations are paused */
@media (prefers-reduced-motion:reduce){.spa11y-ui,.spa11y-ui *,.spa11y-ui::before,.spa11y-ui::after,.spa11y-ui *::before,.spa11y-ui *::after{animation:none!important;transition:none!important}}
html[data-a11y-pause] .spa11y-ui,html[data-a11y-pause] .spa11y-ui *,html[data-a11y-pause] .spa11y-ui::before,html[data-a11y-pause] .spa11y-ui::after,html[data-a11y-pause] .spa11y-ui *::before,html[data-a11y-pause] .spa11y-ui *::after{animation:none!important;transition:none!important}
@media print{.spa11y-ui{display:none!important}}
@media (forced-colors:active){
  #spa11y-fab{border:2px solid ButtonText}
  .spa11y-panel .spa11y-tile[aria-pressed="true"],.spa11y-panel .spa11y-pbtn[aria-pressed="true"],.spa11y-panel .spa11y-tab[aria-selected="true"]{outline:3px solid Highlight;outline-offset:-3px}
  .spa11y-switch__ui{border:1px solid ButtonText}
  .spa11y-switch input:checked+.spa11y-switch__ui::after{forced-color-adjust:none;background:Highlight}
  .spa11y-tile__bars span{forced-color-adjust:none;background:GrayText}
  .spa11y-tile__bars span.is-on{background:Highlight}
}

/* ===== 4. Effects on the page ===== */

/* Bigger text: the site is rem-based, so the root size scales the page (no zoom) */
html[data-a11y-text="1"]{font-size:112.5%!important}
html[data-a11y-text="2"]{font-size:125%!important}
html[data-a11y-text="3"]{font-size:137.5%!important}
html[data-a11y-text="4"]{font-size:150%!important}
/* long words wrap instead of pushing the page sideways (break-word keeps tables and min-content intact) */
html:is([data-a11y-text],[data-a11y-spacing]) body :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,td,th,caption,blockquote,figcaption,label,legend,summary,a):not(.spa11y-ui *){overflow-wrap:break-word}

/* Text spacing (SVG text is reset explicitly: letter-spacing would otherwise inherit into it) */
html[data-a11y-spacing="1"] body *:not(.spa11y-ui,.spa11y-ui *,svg,svg *){letter-spacing:.06em!important;word-spacing:.08em!important}
html[data-a11y-spacing="2"] body *:not(.spa11y-ui,.spa11y-ui *,svg,svg *){letter-spacing:.1em!important;word-spacing:.16em!important}
html[data-a11y-spacing="3"] body *:not(.spa11y-ui,.spa11y-ui *,svg,svg *){letter-spacing:.16em!important;word-spacing:.24em!important}
html[data-a11y-spacing] body svg:not(.spa11y-ui *),html[data-a11y-spacing] body svg:not(.spa11y-ui *) *{letter-spacing:normal!important;word-spacing:normal!important}

/* Line height */
html[data-a11y-lineh="1"] body,html[data-a11y-lineh="1"] body :is(p,li,dt,dd,td,th,caption,blockquote,figcaption,label,legend,summary,address,h1,h2,h3,h4,h5,h6):not(.spa11y-ui *){line-height:1.5!important}
html[data-a11y-lineh="2"] body,html[data-a11y-lineh="2"] body :is(p,li,dt,dd,td,th,caption,blockquote,figcaption,label,legend,summary,address,h1,h2,h3,h4,h5,h6):not(.spa11y-ui *){line-height:1.75!important}
html[data-a11y-lineh="3"] body,html[data-a11y-lineh="3"] body :is(p,li,dt,dd,td,th,caption,blockquote,figcaption,label,legend,summary,address,h1,h2,h3,h4,h5,h6):not(.spa11y-ui *){line-height:2!important}

/* Text alignment */
html[data-a11y-align="left"] :is(body,body *:not(.spa11y-ui,.spa11y-ui *)){text-align:left!important}
html[data-a11y-align="right"] :is(body,body *:not(.spa11y-ui,.spa11y-ui *)){text-align:right!important}
html[data-a11y-align="center"] :is(body,body *:not(.spa11y-ui,.spa11y-ui *)){text-align:center!important}
html[data-a11y-align="justify"] :is(body,body *:not(.spa11y-ui,.spa11y-ui *)){text-align:justify!important}

/* Fonts: all text, the menu included; SVG and code keep theirs. Lexend is used when the site provides it. */
html[data-a11y-font="legible"] :is(body,body *:not(svg,svg *,code,code *,pre,pre *,kbd,samp)){font-family:Verdana,Tahoma,Arial,sans-serif!important}
html[data-a11y-font="dyslexia"] :is(body,body *:not(svg,svg *,code,code *,pre,pre *,kbd,samp)){font-family:"Lexend",Verdana,sans-serif!important}

/* Pause animations: page animations finish at once (no element is left stuck mid-animation or hidden),
   transitions become instant; a11y.js also pauses playing videos and SVG (SMIL) animations */
html[data-a11y-pause]{scroll-behavior:auto!important}
html[data-a11y-pause] body *:not(.spa11y-ui,.spa11y-ui *),
html[data-a11y-pause] body *:not(.spa11y-ui,.spa11y-ui *)::before,
html[data-a11y-pause] body *:not(.spa11y-ui,.spa11y-ui *)::after{animation-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-delay:0s!important;transition-duration:1ms!important;scroll-behavior:auto!important}
html[data-a11y-pause]::view-transition-group(*),html[data-a11y-pause]::view-transition-old(*),html[data-a11y-pause]::view-transition-new(*){animation:none!important}

/* Hide images: a11y.js prints each non-empty alt text in .spa11y-alt and marks url() backgrounds */
html[data-a11y-images] :is(img,picture,video,svg[role="img"]):not(.spa11y-ui *){display:none!important}
html[data-a11y-images] [data-spa11y-bg~="e"]{background-image:none!important}
html[data-a11y-images] [data-spa11y-bg~="b"]::before{background-image:none!important}
html[data-a11y-images] [data-spa11y-bg~="a"]::after{background-image:none!important}
.spa11y-alt{display:none}
html[data-a11y-images] .spa11y-alt{display:inline-block;max-width:100%;margin:2px 0;padding:4px 8px;border:1px dashed currentColor;border-radius:6px;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4;text-align:left;text-decoration:none;text-transform:none;white-space:normal;overflow-wrap:anywhere;vertical-align:middle;opacity:1}

/* Invert colours and saturation share ONE filter on <html> (the root filter keeps position:fixed
   working). Images, video and the trigger are turned back; the open panel and the site's open modal
   dialogs live in the top layer, outside this filter, so they are left alone. */
html[data-a11y-contrast="invert"]{--a11y-inv:invert(1) hue-rotate(180deg)}
html[data-a11y-sat="low"]{--a11y-sat:saturate(.5)}
html[data-a11y-sat="high"]{--a11y-sat:saturate(2)}
html[data-a11y-sat="gray"]{--a11y-sat:grayscale(1)}
html:is([data-a11y-contrast="invert"],[data-a11y-sat]){filter:var(--a11y-inv,invert(0)) var(--a11y-sat,saturate(1))!important}
html[data-a11y-contrast="invert"] body :is(img,video,iframe,[data-a11y-keep]):not(:where(.spa11y-ui *,[data-a11y-keep] *,:modal *,:popover-open *)),
html[data-a11y-contrast="invert"] .spa11y-fab,
html[data-a11y-contrast="invert"] .spa11y-mask>div{filter:invert(1) hue-rotate(180deg)!important}

/* Dark contrast: one black page colour, every surface transparent over it, white text, yellow links */
html[data-a11y-contrast="dark"]{background:#000!important;color:#fff!important;color-scheme:dark}
html[data-a11y-contrast="dark"] :is(body,body *:not(.spa11y-ui,.spa11y-ui *,[data-a11y-keep],[data-a11y-keep] *)){background-color:transparent!important;background-image:none!important;border-color:currentColor!important;box-shadow:none!important;text-shadow:none!important;color:#fff!important;-webkit-text-fill-color:currentColor!important}
html[data-a11y-contrast="dark"] body *:not(.spa11y-ui,.spa11y-ui *,[data-a11y-keep],[data-a11y-keep] *)::before,
html[data-a11y-contrast="dark"] body *:not(.spa11y-ui,.spa11y-ui *,[data-a11y-keep],[data-a11y-keep] *)::after{background-color:transparent!important;background-image:none!important;border-color:currentColor!important;box-shadow:none!important;text-shadow:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
html[data-a11y-contrast="dark"] body :is(a[href],a[href] *):not(.spa11y-ui *,[data-a11y-keep] *){color:#ffe94d!important}
html[data-a11y-contrast="dark"] body :is(header,dialog,[role="dialog"],.is-floating,[data-a11y-float]):not(.spa11y-ui,.spa11y-ui *){background-color:#000!important;outline:1px solid #fff!important;outline-offset:-1px!important}
html[data-a11y-contrast="dark"] body :is(input:not([type="checkbox"],[type="radio"],[type="range"],[type="hidden"],[type="image"],[type="color"]),select,textarea):not(.spa11y-ui *){background-color:#000!important}
html[data-a11y-contrast="dark"] body ::placeholder{color:#c8c8c8!important;-webkit-text-fill-color:#c8c8c8!important;opacity:1!important}

/* Light contrast: one white page colour, black text, dark-blue links */
html[data-a11y-contrast="light"]{background:#fff!important;color:#000!important;color-scheme:light}
html[data-a11y-contrast="light"] :is(body,body *:not(.spa11y-ui,.spa11y-ui *,[data-a11y-keep],[data-a11y-keep] *)){background-color:transparent!important;background-image:none!important;border-color:currentColor!important;box-shadow:none!important;text-shadow:none!important;color:#000!important;-webkit-text-fill-color:currentColor!important}
html[data-a11y-contrast="light"] body *:not(.spa11y-ui,.spa11y-ui *,[data-a11y-keep],[data-a11y-keep] *)::before,
html[data-a11y-contrast="light"] body *:not(.spa11y-ui,.spa11y-ui *,[data-a11y-keep],[data-a11y-keep] *)::after{background-color:transparent!important;background-image:none!important;border-color:currentColor!important;box-shadow:none!important;text-shadow:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
html[data-a11y-contrast="light"] body :is(a[href],a[href] *):not(.spa11y-ui *,[data-a11y-keep] *){color:#0b3d91!important}
html[data-a11y-contrast="light"] body :is(header,dialog,[role="dialog"],.is-floating,[data-a11y-float]):not(.spa11y-ui,.spa11y-ui *){background-color:#fff!important;outline:1px solid #000!important;outline-offset:-1px!important}
html[data-a11y-contrast="light"] body :is(input:not([type="checkbox"],[type="radio"],[type="range"],[type="hidden"],[type="image"],[type="color"]),select,textarea):not(.spa11y-ui *){background-color:#fff!important}
html[data-a11y-contrast="light"] body ::placeholder{color:#4a4a4a!important;-webkit-text-fill-color:#4a4a4a!important;opacity:1!important}

/* Both contrast modes: controls keep a visible edge, focus stays visible, SVG lines follow the text colour
   (masks, clip paths and [data-a11y-keep] keep their own paint; images keep their colours) */
html:is([data-a11y-contrast="dark"],[data-a11y-contrast="light"]) body :is(button,[role="button"],input:not([type="checkbox"],[type="radio"],[type="range"],[type="hidden"],[type="image"]),select,textarea):not(.spa11y-ui,.spa11y-ui *,[data-a11y-keep] *){box-shadow:inset 0 0 0 1px currentColor!important}
html[data-a11y-contrast="dark"] body *:focus-visible:not(.spa11y-ui,.spa11y-ui *){outline:3px solid #ffe94d!important;outline-offset:2px!important}
html[data-a11y-contrast="light"] body *:focus-visible:not(.spa11y-ui,.spa11y-ui *){outline:3px solid #0b3d91!important;outline-offset:2px!important}
html:is([data-a11y-contrast="dark"],[data-a11y-contrast="light"]) body svg:not(.spa11y-ui *,[data-a11y-keep] *) [stroke]:not([stroke="none"],[stroke="transparent"]):not(mask *,clipPath *,pattern *,marker *){stroke:currentColor!important}
html:is([data-a11y-contrast="dark"],[data-a11y-contrast="light"]) body svg:not(.spa11y-ui *,[data-a11y-keep] *) [fill]:not([fill="none"],[fill="transparent"]):not(mask *,clipPath *,pattern *,marker *){fill:currentColor!important}
html[data-a11y-contrast="dark"] .spa11y-guide{background:#ffe94d;box-shadow:0 0 0 1px #000}
html[data-a11y-contrast="dark"] .spa11y-guide>div{border-bottom-color:#ffe94d}
html[data-a11y-contrast="dark"] .spa11y-tip{outline:1px solid #fff}
html[data-a11y-contrast="dark"] #spa11y-fab{box-shadow:0 0 0 2px #fff}
html[data-a11y-contrast="light"] #spa11y-fab{box-shadow:0 0 0 2px #000}

/* Highlight links (after the contrast rules so it combines with them) */
html[data-a11y-links] body a[href]:not(.spa11y-ui *){background-color:#ffe94d!important;color:#111!important;text-decoration-line:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}
html[data-a11y-links] body a[href] *:not(.spa11y-ui *,svg *){color:inherit!important}
html[data-a11y-links][data-a11y-contrast="dark"] body a[href]:not(.spa11y-ui *){background-color:rgba(255,233,77,.2)!important;color:#ffe94d!important}
html[data-a11y-links][data-a11y-contrast="light"] body a[href]:not(.spa11y-ui *){background-color:rgba(11,61,145,.12)!important;color:#0b3d91!important}

/* Keyboard navigation: a strong ring on every focused element, mouse focus included */
html[data-a11y-kbd] body *:focus:not(.spa11y-ui,.spa11y-ui *){outline:3px solid #0058A3!important;outline-offset:2px!important;box-shadow:0 0 0 2px #fff!important}
html[data-a11y-kbd][data-a11y-contrast="dark"] body *:focus:not(.spa11y-ui,.spa11y-ui *){outline-color:#ffe94d!important}

/* Big cursor (everywhere, the menu included): black arrow and hand with a white edge, 48px */
html[data-a11y-cursor="big"],html[data-a11y-cursor="big"] *{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.5 2.5v16.2l4.3-4 2.9 6.6 3-1.3-2.9-6.5h6z' fill='%23000' stroke='%23fff' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 9 5,default!important}
html[data-a11y-cursor="big"] :is(a[href],button,[role="button"],[role="link"],[role="tab"],[role="switch"],label,summary,select,input[type="checkbox"],input[type="radio"],input[type="button"],input[type="submit"],input[type="reset"]),
html[data-a11y-cursor="big"] :is(a[href],button,[role="button"],[role="link"],[role="tab"],label,summary) *{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='M8 21.5 5.2 15.9c-.6-1.1-.2-2.3.9-2.6.8-.2 1.5.2 1.9.9L9 15.6V4.5a1.5 1.5 0 0 1 3 0V10a1.25 1.25 0 0 1 2.5 0v1a1.25 1.25 0 0 1 2.5 0v1a1.25 1.25 0 0 1 2.5 0v4.5c0 3-2 5-4.5 5z' fill='%23000' stroke='%23fff' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M12 10v3.5M14.5 11v3M17 12v2.5' stroke='%23fff' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E") 21 6,pointer!important}