/* ============================================================================
   GoCheckMyEstate — SHARED SITE HEADER (disclosure bar + top nav)
   ONE source of truth for the header. Linked by every page. Do not paste
   header CSS inline anywhere else — edit here so the nav never drifts.
   Self-contained (hardcoded brand palette + font stacks) so it works whether
   or not the host page defines matching CSS variables.
   ============================================================================ */

.gc-disclosure{
  background:#2C382F;color:#D8DED4;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.03em;text-align:center;padding:6px 12px;
}

.gc-nav{
  border-bottom:1px solid #E5E4DF;
  background:rgba(247,244,236,.92);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  position:sticky;top:0;z-index:60;
}
.gc-nav .gc-bar{
  max-width:1180px;margin:0 auto;padding:12px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.gc-nav .gc-brand{
  display:flex;align-items:center;gap:9px;
  font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:17px;
  color:#2E3A31;text-decoration:none;flex:none;
}
.gc-nav .gc-brand .gc-mark{width:22px;height:22px;flex:none;display:inline-flex}
/* Family wordmark: shared neutral base ("GoCheckMy") + site-color italic site
   name. .gc-wm is the single flex item so the two words don't inherit the
   brand gap. Per site, set --wm-site to that site's brand color. */
.gc-nav .gc-brand .gc-wm{white-space:nowrap}
.gc-nav .gc-brand .gc-wm-site{color:var(--wm-site,#3F6B54);font-style:italic}
.gc-nav .gc-links{
  display:flex;align-items:center;gap:22px;
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
}
.gc-nav .gc-links::-webkit-scrollbar{display:none}
.gc-nav .gc-links a{
  font-family:'Inter',system-ui,sans-serif;font-size:13.5px;font-weight:500;
  color:#6B6E66;text-decoration:none;white-space:nowrap;
}
.gc-nav .gc-links a:hover{color:#2E3A31}
.gc-nav .gc-links a.active{color:#2E3A31;font-weight:600}
.gc-nav .gc-links .gc-soon{
  font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  background:#EAF0EA;color:#345A46;border-radius:99px;padding:2px 7px;margin-left:3px;
}

@media (max-width:640px){
  .gc-nav .gc-bar{flex-direction:column;align-items:stretch;gap:8px}
  .gc-nav .gc-links{gap:20px}
}
