/* Shared navigation fixes for all five standalone pages. */
:root { --dy-header-height: 84px; }
html { scroll-padding-top: calc(var(--dy-header-height) + 20px); }
[id] { scroll-margin-top: calc(var(--dy-header-height) + 20px); }
#dy-header, #dy-mobile-header { opacity: 1; pointer-events: auto; }
#dy-header a[aria-current="page"], #dy-mobile-header a[aria-current="page"] { color: #27c7ff; }
#dy-mobile-header:not(.menu-open) .mob-nav-panel { visibility: hidden; }
#dy-mobile-header.menu-open .mob-nav-panel {
  visibility: visible; max-height: min(480px, calc(100dvh - 68px)); overflow-y: auto;
}
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible { outline: 2px solid #27c7ff; outline-offset: 4px; }
a, button, summary, [role="button"] { cursor: pointer; }
@media (min-width: 900px) {
  #dy-header { display: flex; }
  #dy-mobile-header { display: none; }
}
@media (max-width: 899px) {
  :root { --dy-header-height: 68px; }
  #dy-header { display: none; }
  #dy-mobile-header { display: block; }
}