/* Keep multiline footer links clickable across their entire box. */
.footer__nav-link,.footer__bottom-link{display:inline-block}

/* Keep wrapped consent links clickable without toggling the parent label. */
.form__checkbox-text a{display:inline-block;max-width:100%;vertical-align:baseline}

/* Keep native consent checkboxes in the Tab order while retaining their icon. */
.form__checkbox-label input[type="checkbox"]{
  display:block!important;
  position:absolute;
  width:1px;
  height:1px;
  margin:0;
  opacity:0;
  clip-path:inset(50%);
  overflow:hidden;
}
.form__checkbox-label input[type="checkbox"]:focus-visible + .form__checkbox-icon{
  outline:2px solid currentColor;
  outline-offset:3px;
}

/* Full-row touch targets for the mobile navigation. */
.header__mobile-nav-list{gap:0}
.header__mobile-nav-link{display:flex;align-items:center;min-height:48px;padding:12px 0;line-height:1.35;touch-action:manipulation}

/* Keep keyboard focus visible on light, blue and dark backgrounds. */
.footer__nav-link:focus-visible,
.footer__bottom-link:focus-visible,
.form__checkbox-label a:focus-visible,
.fancybox__content .form__checkbox-label .form__checkbox-text a[href]:focus-visible{
  outline:2px solid currentColor;
  outline-offset:3px;
}
.footer__bottom-link:focus-visible{opacity:1}

/* Reserve comfortable touch targets without changing the desktop footer. */
@media (max-width:47.99875em){
  /* Readable form fields also avoid focus zoom in mobile Safari. */
  .form__input{font-size:16px}
  .footer__nav-list{gap:8px 20px}
  .footer__nav-item{min-width:0}
  .footer__nav-link,
  .footer__bottom-link{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    min-height:44px;
    width:100%;
    padding:10px 0;
    line-height:1.4;
    touch-action:manipulation;
  }
  .footer__bottom-links{align-self:stretch;gap:8px 16px}
  .footer__bottom-link{
    flex:1;
    min-width:0;
    justify-content:center;
    text-align:center;
  }
}