/* The public site's shared header and footer (lib/public/siteChrome.mjs renders the markup).
   Linked by every static page in public/marketing/ and by the Next public pages. Everything is
   scoped to .sc-* so it cannot restyle a page, and no page style can reach in except by name.
   Light by default. .sc-auto follows prefers-color-scheme, for the pages that have a dark register.
   The logo follows docs/brand/LOGO.md (Eric, Oct 4, 2026): purple line and indigo wordmark on the
   light ground, gold line and ivory wordmark on the dark one, the terracotta dot and rule in both. */

.sc-header,.sc-footer{
  --sc-bg:transparent;--sc-ink:#2E2A5F;--sc-ink-2:#4A4A52;--sc-line:rgba(46,42,95,.14);
  --sc-cta-bg:#2E2A5F;--sc-cta-ink:#FFFFFF;--sc-focus:#6A4FB3;
  --sc-lg-line:#6A4FB3;--sc-lg-dot:#C97B5C;--sc-lg-word:#2E2A5F;--sc-lg-rule:#C97B5C;--sc-lg-tag:#5F5F68;
  background:var(--sc-bg);color:var(--sc-ink);
  font-family:var(--font-inter,"Inter"),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:15px;line-height:1.5;box-sizing:border-box;
}
@media (prefers-color-scheme:dark){
  .sc-auto{
    --sc-bg:transparent;--sc-ink:#F1EEF8;--sc-ink-2:#C4BCD8;--sc-line:rgba(255,255,255,.14);
    --sc-cta-bg:#E8B54B;--sc-cta-ink:#0E0A1F;--sc-focus:#E8B54B;
    --sc-lg-line:#E8B54B;--sc-lg-dot:#C97B5C;--sc-lg-word:#FAFAFC;--sc-lg-rule:#C97B5C;--sc-lg-tag:#CFC8EC;
    color-scheme:dark;
  }
}
.sc-header *,.sc-footer *{box-sizing:border-box}
.sc-header a,.sc-footer a{color:inherit;text-decoration:none}
.sc-header a:focus-visible,.sc-footer a:focus-visible{outline:2px solid var(--sc-focus);outline-offset:3px;border-radius:4px}

.sc-header{border-bottom:1px solid var(--sc-line);position:relative;z-index:50}
.sc-bar{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;
  justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.sc-brand{display:inline-flex;align-items:center;min-height:44px}
.sc-logo{display:block;height:40px;width:auto}
.sc-lg-line{stroke:var(--sc-lg-line)}
.sc-lg-dot{fill:var(--sc-lg-dot)}
.sc-lg-word{fill:var(--sc-lg-word)}
.sc-lg-rule{stroke:var(--sc-lg-rule)}
.sc-lg-tag{fill:var(--sc-lg-tag)}

.sc-nav ul,.sc-foot-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}
.sc-nav ul{gap:4px 22px}
.sc-nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:500;color:var(--sc-ink-2)}
.sc-nav a:hover,.sc-nav a[aria-current="page"]{color:var(--sc-ink)}
.sc-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.sc-nav .sc-cta{background:var(--sc-cta-bg);color:var(--sc-cta-ink);padding:0 18px;border-radius:8px;font-weight:600}
.sc-nav .sc-cta:hover{color:var(--sc-cta-ink);opacity:.92}

.sc-footer{border-top:1px solid var(--sc-line);margin-top:0}
.sc-foot{max-width:1200px;margin:0 auto;padding:40px 24px 36px;display:grid;gap:24px 40px;
  grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.sc-foot-brand .sc-logo{height:36px}
.sc-foot-nav ul{gap:4px 22px}
.sc-foot-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--sc-ink-2)}
.sc-foot-nav a:hover{color:var(--sc-ink);text-decoration:underline}
.sc-signup{grid-column:1 / -1}
.sc-copy{grid-column:1 / -1;margin:0;padding-top:16px;border-top:1px solid var(--sc-line);font-size:14px;color:var(--sc-ink-2)}

@media (max-width:720px){
  .sc-bar{padding:10px 16px}
  .sc-logo{height:34px}
  .sc-nav ul{gap:0 16px}
  .sc-foot{grid-template-columns:minmax(0,1fr);padding:32px 16px 28px}
}
@media (forced-colors:active){
  .sc-lg-word,.sc-lg-tag,.sc-lg-dot{fill:CanvasText}
  .sc-lg-line,.sc-lg-rule{stroke:CanvasText}
  .sc-nav .sc-cta{border:1px solid ButtonText}
}
@media print{.sc-header,.sc-footer{display:none}}