/* Wyatt Kohl Music — Native Accessibility System */
:root{--wk-a11y-scale:1;--wk-a11y-letter:normal;--wk-a11y-line:normal}
html.wk-a11y-large{font-size:112.5%}
html.wk-a11y-xlarge{font-size:125%}
html.wk-a11y-xxlarge{font-size:140%}
/* Text size is applied to rendered text by accessibility-client.js so fixed-pixel site typography also scales. */
body.wk-a11y-readable,body.wk-a11y-readable *{font-family:Arial,Helvetica,sans-serif!important}
body.wk-a11y-spacing,body.wk-a11y-spacing *{letter-spacing:.045em!important;word-spacing:.08em!important}
body.wk-a11y-spacing p,body.wk-a11y-spacing li,body.wk-a11y-spacing label,body.wk-a11y-spacing .section-intro,body.wk-a11y-spacing .note{line-height:1.8!important}
body.wk-a11y-contrast{background:#000!important;color:#fff!important}
body.wk-a11y-contrast .site-header,body.wk-a11y-contrast .footer,body.wk-a11y-contrast .section,body.wk-a11y-contrast .page-hero{background:#000!important;color:#fff!important}
body.wk-a11y-contrast a{color:#fff!important;text-decoration:underline!important;text-decoration-thickness:2px!important}
body.wk-a11y-contrast button,body.wk-a11y-contrast input,body.wk-a11y-contrast select,body.wk-a11y-contrast textarea{background:#000!important;color:#fff!important;border:2px solid #fff!important}
body.wk-a11y-grayscale{filter:grayscale(1)}
body.wk-a11y-links a:not(.wk-a11y-trigger){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}
body.wk-a11y-focus :focus-visible{outline:3px solid #ff2537!important;outline-offset:4px!important;box-shadow:0 0 0 2px #000!important}
html.wk-a11y-reduce-motion *,html.wk-a11y-reduce-motion *::before,html.wk-a11y-reduce-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
body.wk-a11y-big-targets button,body.wk-a11y-big-targets a,body.wk-a11y-big-targets input,body.wk-a11y-big-targets select,body.wk-a11y-big-targets textarea{min-height:48px;min-width:44px;padding-left:12px;padding-right:12px}
body.wk-a11y-big-targets a{padding-top:max(0px,calc((48px - 1em)/2));padding-bottom:max(0px,calc((48px - 1em)/2))}
.wk-a11y-skip{position:fixed;left:12px;top:10px;z-index:2147483647;padding:12px 16px;border-radius:10px;background:#000;color:#fff;border:2px solid #fff;text-decoration:none;font-weight:800;transform:translateY(-160%);transition:transform .18s ease}
.wk-a11y-skip:focus{transform:translateY(0);outline:3px solid #ff2537;outline-offset:3px}
.wk-a11y-trigger{position:fixed!important;left:10px!important;top:calc(50% - 24px)!important;transform:none!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:48px!important;height:48px!important;min-height:46px!important;padding:8px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;background:rgba(8,8,10,.20)!important;color:rgba(255,255,255,.88)!important;backdrop-filter:blur(7px) saturate(120%)!important;-webkit-backdrop-filter:blur(7px) saturate(120%)!important;box-shadow:0 6px 22px rgba(0,0,0,.16)!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.wk-a11y-trigger:hover,.wk-a11y-trigger:focus-visible{width:48px!important;background:rgba(8,8,10,.56)!important;border-color:rgba(255,255,255,.32)!important;color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important}
.wk-a11y-trigger-icon{width:25px;height:25px;display:block;flex:0 0 25px}
.wk-a11y-trigger-label{max-width:0;overflow:hidden;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.5px;opacity:0;transition:max-width .2s ease,opacity .15s ease}
.wk-a11y-trigger:hover .wk-a11y-trigger-label,.wk-a11y-trigger:focus-visible .wk-a11y-trigger-label,.wk-a11y-trigger[aria-expanded="true"] .wk-a11y-trigger-label{max-width:90px;opacity:1}
.wk-a11y-trigger[aria-expanded="true"]{width:48px!important;background:rgba(8,8,10,.64)!important;border-color:rgba(255,255,255,.34)!important;color:#fff!important}
.wk-a11y-overlay{position:fixed;inset:0;z-index:2147482998;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:flex-start;padding:18px 18px 18px 182px}
.wk-a11y-overlay.is-open{display:flex}
.wk-a11y-panel{width:min(430px,calc(100vw - 202px));max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(145deg,#17171a,#070708);color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.72),0 0 38px rgba(255,0,24,.10);padding:20px}
.wk-a11y-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #29292d}
.wk-a11y-title{margin:0;font-size:20px;font-weight:900;letter-spacing:.2px}
.wk-a11y-subtitle{margin:5px 0 0;color:#a9a9b1;font-size:11px;line-height:1.5}
.wk-a11y-close{width:40px;min-height:40px!important;padding:0!important;border:1px solid #38383d!important;border-radius:12px!important;background:#0d0d0f!important;color:#fff!important;font-size:21px!important;cursor:pointer!important}
.wk-a11y-section{margin-top:18px}
.wk-a11y-section h3{margin:0 0 9px;font-size:10px;text-transform:uppercase;letter-spacing:1.9px;color:#c4c4ca}
.wk-a11y-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.wk-a11y-section-head h3{margin:0}
.wk-a11y-section-head p{margin:4px 0 0;color:#85858d;font-size:10px}
.wk-a11y-section-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid #33343a;border-radius:50%;background:#0d0d0f;color:#fff;font-size:15px}
.wk-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.wk-a11y-option{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:11px 12px;border:1px solid #29292e;border-radius:13px;background:#0b0b0d;color:#fff;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.wk-a11y-option:hover{border-color:#55555c;background:#111114}
.wk-a11y-option strong{font-size:12px;line-height:1.25}
.wk-a11y-option small{display:block;margin-top:3px;color:#909096;font-size:10px;line-height:1.35}
.wk-a11y-option[aria-pressed="true"]{border-color:#ff2537;background:rgba(255,0,24,.09);box-shadow:inset 0 0 0 1px rgba(255,0,24,.22)}
.wk-a11y-state{flex:0 0 auto;min-width:34px;text-align:center;padding:4px 7px;border-radius:999px;background:#26262b;color:#aaa;font-size:9px;font-weight:900;text-transform:uppercase}
.wk-a11y-option[aria-pressed="true"] .wk-a11y-state{background:#19a957;color:#fff}
.wk-a11y-slider-card{grid-column:1/-1;padding:12px;border:1px solid #29292e;border-radius:13px;background:#0b0b0d}
.wk-a11y-slider-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wk-a11y-slider-top strong{display:block;font-size:12px}
.wk-a11y-slider-top small{display:block;margin-top:3px;color:#909096;font-size:10px}
.wk-a11y-slider-top output{font-size:11px;font-weight:900;color:#fff}
.wk-a11y-slider-card input[type="range"]{width:100%;margin:12px 0 1px;accent-color:#ff2537}
.wk-a11y-media-note{margin-top:9px;padding:11px 12px;border:1px solid #29292e;border-radius:13px;background:#0b0b0d;color:#bbb;font-size:10px;line-height:1.55}
.wk-a11y-media-note strong{color:#fff}
.wk-a11y-actions{display:flex;gap:8px;margin-top:17px}
.wk-a11y-reset{flex:1;min-height:44px!important;border:1px solid #45454b!important;border-radius:11px!important;background:#111113!important;color:#fff!important;font-weight:700!important;cursor:pointer!important}
.wk-a11y-status{min-height:18px;margin:9px 2px 0;color:#a9a9b0;font-size:10px;line-height:1.4}
.wk-a11y-live{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.wk-a11y-overlay{padding-left:158px}.wk-a11y-panel{width:min(430px,calc(100vw - 178px));}}
@media(max-width:600px){.wk-a11y-trigger{left:7px!important;width:46px!important;height:46px!important;min-height:46px!important}.wk-a11y-trigger:hover,.wk-a11y-trigger:focus-visible,.wk-a11y-trigger[aria-expanded="true"]{width:46px!important;top:calc(50% - 23px)!important;transform:none!important}.wk-a11y-overlay{padding:12px 12px 12px 158px}.wk-a11y-panel{width:min(430px,calc(100vw - 170px));max-height:calc(100vh - 24px);padding:15px}.wk-a11y-grid{grid-template-columns:1fr}.wk-a11y-title{font-size:17px}}

@media(prefers-reduced-motion:reduce){.wk-a11y-trigger,.wk-a11y-skip{transition:none!important}}

/* Accessibility control reliability: every native control remains directly touch/clickable. */
.wk-a11y-overlay,.wk-a11y-panel,.wk-a11y-option,.wk-a11y-close,.wk-a11y-reset,.wk-a11y-trigger{pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.wk-a11y-option{user-select:none;-webkit-user-select:none}
.wk-a11y-option[aria-pressed="true"]{border-color:#ff2537!important;background:rgba(255,0,24,.14)!important;box-shadow:inset 0 0 0 1px #ff2537,0 0 0 1px rgba(255,0,24,.16)!important}
.wk-a11y-option[aria-pressed="false"]{border-color:#29292e!important;background:#0b0b0d!important}
.wk-a11y-option:active,.wk-a11y-close:active,.wk-a11y-reset:active,
.wk-a11y-option strong,.wk-a11y-option small,.wk-a11y-state{pointer-events:none}
@media(max-width:600px){.wk-a11y-option{min-height:52px;padding:11px 12px}.wk-a11y-close{min-width:44px;min-height:44px!important}.wk-a11y-reset{min-height:48px!important}}

.wk-a11y-slider-card input[type="range"]{display:block;height:22px;cursor:pointer;accent-color:#ff2537}
.wk-a11y-hearing-boost-status{margin-top:8px;font-size:10px;line-height:1.45;color:#a7a7ad}

.wk-a11y-slider-scale{display:flex;justify-content:space-between;margin-top:5px;color:#707078;font-size:9px;font-weight:700}
.wk-a11y-slider-card input[type=range]{min-width:0!important;width:100%!important}
html.wk-a11y-reduce-motion,html.wk-a11y-reduce-motion body{scroll-behavior:auto!important}

/* V69 accessibility interaction states: compact when idle, expanded only on hover/focus/open. */
.wk-a11y-trigger[aria-expanded="false"]{width:48px!important;justify-content:center!important}
.wk-a11y-trigger[aria-expanded="false"] .wk-a11y-trigger-label{max-width:0!important;opacity:0!important}
.wk-a11y-trigger[aria-expanded="true"]{width:48px!important}
@media(max-width:600px){.wk-a11y-trigger[aria-expanded="false"]{width:46px!important}.wk-a11y-trigger[aria-expanded="true"]{width:46px!important;top:calc(50% - 23px)!important;transform:none!important}}

/* V73 — reliable accessibility captions for Spoken Guidance and media captions. */
.wk-a11y-caption-display{
  position:fixed!important;
  left:50%!important;
  bottom:clamp(24px,6vh,72px)!important;
  transform:translateX(-50%)!important;
  z-index:2147483646!important;
  max-width:min(92vw,980px)!important;
  min-width:min(220px,80vw)!important;
  padding:8px 16px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.90)!important;
  color:#fff!important;
  font-size:clamp(16px,2vw,26px)!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-align:center!important;
  text-shadow:0 2px 4px #000!important;
  box-shadow:0 4px 18px rgba(0,0,0,.45)!important;
  pointer-events:none!important;
}
.wk-a11y-caption-display[hidden]{display:none!important}
html.wk-a11y-large .wk-a11y-caption-display{font-size:clamp(18px,2.25vw,29px)!important}
html.wk-a11y-xlarge .wk-a11y-caption-display{font-size:clamp(20px,2.5vw,32px)!important}
html.wk-a11y-xxlarge .wk-a11y-caption-display{font-size:clamp(22px,2.8vw,36px)!important}
@media(max-width:600px){
  .wk-a11y-caption-display{
    bottom:18px!important;
    max-width:92vw!important;
    min-width:0!important;
    padding:9px 13px!important;
    font-size:16px!important;
  }
}

/* V448: The accessibility control stays at identical coordinates and dimensions across interaction states. */
.wk-a11y-trigger,.wk-a11y-trigger:hover,.wk-a11y-trigger:focus-visible,.wk-a11y-trigger:active,.wk-a11y-trigger[aria-expanded="true"]{position:fixed!important;top:calc(50% - 24px)!important;transform:none!important;width:48px!important;height:48px!important;min-height:48px!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.wk-a11y-trigger .wk-a11y-trigger-label{position:absolute!important;left:calc(100% + 10px)!important;top:50%!important;transform:translateY(-50%)!important;width:max-content!important;max-width:none!important;overflow:visible!important;pointer-events:none!important}
@media(max-width:600px){.wk-a11y-trigger,.wk-a11y-trigger:hover,.wk-a11y-trigger:focus-visible,.wk-a11y-trigger:active,.wk-a11y-trigger[aria-expanded="true"]{top:calc(50% - 23px)!important;transform:none!important;width:46px!important;height:46px!important;min-height:46px!important}}.wk-a11y-trigger[aria-expanded="false"]:hover .wk-a11y-trigger-label,.wk-a11y-trigger[aria-expanded="false"]:focus-visible .wk-a11y-trigger-label{max-width:none!important;opacity:1!important}
