/* Shared accessibility helpers for the holiday lights pages. */
html{scroll-padding-bottom:80px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-80px;z-index:3000;background:#12223F;color:#FFFFFF!important;padding:12px 18px;border-radius:10px;font:800 16px 'Nunito',system-ui,sans-serif;text-decoration:none}
.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #FFFFFF;outline-offset:1px;box-shadow:0 0 0 6px #12223F}
/* Pause animations (WCAG 2.2.2): every looping animation can be paused, and the choice is remembered. */
.motion-toggle{position:fixed;left:14px;bottom:14px;z-index:2500;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px 8px 12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.4);background:rgba(18,34,63,.94);color:#FFFFFF;font:700 14px/1 'Nunito',system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.motion-toggle svg{width:16px;height:16px;flex:none}
.motion-toggle:hover{background:#12223F}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important}
html.motion-paused .fall{display:none}
@media print{.motion-toggle,.skip-link{display:none!important}}