/* Site-wide additions for the static build (page layouts are inline, from the design canvas) */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #FBF7F4; }
img { max-width: 100%; }
iframe { max-width: 100%; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 3px solid #9C3F66; outline-offset: 2px;
}
summary { cursor: pointer; }
[id] { scroll-margin-top: 24px; }

/* FormSubmit honeypot */
.hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

/* Phones: keep the header compact. The main menu becomes one swipeable row. */
@media (max-width: 760px) {
  header nav {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    width: 100%;
    gap: 6px 20px !important;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  header nav::-webkit-scrollbar { display: none; }
  header nav a { white-space: nowrap; flex: 0 0 auto; }
  header img { height: 44px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Long email addresses in contact lists must wrap on phones */
dd, dd a { overflow-wrap: anywhere; }