/* state-chrome.css — state index pages (/ohio/, /florida/, /north-carolina/, /south-carolina/, /dc/, /texas/) use the
   region masthead + bottom bar (Evan 2026-10-12 8:03/8:04 AM, locked standard). Rules below are copied from the
   Northeast Ohio region page (mast, pennants, wordmark, bottom bar, count pill) by scripts/state-chrome.py; the state
   page mast has NO Menu/Search/Calendar/Location buttons and the wordmark is CENTERED at every width (phone included),
   flags centered above it. Generated file: edit scripts/state-chrome.py, not this file. */
.mock-mast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #E0D2BA;
    color: #1A1510;
    padding: 10px 14px;
  }
.mock-brand { display: flex; flex-direction: column; align-items: center; min-width: 0; }
.mock-brand .pennants { display: block; width: 59px; height: 15px; }
.mock-word {
    display: inline-flex;
    align-items: baseline;
    gap: .22em;
    margin: 2px 0 0;
    font-family: "Fraunces", Georgia, serif;
    font-weight: 900;
    font-style: normal;
    font-size: 22px;
    line-height: 1;
    letter-spacing: -.014em;
  }
.mock-word a {
    display: inline-flex;
    align-items: baseline;
    gap: .22em;
    color: inherit;
    text-decoration: none;
  }
.mock-word .fest { color: #1A1510; }
.mock-word .gaz { color: #9C341F; letter-spacing: .018em; }
.mock-word .dia {
    width: 5px; height: 5px; background: #9C341F;
    transform: rotate(45deg); display: inline-block; flex-shrink: 0; margin: 0 .02em .2em;
  }
nav.mock-bottom-nav.fg-top-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    z-index: 30;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    overflow: visible;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 7px 14px;
    background: #C4B08A;
    color: #1A1510;
    font: 500 14px/1.2 Barlow, sans-serif;
    letter-spacing: .01em;
    white-space: nowrap;
  }
nav.mock-bottom-nav.fg-top-nav a {
    color: #1A1510;
    text-decoration: none;
    white-space: nowrap;
  }
nav.mock-bottom-nav.fg-top-nav a:hover { text-decoration: underline; }
nav.mock-bottom-nav .mock-match-count {
    flex: none;
    margin-right: 4px;
    background: #9C341F;
    color: #FBF7EE;
    border: 1px solid #9C341F;
    border-radius: 999px;
    padding: 2px 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
  }
nav.mock-bottom-nav .mock-match-count[hidden] { display: none !important; }
nav.mock-bottom-nav .fg-top-nav-brand { font-weight: 700; }
nav.mock-bottom-nav .fg-top-nav-dia {
    flex: none;
    width: 7px;
    height: 7px;
    margin: 0 2px;
    background: #1A1510;
    transform: rotate(45deg);
  }
nav.mock-bottom-nav .fg-top-nav-here {
    font-weight: 600;
    color: #1A1510;
    white-space: nowrap;
  }
nav.mock-bottom-nav.fg-top-nav { overflow: visible; }
nav.mock-bottom-nav .trail-scroll {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
nav.mock-bottom-nav .trail-scroll::-webkit-scrollbar {
    display: none;
    height: 0;
  }
nav.mock-bottom-nav .trail-scroll a,
  nav.mock-bottom-nav .trail-scroll .fg-top-nav-dia,
  nav.mock-bottom-nav .trail-scroll .fg-top-nav-here {
    flex-shrink: 0;
  }
@media (min-width: 760px) {
header.mock-mast {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      justify-items: center;
      height: auto;
      min-height: 0;
      column-gap: 0;
    }
header.mock-mast .mock-brand {
      grid-column: 1 / -1;
      grid-row: 1;
      justify-self: center;
      align-self: center;
      margin: 0;
      z-index: 0;
    }
}
header.mock-mast { position: sticky; top: 0; z-index: 15; background: #E0D2BA; }
header.mock-mast { position: sticky; top: 0; z-index: 15; background: #E0D2BA; }
/* state-page overrides */
header.mock-mast.fg-state-mast { display: flex; height: 64px; box-sizing: border-box; justify-content: center; align-items: center; position: sticky; top: 0; z-index: 15; background: #E0D2BA; }
header.mock-mast.fg-state-mast .mock-brand { align-items: center; margin: 0 auto; grid-column: auto; justify-self: center; }
body.hub { padding-bottom: 64px; }
/* all-states trail (Evan 2026-10-12 8:42 AM): every live state linked; current state bold; scrolls inside the bar on phones */
nav.fg-state-bar .trail-scroll { min-width: 0; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
nav.fg-state-bar .trail-scroll a.fg-state-link { font-weight: 400; }
nav.fg-state-bar .trail-scroll .fg-top-nav-here { font-weight: 700; }
nav.fg-state-bar .mock-match-count { flex: 0 0 auto; }

/* Other states row on state pages (Evan 2026-10-12 8:56 AM: true-path trail; other live states moved here) */
.fg-other-states{max-width:1180px;margin:22px auto 8px;padding:12px 20px 0;border-top:1px solid #d9c9ad;font:13px/1.6 Helvetica,Arial,sans-serif;color:#6b5a48;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.fg-other-states .fg-other-label{font:italic 700 15px Georgia,serif;color:#211a14;margin-right:4px}
.fg-other-states a{color:#a83a24;text-decoration:none;font-weight:600}.fg-other-states a:hover{text-decoration:underline}