/* BridgePath Counseling — shared site chrome (header, nav, footer).
   Palette and type taken from the BPC Welcome Packet (Sept 2026). */
:root{
  --bpc-bg:#faf6ef; --bpc-bg2:#f2ece1; --bpc-surface:#ffffff; --bpc-surface2:#f6f1e8;
  --bpc-ink:#2f2f2d; --bpc-muted:#6a655b; --bpc-line:#e4dccd;
  --bpc-sage:#598c7b; --bpc-sage-deep:#3f6657; --bpc-sage-light:#bcc099;
  --bpc-rust:#a95e1e; --bpc-coral:#d75e3d; --bpc-cream:#f3d4be; --bpc-olive:#6f5f2d;
  --bpc-serif:Georgia,"Iowan Old Style","Palatino Linotype",serif;
  --bpc-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bpc-bg:#161917; --bpc-bg2:#1d211e; --bpc-surface:#222723; --bpc-surface2:#1b201c;
    --bpc-ink:#eef2ec; --bpc-muted:#a6ab9f; --bpc-line:#333a35;
    --bpc-sage:#7fb6a1; --bpc-sage-deep:#9fcab9; --bpc-rust:#e0995c; --bpc-cream:#e9d3bb;
  }
}
.bpc-top{position:sticky;top:0;z-index:50;padding:12px 16px 0}
.bpc-bar{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:var(--bpc-surface);border:1px solid var(--bpc-line);border-radius:999px;
  padding:8px 10px 8px 16px;box-shadow:0 2px 10px rgba(47,47,45,.07)}
.bpc-brand{display:flex;align-items:center;text-decoration:none}
.bpc-brand img{height:40px;width:auto;display:block}
.bpc-nav{display:flex;gap:2px;flex-wrap:wrap;margin-left:auto;align-items:center}
.bpc-nav a,.bpc-nav span{font:600 13.5px/1 var(--bpc-sans);color:var(--bpc-ink);text-decoration:none;
  padding:9px 12px;border-radius:999px;white-space:nowrap}
.bpc-nav a:hover{background:var(--bpc-surface2);color:var(--bpc-sage-deep)}
.bpc-nav a[aria-current="page"]{background:var(--bpc-sage-deep);color:#fff}
.bpc-nav span{color:var(--bpc-muted);opacity:.75;cursor:default}
.bpc-crisis{font:700 13px/1 var(--bpc-sans);background:var(--bpc-coral);color:#fff!important;
  padding:10px 14px;border-radius:999px;text-decoration:none;white-space:nowrap}
.bpc-menu{display:none}
@media (max-width:820px){
  .bpc-top{padding:8px 16px 0}
  .bpc-bar{border-radius:20px}
  .bpc-menu{display:inline-flex;margin-left:auto;font:600 13px var(--bpc-sans);background:var(--bpc-surface2);
    border:1px solid var(--bpc-line);color:var(--bpc-ink);border-radius:999px;padding:9px 14px;cursor:pointer}
  .bpc-nav{display:none;width:100%;margin:0;padding:4px 0 6px;flex-direction:column;align-items:stretch}
  .bpc-bar.open .bpc-nav{display:flex}
  .bpc-crisis{order:2}
}
.bpc-foot{max-width:1120px;margin:56px auto 24px;padding:22px 16px 0;border-top:1px solid var(--bpc-line);
  font:14px/1.6 var(--bpc-sans);color:var(--bpc-muted)}
.bpc-foot strong{color:var(--bpc-ink)}
.bpc-foot a{color:var(--bpc-sage-deep)}
.bpc-foot .values{font-family:var(--bpc-serif);font-style:italic;color:var(--bpc-ink);margin:12px 0}
.bpc-lifeline{display:inline-flex;gap:12px;align-items:center;margin-top:6px;text-decoration:none;color:var(--bpc-ink)!important;
  background:var(--bpc-surface);border:1px solid var(--bpc-line);border-radius:14px;padding:10px 14px}
.bpc-lifeline b{background:var(--bpc-coral);color:#fff;border-radius:10px;padding:8px 10px;font-size:15px}
.bpc-lifeline small{display:block;color:var(--bpc-muted)}
.mock-flag{background:#fff3c4;color:#5a4500;border:1px dashed #c9a400;border-radius:6px;padding:1px 6px;font:600 12px var(--bpc-sans);white-space:nowrap}

.bpc-email{display:inline-block;background:var(--bpc-sage-deep);color:#fff!important;text-decoration:none;font:600 14px var(--bpc-sans);padding:9px 16px;border-radius:999px;margin-right:8px}
.bpc-email:hover{filter:brightness(1.1)}
.bpc-emailnote{font-size:13.5px;color:var(--bpc-muted)}
/* 8-item nav */@media (min-width:821px){.bpc-nav a,.bpc-nav span{padding:9px 9px;font-size:13px}.bpc-brand img{height:36px}.bpc-bar{flex-wrap:nowrap}.bpc-crisis{padding:9px 12px;font-size:12.5px}}
/* 9-item nav */@media (min-width:821px){.bpc-nav{gap:0}.bpc-nav a,.bpc-nav span{padding:8px 6px;font-size:12px}.bpc-brand img{height:36px}.bpc-bar{flex-wrap:nowrap}.bpc-crisis{padding:9px 12px;font-size:12.5px}}
/* 10-item nav (Blog added 7 Oct 2026) */@media (min-width:1001px){.bpc-nav{flex-wrap:nowrap}.bpc-nav a,.bpc-nav span{padding:8px 5px;font-size:11.5px;white-space:nowrap}}@media (min-width:1001px) and (max-width:1100px){.bpc-brand img{height:30px}.bpc-bar{gap:8px;padding-left:12px;padding-right:12px}.bpc-nav a,.bpc-nav span{padding:7px 4px;font-size:10.5px}.bpc-crisis{padding:8px 10px;font-size:11.5px}}