html{scroll-behavior:smooth}
:focus-visible{outline:2px solid rgba(165,124,82,.85);outline-offset:3px}
body{font-size:16px}
img{max-width:100%;height:auto;display:block}

.panel{opacity:0;transform:translateY(10px)}
.panel.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
  .panel[data-panel="left"].is-visible{animation:slideInPanel 700ms ease-out both}
  .panel[data-panel="right"].is-visible{animation:slideInPanelR 700ms ease-out both}
}

#mobileMenu[data-state="open"]{display:block}
#mobileMenu[data-state="open"] .absolute.inset-0{opacity:1}

#modalRoot[data-state="open"]{display:block}

[data-acc-panel]{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition-duration:0ms!important;animation-duration:0ms!important}
}