.a11y-btn{
  position:fixed;left:clamp(.4rem,1.2vw,.7rem);bottom:clamp(.4rem,1.2vw,.7rem);
  inset-inline-start:auto;
  z-index:95;width:40px;height:40px;display:grid;place-items:center;cursor:grab;
  background:rgba(255,255,255,.82);color:#14181C;
  border:1px solid rgba(20,24,28,.22);border-radius:50%;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 4px 14px -8px rgba(20,24,28,.4);
  transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s,opacity .25s;
  opacity:.72;touch-action:none;
}
.a11y-btn:hover,.a11y-btn:focus-visible{opacity:1;background:#fff;transform:scale(1.06)}
.a11y-btn[data-dragging]{cursor:grabbing;opacity:1;transform:scale(1.04)}
.a11y-btn svg{width:21px;height:21px}
@media (max-width:760px){
  .a11y-btn:not([data-moved]){bottom:calc(56px + .6rem)}
}

.a11y{
  position:fixed;inset-inline-start:clamp(.75rem,2vw,1.25rem);bottom:calc(52px + 1rem);
  z-index:96;width:min(340px,calc(100vw - 1.5rem));
  background:#fff;border:1px solid rgba(17,18,20,.16);
  box-shadow:0 30px 80px -30px rgba(17,18,20,.55);
  display:none;max-height:min(76vh,620px);overflow:auto;
}
.a11y.is-open{display:block}
@media (max-width:760px){.a11y{bottom:calc(56px + 52px + 1.25rem)}}

.a11y__head{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1rem 1.1rem;border-bottom:1px solid rgba(17,18,20,.12);
  position:sticky;top:0;background:#fff;
}
.a11y__title{font-family:'Assistant',system-ui,sans-serif;font-weight:800;font-size:1.05rem;color:#111214;letter-spacing:-.02em}
.a11y__close{width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:#111214;background:none;border:1px solid rgba(17,18,20,.16)}
.a11y__close:hover{background:#F7F7F6}
.a11y__close svg{width:16px;height:16px}

.a11y__group{padding:.9rem 1.1rem;border-bottom:1px solid rgba(17,18,20,.09)}
.a11y__label{
  font-family:'Assistant',system-ui,sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:#686A6D;margin-bottom:.6rem;display:block;
}
.a11y__row{display:grid;gap:.4rem}
.a11y__size{display:flex;gap:.4rem}
.a11y__size button{
  flex:1;min-height:44px;cursor:pointer;background:#fff;border:1px solid rgba(17,18,20,.18);
  font-family:'Assistant',system-ui,sans-serif;font-weight:700;color:#111214;
  transition:background-color .2s,color .2s,border-color .2s;
}
.a11y__size button:hover{background:#F7F7F6}
.a11y__size button[aria-pressed="true"]{background:#14181C;color:#fff;border-color:#14181C}
.a11y__size .s1{font-size:.85rem}.a11y__size .s2{font-size:1rem}.a11y__size .s3{font-size:1.15rem}

.a11y__toggle{
  display:flex;align-items:center;gap:.7rem;width:100%;min-height:46px;padding:.5rem .1rem;
  cursor:pointer;background:none;border:0;text-align:start;
  font-family:'Assistant',system-ui,sans-serif;font-size:.98rem;font-weight:500;color:#111214;
}
.a11y__toggle:hover{color:#292B2E}
.a11y__box{
  width:42px;height:24px;flex:none;border:1px solid rgba(17,18,20,.28);border-radius:99px;
  position:relative;transition:background-color .2s,border-color .2s;
}
.a11y__box::after{
  content:"";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;
  background:#848485;transition:transform .22s cubic-bezier(.16,1,.3,1),background-color .2s;
}
.a11y__toggle[aria-pressed="true"] .a11y__box{background:#14181C;border-color:#14181C}
.a11y__toggle[aria-pressed="true"] .a11y__box::after{background:#fff;transform:translateX(-18px)}

.a11y__foot{padding:.9rem 1.1rem;display:grid;gap:.6rem}
.a11y__reset{
  min-height:44px;cursor:pointer;background:#fff;border:1px solid rgba(17,18,20,.2);
  font-family:'Assistant',system-ui,sans-serif;font-weight:700;color:#111214;
}
.a11y__reset:hover{background:#F7F7F6}
.a11y__links{display:flex;flex-wrap:wrap;gap:.2rem .9rem;font-size:.85rem}
.a11y__links a{color:#686A6D;text-decoration:underline;text-underline-offset:2px}
.a11y__links a:hover{color:#111214}

html.a11y-size-1{font-size:112.5%}
html.a11y-size-2{font-size:125%}
html.a11y-size-3{font-size:140%}

html.a11y-font,html.a11y-font *{
  font-family:Arial,"Segoe UI",system-ui,sans-serif!important;
  letter-spacing:normal!important;
}

html.a11y-spacing p,html.a11y-spacing li,html.a11y-spacing dd,html.a11y-spacing dt,
html.a11y-spacing .rows__sub,html.a11y-spacing .channel__note{
  line-height:2!important;letter-spacing:.02em!important;
}

html.a11y-links a{
  text-decoration:underline!important;text-underline-offset:3px;
  text-decoration-thickness:2px!important;
}
html.a11y-links a:focus-visible,html.a11y-links a:hover{background:#FFF3B0!important;color:#111214!important}

html.a11y-contrast{background:#000}
html.a11y-contrast body{background:#000;color:#fff}
html.a11y-contrast *:not(.a11y):not(.a11y *):not(.a11y-btn):not(.a11y-btn *){
  background-color:transparent!important;
  color:#fff!important;
  border-color:#fff!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html.a11y-contrast body,html.a11y-contrast .nav,html.a11y-contrast .foot,
html.a11y-contrast .band,html.a11y-contrast section,html.a11y-contrast .hero{background-color:#000!important}
html.a11y-contrast a,html.a11y-contrast a *{color:#FFE234!important;text-decoration:underline!important}
html.a11y-contrast button,html.a11y-contrast .act,html.a11y-contrast .act *{color:#FFE234!important;border-color:#FFE234!important}
html.a11y-contrast img,html.a11y-contrast .ins{filter:grayscale(1) contrast(1.4) brightness(1.15)!important}
html.a11y-contrast .band__bg,html.a11y-contrast .hero__photo,html.a11y-contrast .phead__photo{display:none!important}
html.a11y-contrast .ph::after,html.a11y-contrast .slot::before,html.a11y-contrast .compare__face::before{display:none!important}

html.a11y-gray{filter:grayscale(1)}

html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{
  animation:none!important;transition:none!important;scroll-behavior:auto!important;
}
html.a11y-still .hero__photo img{transform:none!important;scale:1.02!important}

html.a11y-cursor,html.a11y-cursor *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M8 4l26 16-11 3 6 13-5 2-6-13-8 8z' fill='%23fff' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E") 4 4,auto!important;
}

html.a11y-active :focus-visible{outline:3px solid #111214!important;outline-offset:3px!important}
html.a11y-contrast :focus-visible{outline:3px solid #FFE234!important}

@media print{.a11y,.a11y-btn{display:none!important}}
