@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/0b9a8a33cfaa624d30f7.woff2) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/14efb9443652199ade5b.woff2) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/8ddad6fd245858b13f48.woff2) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/6d37a86241a25d63f8fe.woff2) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/1724047c8988ca5155bf.woff2) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/69e7ae35cba23d962227.woff2) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/1e943db6ea127d08309d.woff2) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/b0ae3e89a7d3ef2b1838.woff2) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/376427b5322148d8de1e.woff2) format('truetype');
}

:root{--svc-cms-blog-bg:#faf8f4;--svc-cms-blog-ink:#3a3a3a;--svc-cms-blog-ink-soft:#5a5a5a;--svc-cms-blog-accent:#3d5944;--svc-cms-blog-accent-warm:#b07d5a;--svc-cms-blog-border:rgba(128,128,128,0.18);--svc-cms-blog-serif:'Cormorant Garamond',Georgia,serif;--svc-cms-blog-sans:'DM Sans','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}@font-face{font-display:swap}.cms-content,.cms-content *{box-sizing:border-box}.cms-content{max-width:760px;margin:0 auto;padding:0 1.5rem;font-family:var(--svc-cms-blog-sans);color:var(--svc-cms-blog-ink);line-height:1.7}.cms-content h1{font-family:var(--svc-cms-blog-serif);font-weight:400;font-size:2.4rem;line-height:1.15;margin:0 0 1.25rem;color:var(--svc-cms-blog-ink)}.cms-content h2{font-family:var(--svc-cms-blog-serif);font-weight:400;font-size:1.6rem;line-height:1.3;color:var(--svc-cms-blog-ink);margin:0 0 0.75rem}.cms-content h3{font-family:var(--svc-cms-blog-serif);font-weight:500;font-size:1.25rem;color:var(--svc-cms-blog-accent);margin:1.5rem 0 0.5rem}.cms-content p{margin:0 0 1.25rem;color:var(--svc-cms-blog-ink)}.cms-content a{color:inherit}.cms-blog>h1{margin:0 0 1.25rem}.cms-content-hero{display:flex;gap:1.5rem;align-items:flex-start;margin:0 0 1.5rem;padding:0 0 2rem;border-bottom:1px solid var(--svc-cms-blog-border);text-decoration:none;color:inherit;transition:transform 0.18s ease}.cms-content-hero:hover{transform:translateY(-2px)}.cms-content-hero:hover h2{color:var(--svc-cms-blog-accent-warm)}.cms-content-hero-img{display:block;width:180px;min-width:180px;height:120px;object-fit:cover;border-radius:8px;flex-shrink:0}.cms-content-hero-meta{font-size:0.85rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--svc-cms-blog-ink-soft);opacity:0.8;margin:0 0 0.5rem}.cms-content-hero h2{font-size:1.9rem;margin:0 0 0.75rem}.cms-content-hero-content{flex:1;min-width:0}.cms-content-hero p{margin:0;color:var(--svc-cms-blog-ink-soft)}.cms-content-card{display:flex;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--svc-cms-blog-border);text-decoration:none;color:inherit;align-items:flex-start;transition:transform 0.18s ease}.cms-content-card:hover{transform:translateY(-2px)}.cms-content-card:hover h2{color:var(--svc-cms-blog-accent-warm)}.cms-content-card:last-of-type{border-bottom:none}.cms-content-card-img{width:180px;height:120px;flex-shrink:0;object-fit:cover;border-radius:6px;margin:0;display:block}.cms-content-card-content{flex:1;min-width:0}.cms-content-card-meta{font-size:0.8rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--svc-cms-blog-ink-soft);opacity:0.8;margin:0 0 0.4rem}.cms-content-card h2{font-size:1.25rem;margin:0 0 0.5rem;line-height:1.3}.cms-content-card p{margin:0;color:var(--svc-cms-blog-ink-soft);font-size:0.95rem}.cms-content>.cms-post h1{font-family:var(--svc-cms-blog-serif);font-weight:400;font-size:2.4rem;line-height:1.15;margin:0 0 1rem;color:var(--svc-cms-blog-ink)}.cms-post-meta{font-size:0.85rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--svc-cms-blog-ink-soft);opacity:0.8;margin:0 0 1.5rem}.cms-content>.cms-post .back-link{display:inline-block;margin:0 0 1.5rem;opacity:0.7;text-decoration:none;font-size:0.9rem;color:var(--svc-cms-blog-ink-soft)}.cms-content>.cms-post .back-link:hover{opacity:1;color:var(--svc-cms-blog-accent)}.cms-content>.cms-post .post-meta{font-size:0.85rem;color:var(--svc-cms-blog-ink-soft);margin:0 0 1rem}.cms-content>.cms-post .cms-category{display:inline-block;padding:0.2rem 0.65rem;background:rgba(61,89,68,0.08);border-radius:999px;font-size:0.75rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--svc-cms-blog-accent);font-weight:600}.cms-content>.cms-post .post-title,.cms-content>.cms-post h1.post-title{font-size:2.2rem;line-height:1.2;margin:0.5rem 0 1rem}.cms-content>.cms-post .cms-summary{padding:1rem 1.25rem;background:rgba(176,125,90,0.08);border-left:3px solid var(--svc-cms-blog-accent-warm);border-radius:0 6px 6px 0;margin:1.5rem 0}.cms-content>.cms-post .cms-summary p{margin:0;font-size:0.95rem}.cms-content>.cms-post .cms-takeaways{padding:1.25rem 1.5rem;background:rgba(61,89,68,0.05);border-radius:8px;margin:1.5rem 0}.cms-content>.cms-post .cms-takeaways-label{font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:700;color:var(--svc-cms-blog-accent);margin:0 0 0.6rem;display:block}.cms-content>.cms-post .cms-takeaways ul{margin:0;padding-left:1.25rem}.cms-content>.cms-post .cms-takeaways li{margin:0 0 0.4rem}.cms-content>.cms-post .cms-post-body h2{font-size:1.55rem;margin:2.25rem 0 0.75rem}.cms-content>.cms-post .cms-post-body h3{font-size:1.2rem;margin:1.75rem 0 0.5rem;color:var(--svc-cms-blog-accent)}.cms-content>.cms-post .cms-post-body p{margin:0 0 1.25rem}.cms-content>.cms-post .cms-post-body ul,.cms-content>.cms-post .cms-post-body ol{margin:0 0 1.25rem;padding-left:1.5rem}.cms-content>.cms-post .cms-post-body li{margin-bottom:0.5rem}.cms-content>.cms-post .cms-post-body blockquote{border-left:3px solid rgba(128,128,128,0.35);padding:0.5rem 0 0.5rem 1.25rem;margin:1.5rem 0;font-style:italic;color:var(--svc-cms-blog-ink-soft)}.cms-content>.cms-post .cms-post-body img{max-width:100%;height:auto;border-radius:6px;margin:1.5rem 0}.cms-content>.cms-post .cms-post-body a{color:var(--svc-cms-blog-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.cms-content>.cms-post .cms-post-body hr{border:none;border-top:1px solid rgba(128,128,128,0.25);margin:2.5rem 0}.blog-list-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:2.5rem 0 1.25rem;max-width:none}.blog-list-header .blog-list-title{margin:0;max-width:none;flex:1 1 auto;padding-left:0;padding-right:0;border-bottom:none;text-align:left}.blog-search{display:flex;align-items:stretch;gap:0;flex:0 0 auto}.blog-search-input{font-family:var(--svc-cms-blog-sans);font-size:0.9rem;padding:0.45rem 0.7rem;border:1px solid var(--svc-cms-blog-border);border-right:none;border-radius:6px 0 0 6px;background:var(--svc-cms-blog-bg);color:var(--svc-cms-blog-ink);min-width:180px;outline:none}.blog-search-input::placeholder{color:var(--svc-cms-blog-ink-soft);opacity:0.7}.blog-search-input:focus{border-color:var(--svc-cms-blog-accent)}.blog-search-btn{font-family:var(--svc-cms-blog-sans);font-size:0.85rem;letter-spacing:0.03em;padding:0.45rem 0.9rem;border:1px solid var(--svc-cms-blog-accent);background:var(--svc-cms-blog-accent);color:#fff;border-radius:0 6px 6px 0;cursor:pointer}.blog-search-btn:hover{background:var(--svc-cms-blog-accent-warm);border-color:var(--svc-cms-blog-accent-warm)}.blog-search{position:relative}.blog-search-suggest{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:4px;background:var(--svc-cms-blog-bg);border:1px solid var(--svc-cms-blog-border);border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,0.18);overflow:hidden;max-height:320px;overflow-y:auto}.blog-search-suggest-item{display:block;padding:0.5rem 0.75rem;font-family:var(--svc-cms-blog-sans);font-size:0.9rem;color:var(--svc-cms-blog-ink);text-decoration:none;border-bottom:1px solid var(--svc-cms-blog-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-search-suggest-item:last-child{border-bottom:none}.blog-search-suggest-item.active,.blog-search-suggest-item:hover{background:var(--svc-cms-blog-accent);color:#fff}@media(max-width:640px){.cms-content{padding:0 1rem}.cms-content-hero,.cms-content-card{flex-direction:column;gap:0.75rem}.cms-content-hero-img,.cms-content-card-img{width:100%;height:120px;min-width:unset;object-fit:cover}.cms-content-hero h2{font-size:1.5rem}.blog-list-header{flex-direction:column;align-items:stretch}.blog-search{width:100%}.blog-search-input{flex:1;min-width:0}}


/* CMBB tokens — must match centerformindbodybalance.com index.html exactly */
:root {
  --terracotta: #B8632A;
  --terracotta-light: #FAE9DC;
  --terracotta-dark: #4A2A0C;
  --terracotta-mid: #7A4515;
  --text: #1a1714;
  --text-muted: #6b6560;
  --text-hint: #9e9890;
  --bg: #fdfaf7;
  --bg-secondary: #f5f0ea;
  --border: rgba(26,23,20,0.12);
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', system-ui, sans-serif;
  --bg-card: #ffffff;
  --border-md: rgba(26,23,20,0.22);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --text-hint: #9e9890;
}

/* Page body inherits CMBB cream — without this the area outside .cms-content is browser-default white */
html, body {
  background: var(--bg);
  color: var(--text);
}

/* Fully override every blog-cms baseline token under the .cms-content scope */
.cms-content,
.cms-blog,
.cms-content>.cms-post {
  --svc-cms-blog-bg: var(--bg);
  --svc-cms-blog-ink: var(--text);
  --svc-cms-blog-ink-soft: var(--text-muted);
  --svc-cms-blog-accent: var(--terracotta);
  --svc-cms-blog-accent-warm: var(--terracotta-mid);
  --svc-cms-blog-border: var(--border);
  --svc-cms-blog-serif: 'Cormorant Garamond', Georgia, serif;
  --svc-cms-blog-sans: 'DM Sans', system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
}

/* Serif headings everywhere */
.cms-content h1,
.cms-content h2,
.cms-content h3,
.cms-content>.cms-post h1,
.cms-content>.cms-post h2,
.cms-content>.cms-post h3,
.cms-content>.cms-post .post-title {
  font-family: var(--serif);
  color: var(--text);
}

/* Listing eyebrow & meta colors anchored to CMBB muted */
.cms-content-hero-meta,
.cms-content-card-meta,
.cms-post-meta { color: var(--text-muted); }

/* Hover state on cards/hero → terracotta */
.cms-content-hero:hover h2,
.cms-content-card:hover h2,
.cms-content>.cms-post .back-link:hover { color: var(--terracotta); }

/* Category pill — terracotta tint instead of sage */
.cms-content>.cms-post .cms-category {
  background: rgba(184, 99, 42, 0.10);
  color: var(--terracotta);
}

/* TLDR block — warm terracotta tint, terracotta border */
.cms-content>.cms-post .cms-summary {
  background: rgba(184, 99, 42, 0.06);
  border-left-color: var(--terracotta);
}

/* Key takeaways block — warm cream tint, terracotta label */
.cms-content>.cms-post .cms-takeaways {
  background: var(--bg-secondary);
}
.cms-content>.cms-post .cms-takeaways-label { color: var(--terracotta); }

/* Inline links in post body → terracotta */
.cms-content>.cms-post .cms-post-body a { color: var(--terracotta); }

/* Section h3 in post body → terracotta */
.cms-content>.cms-post .cms-post-body h3 { color: var(--terracotta); }

/* Borders use CMBB warm muted instead of cool gray */
.cms-content-hero,
.cms-content-card,
.cms-content>.cms-post .cms-post-body hr,
.cms-content>.cms-post .cms-post-body blockquote { border-color: var(--border); }

/* ── SITE NAV — exactly matching index ── */
.site-nav {
  position: sticky; top: 0; z-index: 100;
  background: var(--bg);
  border-bottom: 1px solid var(--border);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 40px;
  height: 64px;
}
.nav-logo {
  font-family: var(--serif);
  font-size: 18px; font-weight: 500;
  color: var(--text); text-decoration: none;
  letter-spacing: 0.01em;
}
.nav-logo em { font-style: italic; color: var(--terracotta); }
.nav-links { display: flex; gap: 28px; list-style: none; margin: 0; padding: 0; }
.nav-links li { list-style: none; }
.nav-links a {
  font-family: var(--sans);
  font-size: 13px; font-weight: 400;
  color: var(--text-muted); text-decoration: none;
  letter-spacing: 0.02em;
  position: relative; padding-bottom: 4px;
  transition: color 0.2s;
}
.nav-links a:hover, .nav-links a.active { color: var(--terracotta); }
.nav-links a::after {
  content: ''; position: absolute; bottom: 0; left: 0;
  width: 0; height: 1.5px; background: var(--terracotta);
  transition: width 0.25s ease;
}
.nav-links a:hover::after, .nav-links a.active::after { width: 100%; }
.nav-cta {
  background: var(--terracotta); color: #fff;
  font-family: var(--sans); font-size: 13px; font-weight: 500;
  padding: 9px 20px; border-radius: 10px;
  text-decoration: none; border: none; cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
  position: relative; overflow: hidden;
}
.nav-cta:hover { background: var(--terracotta-dark); }
.nav-cta::after {
  content: ''; position: absolute; top: 0; left: -100%;
  width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
  transition: left 0.6s ease;
}
.nav-cta:hover::after { left: 130%; }
@media (max-width: 768px) {
  .site-nav { padding: 0 20px; }
  .nav-links { display: none; }
}

/* ── SITE FOOTER (RICH) — exactly matching index ── */
.site-footer-rich {
  background: var(--terracotta-dark);
  color: rgba(255,255,255,0.7);
  padding: 3.5rem 4vw 2rem;
  font-family: var(--sans);
  margin-top: 5rem;
}
.site-footer-rich .footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.4fr;
  gap: 3rem;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin-bottom: 1.5rem;
}
.site-footer-rich .footer-brand .nav-logo {
  display: block;
  margin-bottom: 1rem;
  color: #fff;
  font-family: var(--serif);
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: -0.005em;
}
.site-footer-rich .footer-brand .nav-logo em {
  color: var(--terracotta-light);
  font-style: italic;
}
.site-footer-rich .footer-tagline {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.55);
  line-height: 1.7;
  max-width: 34ch;
}
.site-footer-rich .footer-col h3 {
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
  margin-bottom: 1rem;
  font-family: var(--sans);
  font-weight: 500;
}
.site-footer-rich .footer-col a {
  display: block;
  font-size: 0.875rem;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  margin-bottom: 0.55rem;
  transition: color 0.2s;
  padding: 0.35rem 0;
  line-height: 1.4;
}
.site-footer-rich .footer-col a:hover { color: var(--terracotta-light); }
.site-footer-rich .footer-col .footer-text {
  display: block;
  font-size: 0.875rem;
  color: rgba(255,255,255,0.6);
  margin-bottom: 0.55rem;
  padding: 0.35rem 0;
  line-height: 1.4;
}
.site-footer-rich .footer-bottom {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.78rem;
  color: rgba(255,255,255,0.4);
  flex-wrap: wrap;
  gap: 0.5rem;
}
.site-footer-rich .footer-social {
  display: flex; gap: 12px;
  margin-top: 14px; padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.site-footer-rich .footer-social a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  background: rgba(255,255,255,0.06);
  border-radius: 50%;
  padding: 0;
  margin-bottom: 0;
  min-height: 36px;
  transition: background 0.2s, transform 0.2s;
}
.site-footer-rich .footer-social a:hover {
  background: var(--terracotta-light);
  transform: translateY(-1px);
}
.site-footer-rich .footer-social a:hover svg {
  fill: var(--terracotta-dark);
}
@media (max-width: 768px) {
  .site-footer-rich .footer-grid { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
}
@media (max-width: 480px) {
  .site-footer-rich .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .site-footer-rich { padding: 2.5rem 5vw 1.5rem; }
}


/* ─── blog hamburger menu (mobile nav access) ─── */
.blog-nav-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 12px;
  min-width: 44px;
  min-height: 44px;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
.blog-nav-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .blog-nav-toggle { display: flex; }
  /* When nav-links has .open, show it as a dropdown */
  .nav-links.open, ul.nav-main.open {
    display: flex !important;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bg, #fff);
    color: var(--text, #1a1a1a);
    padding: 16px 20px;
    gap: 14px;
    border-bottom: 1px solid var(--border, rgba(0,0,0,0.1));
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    z-index: 99;
    list-style: none;
  }
  .nav-links.open a, ul.nav-main.open a {
    padding: 10px 0;
    font-size: 15px;
    display: block;
  }
}


/* ─── blog tap target minimums (WCAG 2.5.5) ─── */
@media (max-width: 768px) {
  /* Tenant hamburger buttons inside blog header */
  .nav-toggle, .nav__hamburger, .hamburger, button.nav-burger,
  button[aria-label*="menu" i], button[aria-label*="Menu"] {
    min-width: 44px !important;
    min-height: 44px !important;
  }
  /* Blog post navigation + footer */
  .cms-content .back-link, .blog-site-header a, .blog-site-footer a { min-height: 44px; }
}


/* ───────────────────────────────────────────────────────────
   NAV — copied byte-for-byte from main site /var/www/cmbb/index.html
   (lines 368-402 + 1237-1285). KEEP IN SYNC if main site nav CSS changes.
   ─────────────────────────────────────────────────────────── */
.site-nav {
  position: sticky; top: 0; z-index: 100;
  background: var(--bg);
  border-bottom: 1px solid var(--border);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 40px;
  height: 64px;
}
.nav-logo {
  font-family: var(--serif);
  font-size: 18px; font-weight: 500;
  color: var(--text); text-decoration: none;
  letter-spacing: 0.01em;
}
.nav-logo em { font-style: italic; color: var(--terracotta); }
.nav-links { display: flex; gap: 28px; list-style: none; margin: 0; padding: 0; }
.nav-links a {
  font-size: 13px; font-weight: 400;
  color: var(--text-muted); text-decoration: none;
  letter-spacing: 0.02em;
  transition: color 0.2s;
}
.nav-links a:hover, .nav-links a.active { color: var(--terracotta); }
.nav-cta {
  background: var(--terracotta); color: #fff;
  font-family: var(--sans); font-size: 13px; font-weight: 500;
  padding: 9px 20px; border-radius: var(--radius-md, 10px);
  text-decoration: none; border: none; cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
}
.nav-cta:hover { background: var(--terracotta-dark); }
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; }
.hamburger span { width: 22px; height: 1.5px; background: var(--text); display: block; transition: all 0.3s; }

.nav-links a { position: relative; padding-bottom: 4px; }
.nav-links a::after {
  content: ''; position: absolute; bottom: 0; left: 0;
  width: 0; height: 1.5px; background: var(--terracotta);
  transition: width 0.25s ease;
}
.nav-links a:hover::after, .nav-links a.active::after { width: 100%; }

.btn-primary, .nav-cta { position: relative; overflow: hidden; }
.btn-primary::after, .nav-cta::after {
  content: ''; position: absolute; top: 0; left: -100%;
  width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
  transition: left 0.6s ease;
}
.btn-primary:hover::after, .nav-cta:hover::after { left: 130%; }

:focus-visible { outline: 2px solid var(--terracotta); outline-offset: 2px; border-radius: 3px; }
.btn-primary:focus-visible, .nav-cta:focus-visible { outline-offset: 3px; }

@media (max-width: 768px) {
  .site-nav { padding: 0 20px; }
  .nav-links, .nav-cta { display: none; }
  .hamburger { display: flex; }
  .nav-links.open {
    display: flex; flex-direction: column;
    position: absolute; top: 64px; left: 0; right: 0;
    background: var(--bg); border-bottom: 1px solid var(--border);
    padding: 16px 20px 20px; gap: 14px; z-index: 99;
  }
  .nav-links.open + .nav-cta { display: block; margin: 0 20px 16px; padding: 14px 22px; font-size: 14px; }
  .nav-links.open a { padding: 10px 0; font-size: 15px; }
  .hamburger { padding: 12px; margin-right: -12px; }
}