/* ClearBridge Wellness PLLC — site styles */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #F7F4EF; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; color: #1F2633; }
img { max-width: 100%; }
.nowrap { white-space: nowrap; }
a { color: #1C2A44; }
a:hover { color: #0E1420; }
.site { background: #F7F4EF; overflow-x: hidden; }

a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 3px solid #B8925A; outline-offset: 3px; border-radius: 2px;
}
.skip-link {
  position: absolute; left: 16px; top: -60px; z-index: 100;
  background: #1C2A44; color: #FFFFFF; padding: 12px 18px; border-radius: 4px;
  font-weight: 600; text-decoration: none;
}
.skip-link:focus { top: 12px; color: #FFFFFF; }

.site-header > div { max-width: 1400px !important; flex-wrap: nowrap !important; }
.site-nav { gap: 4px 18px !important; }
.header-cta { flex: none; white-space: nowrap; }
.site-nav a[aria-current="page"] { color: #1C2A44; }
.site-nav a:hover { text-decoration: underline !important; text-underline-offset: 6px; }

.menu-toggle {
  display: none; align-items: center; gap: 8px; min-height: 46px; padding: 0 16px;
  background: transparent; color: #1C2A44; border: 1.5px solid #B8925A; border-radius: 4px;
  font: 600 14px/1 'Inter', system-ui, sans-serif; cursor: pointer;
}

details summary { list-style-position: outside; }

@media (max-width: 1320px) {
  .site-header > div { flex-wrap: wrap !important; }
  .menu-toggle { display: inline-flex; margin-left: auto; }
  .site-nav { display: none !important; order: 3; width: 100%; flex-direction: column !important; gap: 0 !important; font-size: 16px !important; }
  .site-nav a { border-bottom: 1px solid #DED5C6 !important; padding: 14px 4px !important; }
  .site-nav a[aria-current="page"] { border-bottom: 1px solid #DED5C6 !important; font-weight: 600; color: #7A5D28; }
  .header-cta { display: none !important; order: 4; }
  .site-header.menu-open .site-nav { display: flex !important; }
  .site-header.menu-open .header-cta { display: inline-flex !important; width: 100%; justify-content: center; margin-bottom: 8px; }
}

@media (max-width: 700px) {
  .site-logo { width: 130px !important; height: auto !important; }
  h1 { font-size: 42px !important; }
  h2 { font-size: 32px !important; }
}

@media (max-width: 420px) {
  h1 { font-size: 36px !important; }
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}