/* SDL Accessibility Widget - include with a11y.js on every page */
.a11y-tab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:900;width:30px;height:56px;border:1px solid var(--ink);border-left:none;border-radius:0 12px 12px 0;background:var(--white);display:grid;place-items:center;cursor:pointer;padding:0}
.a11y-tab svg{width:18px;height:18px;stroke:var(--ink)}
.a11y-tab:hover svg{stroke:var(--green-d)}
.a11y-tab:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.a11y-panel{position:fixed;left:0;top:0;bottom:0;z-index:901;width:min(320px,86vw);background:var(--white);border-right:1px solid var(--ink);transform:translateX(-105%);transition:transform .25s;display:flex;flex-direction:column;font-family:'Bricolage Grotesque',sans-serif}
.a11y-panel.open{transform:none}
.a11y-head{padding:16px 18px 12px;border-bottom:2px solid var(--green)}
.a11y-head h2{font-size:1rem;margin:0 0 2px;letter-spacing:-.01em}
.a11y-head p{font-size:.74rem;color:var(--mid);margin:0 0 10px;font-weight:600}
.a11y-actions{display:flex;gap:12px;flex-wrap:wrap}
.a11y-actions button,.a11y-actions a{font-family:inherit;font-size:.7rem;font-weight:700;color:var(--mid);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}
.a11y-actions button:hover,.a11y-actions a:hover{color:var(--green-d)}
.a11y-close{position:absolute;top:12px;right:12px;width:34px;height:34px;background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--ink)}
.a11y-body{overflow-y:auto;padding:12px 18px 24px;flex:1}
.a11y-sec{font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green-d);margin:16px 0 8px}
.a11y-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}
.a11y-row div b{display:block;font-size:.84rem;font-weight:700;color:var(--ink)}
.a11y-row div span{font-size:.7rem;color:var(--mid);font-weight:600}
.a11y-sw{flex:none;width:64px;height:26px;border-radius:100px;border:1px solid var(--border);background:var(--off);position:relative;cursor:pointer;font-size:.56rem;font-weight:800;letter-spacing:.05em;color:var(--mid);font-family:inherit}
.a11y-sw::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--white);border:1px solid var(--border);transition:left .15s}
.a11y-sw[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--ink)}
.a11y-sw[aria-pressed="true"]::after{left:40px}
.a11y-sw:focus-visible{outline:3px solid var(--green-d);outline-offset:2px}
.a11y-steps{display:flex;gap:6px}
.a11y-steps button{flex:1;font-family:inherit;border:1px solid var(--border);border-radius:8px;background:var(--white);padding:7px 0;font-weight:800;cursor:pointer;color:var(--ink)}
.a11y-steps button[aria-pressed="true"]{border-color:var(--green-d);background:#eafff1}
/* effects */
html.a11y-text1 body{font-size:112%}
html.a11y-text2 body{font-size:125%}
html.a11y-font body,html.a11y-font body *{font-family:Arial,Helvetica,sans-serif !important}
html.a11y-links a{text-decoration:underline !important}
html.a11y-space body{letter-spacing:.06em;word-spacing:.12em;line-height:1.9}
html.a11y-motion *,html.a11y-motion *::before,html.a11y-motion *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
html.a11y-motion video{display:none !important}
html.a11y-contrast main,html.a11y-contrast footer{filter:contrast(1.25)}
html.a11y-mono main,html.a11y-mono footer{filter:grayscale(1)}
html.a11y-desat main,html.a11y-desat footer{filter:saturate(.4)}
html.a11y-noimg main img,html.a11y-noimg footer img{visibility:hidden}
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 10-7 1 4 7-3 2-4-7-6 5z' fill='black' stroke='white'/%3E%3C/svg%3E") 4 2,auto !important}
html.a11y-focus :focus{outline:4px solid var(--green-d) !important;outline-offset:2px !important}
html.a11y-guide #a11yGuide{display:block}
#a11yGuide{display:none;position:fixed;left:0;right:0;height:10vh;background:rgba(0,255,65,.12);border-block:2px solid var(--green-d);pointer-events:none;z-index:899}
html.a11y-titles h1,html.a11y-titles h2,html.a11y-titles h3{background:rgba(0,255,65,.25);outline:2px solid var(--green-d)}
html.a11y-hover a:hover,html.a11y-hover button:hover{outline:3px solid var(--green-d) !important;background:rgba(0,255,65,.15) !important}
html.a11y-dark main,html.a11y-dark footer{filter:invert(1) hue-rotate(180deg)}
html.a11y-dark main img,html.a11y-dark main video,html.a11y-dark footer img{filter:invert(1) hue-rotate(180deg)}
html.a11y-light main,html.a11y-light footer{filter:brightness(1.12) contrast(.95)}
html.a11y-mask #a11yMask{display:block}
#a11yMask{display:none;position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:898;background:rgba(17,17,16,.55);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 calc(var(--my,50vh) - 7vh),transparent calc(var(--my,50vh) - 7vh),transparent calc(var(--my,50vh) + 7vh),#000 calc(var(--my,50vh) + 7vh));
  mask-image:linear-gradient(180deg,#000 0%,#000 calc(var(--my,50vh) - 7vh),transparent calc(var(--my,50vh) - 7vh),transparent calc(var(--my,50vh) + 7vh),#000 calc(var(--my,50vh) + 7vh))}
@media(prefers-reduced-motion:reduce){.a11y-panel{transition:none}}
