/* wh-base.css (shared). Deliberately has NO visual opinions: no colours, fonts, spacing or layout.
   Only behaviour every site needs. All design lives in the client's assets/theme.css. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0}
img,svg,video{max-width:100%;height:auto}
[hidden]{display:none!important}
.wh-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wh-skip{position:absolute;left:-10000px;top:0;z-index:1000}
.wh-skip:focus{left:8px;top:8px}
.wh-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}