/* SK Company – accessibility panel (script a11y.js). Settings are classes on <html>; the panel itself (.ska11y) is never restyled. */
:root{--a11y-zoom:1}
/* ---- launcher + panel ---- */
.ska11y-fab{position:fixed;left:calc(10px + env(safe-area-inset-left,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:60;width:56px;height:56px;padding:6px;margin:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;
  /* frosted glass (a11y2): see-through, readable on light, dark and photo sections */
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 .5px rgba(11,34,54,.28),0 6px 18px -8px rgba(0,0,0,.35);
  -webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);
  color:#0b2236;opacity:.62;transition:opacity .2s ease,background-color .2s ease,transform .2s ease}
.ska11y-fab svg{width:42px;height:42px;display:block;overflow:visible;filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 0 1.5px rgba(255,255,255,.7))}
.ska11y-fab:hover,.ska11y-fab:focus-visible,.ska11y-fab[aria-expanded=true]{opacity:1;background:rgba(255,255,255,.42)}
.ska11y-fab:hover{transform:scale(1.05)}
.ska11y-fab:focus{outline:none}
.ska11y-fab:focus-visible{outline:3px solid #DFBC77;outline-offset:2px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ska11y-fab{background:rgba(255,255,255,.55)}}
/* previous style (a11y1, outline only, no background): add class "a11y-btn--solid" to #skA11yBtn to switch back */
.ska11y-fab.a11y-btn--solid{padding:4px;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1}
.ska11y-fab.a11y-btn--solid svg{width:44px;height:44px;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px rgba(255,255,255,.9))}
.ska11y-fab.a11y-btn--solid:hover{color:#16466c;background:transparent}
.ska11y-fab.a11y-btn--solid:focus-visible{box-shadow:0 0 0 6px #0b2236}
/* high contrast / dark / light modes: fully opaque */
html:is(.a11y-hc,.a11y-dark,.a11y-light) .ska11y-fab{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none}
html.a11y-hc .ska11y-fab{background:#000;color:#fff;border:2px solid #fff;box-shadow:none}
html.a11y-hc .ska11y-fab svg{filter:none}
@media (max-width:759px){.ska11y-fab{width:56px;height:56px}.ska11y-fab svg{width:40px;height:40px}}
@media (prefers-reduced-motion:reduce){.ska11y-fab{transition:none}.ska11y-fab:hover{transform:none}}
.ska11y-panel{position:fixed;left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:61;width:min(380px,calc(100vw - 28px));max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;
  padding:18px 18px 16px;border-radius:18px;border:1px solid rgba(223,188,119,.4);background:#0c243a;color:#F8F4EC;font:15px/1.45 "DV Sans",system-ui,sans-serif;letter-spacing:0;word-spacing:0;text-align:left;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
.ska11y-panel[hidden]{display:none}
.ska11y-panel *{box-sizing:border-box;font-family:inherit;letter-spacing:0;word-spacing:0}
.ska11y-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.ska11y-head h2{margin:0;font:400 21px/1.2 "DV Serif",Georgia,serif;color:#fff}
.ska11y-x{width:40px;height:40px;border-radius:50%;border:1px solid rgba(248,244,236,.3);background:none;color:#F8F4EC;font-size:22px;line-height:1;cursor:pointer}
.ska11y h3{margin:16px 0 8px;font:700 12.5px/1.2 "DV Sans",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#DFBC77}
.ska11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ska11y-b{display:flex;align-items:center;gap:8px;min-height:44px;width:100%;padding:8px 10px;border-radius:12px;border:1px solid rgba(248,244,236,.22);background:rgba(255,255,255,.04);
  color:#F8F4EC;font-size:14px;line-height:1.25;text-align:left;cursor:pointer}
.ska11y-b:hover{border-color:#DFBC77}
.ska11y-b[aria-pressed=true]{background:#DFBC77;color:#103451;border-color:#DFBC77;font-weight:700}
.ska11y-b:disabled{opacity:.5;cursor:not-allowed}
.ska11y-b:focus-visible,.ska11y-x:focus-visible,.ska11y a:focus-visible,.ska11y-step button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ska11y-step{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.ska11y-step span{flex:1;font-size:14px}
.ska11y-step output{min-width:48px;text-align:center;font-variant-numeric:tabular-nums;color:#fff}
.ska11y-step button{width:44px;height:44px;border-radius:12px;border:1px solid rgba(248,244,236,.3);background:rgba(255,255,255,.05);color:#fff;font-size:20px;cursor:pointer}
.ska11y-step button:disabled{opacity:.4}
.ska11y-toc{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:200px;overflow:auto}
.ska11y-toc a{display:block;padding:8px 10px;border-radius:8px;color:#F8F4EC;text-decoration:none;font-size:14px}
.ska11y-toc a:hover{background:rgba(223,188,119,.14)}
.ska11y-toc .l3{padding-left:24px}
.ska11y-note{margin:8px 0 0;font-size:13px;color:rgba(248,244,236,.78)}
.ska11y-note:empty{display:none}
.ska11y-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(223,188,119,.2)}
.ska11y-foot a{color:#F8F4EC;text-underline-offset:3px}
.ska11y-reset{width:auto;font-weight:700}
.ska11y-guide{position:fixed;left:0;right:0;height:14px;margin-top:-7px;z-index:59;pointer-events:none;background:rgba(223,188,119,.18);border-top:2px solid #DFBC77;border-bottom:2px solid #DFBC77;display:none}
html.a11y-guide .ska11y-guide{display:block}
.ska11y-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:420px){.ska11y-panel{left:8px;width:calc(100vw - 16px);bottom:70px}.ska11y-grid{grid-template-columns:1fr}}

/* ---- settings (everything outside the panel) ---- */
html.a11y-zoom main{zoom:var(--a11y-zoom)}
html.a11y-spacing body :not(.ska11y):not(.ska11y *){letter-spacing:.12em!important;word-spacing:.16em!important}
html.a11y-lh body :is(p,li,dd,dt,label,td,th,blockquote,figcaption,a,span,small,div):not(.ska11y *){line-height:1.9!important}
html.a11y-font body :not(.ska11y):not(.ska11y *):not(svg):not(svg *){font-family:Verdana,Tahoma,"Atkinson Hyperlegible","Trebuchet MS",Arial,sans-serif!important;font-style:normal!important}
html.a11y-left body :not(.ska11y):not(.ska11y *){text-align:left!important}
html.a11y-links body a:not(.ska11y *){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important;outline:2px solid #ffd400!important;outline-offset:1px;background-color:rgba(255,212,0,.16)!important}
html.a11y-heads body :is(h1,h2,h3,h4,h5,h6):not(.ska11y *){outline:2px dashed #ffd400!important;outline-offset:4px;background-color:rgba(255,212,0,.1)!important}
html.a11y-focus *:focus{outline:4px solid #ffbf00!important;outline-offset:3px!important;box-shadow:0 0 0 8px #000!important}
html.a11y-noimg body :is(img,picture,video,canvas,iframe):not(.ska11y *){visibility:hidden!important}
html.a11y-noimg body :not(.ska11y):not(.ska11y *){background-image:none!important}
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-cursor-b,html.a11y-cursor-b *{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='M3 2l16 9.5-7 1.6 4 7.4-3 1.5-4-7.5L3 19z' fill='%23000' stroke='%23fff' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto!important}
html.a11y-cursor-w,html.a11y-cursor-w *{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='M3 2l16 9.5-7 1.6 4 7.4-3 1.5-4-7.5L3 19z' fill='%23fff' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto!important}
/* colour filters on <html> (grey, saturation) */
html.a11y-grey{filter:grayscale(1)}
html.a11y-satlow{filter:saturate(.45)}
html.a11y-sathigh{filter:saturate(1.7)}
/* contrast themes: solid colours, no images behind text */
html:is(.a11y-hc,.a11y-dark,.a11y-light) body :not(.ska11y):not(.ska11y *):not(img):not(video):not(canvas):not(picture):not(svg):not(svg *){background-image:none!important;text-shadow:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.a11y-hc body,html.a11y-hc body :not(.ska11y):not(.ska11y *):not(img):not(video):not(canvas):not(svg *){background-color:#000!important;color:#fff!important;border-color:#fff!important}
html.a11y-hc body a:not(.ska11y *),html.a11y-hc body a:not(.ska11y *) *{color:#ffff00!important}
html.a11y-hc body :is(button,.btn):not(.ska11y *){border:2px solid #fff!important}
html.a11y-dark body,html.a11y-dark body :not(.ska11y):not(.ska11y *):not(img):not(video):not(canvas):not(svg *){background-color:#121212!important;color:#ececec!important;border-color:#6b6b6b!important}
html.a11y-dark body a:not(.ska11y *),html.a11y-dark body a:not(.ska11y *) *{color:#9ccfff!important}
html.a11y-light body,html.a11y-light body :not(.ska11y):not(.ska11y *):not(img):not(video):not(canvas):not(svg *){background-color:#fff!important;color:#111!important;border-color:#555!important}
html.a11y-light body a:not(.ska11y *),html.a11y-light body a:not(.ska11y *) *{color:#0b4fa0!important}
html:is(.a11y-hc,.a11y-dark,.a11y-light) body :is(input,select,textarea):not(.ska11y *){border:2px solid currentColor!important}
html:is(.a11y-hc,.a11y-dark,.a11y-light) .pdp-bg,html:is(.a11y-hc,.a11y-dark,.a11y-light) .au-backdrop{display:none!important}
