/* Shared site-wide visual settings for public pages. Keep page-specific sections intact. */
:root { --asylum-site-max: 1440px; --asylum-accent: #48e9ed; --asylum-pad: clamp(14px, 2.3vw, 30px); }
html { scroll-padding-top: 16px; }
body { min-width: 0; }
body .site-header { width: 100%; box-sizing: border-box; }
body .site-header .header-top { width: min(100%, var(--asylum-site-max)); margin-inline: auto; box-sizing: border-box; }
body .site-header .main-nav { min-width: 0; }
body .site-header .main-nav a:focus-visible,
body .site-header .header-social a:focus-visible { outline: 2px solid var(--asylum-accent); outline-offset: 3px; }
body .site-header .main-nav a[aria-current="page"] { color: var(--asylum-accent); }
body footer { box-sizing: border-box; }
body img, body video, body iframe { max-width: 100%; }
@media (max-width: 700px) {
 body .site-header .header-top { max-width: 100%; }
 body .site-header .header-social { max-width: 100%; }
}