/* Content is visible by default; effects.js only adds temporary animations. */
.effect-resizing { overflow: hidden; }
.static-summary svg { transition: transform 200ms ease; }
.mobile-menu[open] > summary svg { visibility: hidden; }
.mobile-menu[open] > summary { position: relative; }
.mobile-menu[open] > summary::before,
.mobile-menu[open] > summary::after {
  content: ''; position: absolute; width: 18px; height: 2px;
  background: currentColor; transform: rotate(45deg);
}
.mobile-menu[open] > summary::after { transform: rotate(-45deg); }
@media (max-width: 767px) {
  header:has(.mobile-menu[open]) { padding-bottom: var(--menu-height, 280px); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}