/* ============================================================================
   GoCheckMyStorm — 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:#25313A;color:#D5DCE0;
  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 #E6DFCE;
  background:rgba(247,243,232,.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:#25313A;text-decoration:none;flex:none;
}
.gc-nav .gc-brand .gc-mark{width:22px;height:22px;flex:none;display:inline-flex}
.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:#5D6771;text-decoration:none;white-space:nowrap;
}
.gc-nav .gc-links a:hover{color:#25313A}
.gc-nav .gc-links a.active{color:#25313A;font-weight:600}
.gc-nav .gc-links .gc-soon{
  font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  background:#E6EDF1;color:#2F4757;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}
}