/* ==== GSR primary menu v3 (2026-10-17) — site-wide, paste at Appearance → Customize → Additional CSS, Save Changes.
   Pairs with classic menu 1707 "Main Menu v3 (2026-10-17)". Two menu-item classes carry the design:
     gsr-nav-cta   on "Support"   → rust button at the end of the bar
     gsr-nav-cols  on "Community" → two-column dropdown (12 items) instead of a 12-row list
   Everything else here is dropdown polish that applies to every menu: width, spacing, hover.
   Desktop rules are scoped to 992px and up, where Davenport shows the bar; the hamburger below that is left to the theme.
   Rollback: delete this block in Additional CSS and Save; the menu then renders in the theme's default styling.
   Customizer keeps the last 25 CSS versions ("See full history"), so the previous CSS can also be restored from there. ==== */

@media (min-width:992px){

/* the bar: a touch more air between items, no change to the theme's rules above and below it */
html body header.main-header .navbar-collapse ul.nav > li.menu-item > a{padding:15px 14px 14px 14px !important;letter-spacing:1.3px !important;}

/* dropdowns: one width, one rhythm, a thin navy rule on top */
html body header.main-header .navbar-collapse ul.nav > li.menu-item > ul.sub-menu{min-width:260px !important;width:260px !important;padding:8px 0 !important;border-top:3px solid #1a2e4a !important;box-shadow:0 10px 28px rgba(26,46,74,.14) !important;}
html body header.main-header .navbar-collapse ul.nav ul.sub-menu > li.menu-item > a{font-family:Georgia,'Times New Roman',serif !important;font-size:15px !important;line-height:20px !important;padding:8px 20px !important;color:#23211e !important;}
html body header.main-header .navbar-collapse ul.nav ul.sub-menu > li.menu-item > a:hover,
html body header.main-header .navbar-collapse ul.nav ul.sub-menu > li.menu-item > a:focus{color:#b14a37 !important;background:#faf5ef !important;}

/* Community: twelve items in two columns. Menu order puts the seven beats first (left column) and the five
   take-part pages after them (right column); seven rows keeps the columns pure. */
html body header.main-header .navbar-collapse ul.nav > li.menu-item.gsr-nav-cols > ul.sub-menu{display:grid !important;grid-template-columns:1fr 1fr !important;grid-auto-flow:column !important;grid-template-rows:repeat(7,auto) !important;min-width:520px !important;width:520px !important;column-gap:0 !important;}
html body header.main-header .navbar-collapse ul.nav > li.menu-item.gsr-nav-cols > ul.sub-menu > li:nth-child(-n+7){border-right:1px solid #e6e0d6 !important;}
html body header.main-header .navbar-collapse ul.nav > li.menu-item.gsr-nav-cols > ul.sub-menu > li:nth-child(n+8){border-left:0 !important;}

/* Support: the one call to action, a rust button */
html body header.main-header .navbar-collapse ul.nav > li.menu-item.gsr-nav-cta > a{background:#b14a37 !important;color:#ffffff !important;padding:8px 14px 8px 14px !important;margin:6px 0 0 10px !important;line-height:18px !important;border-radius:0 !important;}
html body header.main-header .navbar-collapse ul.nav > li.menu-item.gsr-nav-cta > a:hover,
html body header.main-header .navbar-collapse ul.nav > li.menu-item.gsr-nav-cta > a:focus{background:#1a2e4a !important;color:#ffffff !important;}
html body header.main-header .navbar-collapse ul.nav > li.menu-item.gsr-nav-cta > a::after{display:none !important;}

}

/* hamburger (under 992px): Support stays a plain row but reads in rust so it is still the call to action */
@media (max-width:991px){
html body header.main-header .navbar-collapse ul.nav > li.menu-item.gsr-nav-cta > a{color:#b14a37 !important;font-weight:700 !important;}
}
/* ==== FALLBACK ONLY. Use if Customize → Additional CSS → "See full history" cannot restore the pre-2026-10-17 version.
   Part A is recovered verbatim (values as rendered) from Jetpack Boost's critical-CSS snapshot of the front page, which still
   held the old Additional CSS nav rules after they vanished from the live stylesheets. Part B is a reconstruction of the
   9/18/26 fact-check phone fix from its documented spec, NOT a recovered copy: VERIFY against the Customizer history or the
   9/18 session notes before relying on it. Anything else that was in the old Additional CSS is not recoverable from here.
   Paste order: Part A, Part B, then the whole of GSR_Menu_v3_Customizer_CSS_2026-10-17.css. ==== */

/* ---- Part A: primary nav, recovered from the Boost critical-CSS snapshot ---- */
.mainmenu .nav > li > a, .navbar .nav > li > a { position: relative; font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #23211e !important; padding: 15px 16px 14px !important; line-height: 18px !important; }
.nav > li .sub-menu, .nav > li > .sub-menu { min-width: 250px; margin-top: 0 !important; border-top: 3px solid #1a2e4a !important; background: #ffffff !important; box-shadow: 0 10px 28px rgba(26,46,74,.14) !important; padding: 6px 0 !important; }
.nav .sub-menu li.menu-item > a { min-width: 250px; font-family: Georgia, "Times New Roman", serif !important; font-size: 15px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #23211e !important; padding: 9px 22px !important; border-bottom: 1px solid #eee9e1 !important; }
.nav .sub-menu li.menu-item:last-child > a { border-bottom: 0 !important; }
@media (max-width: 991px) {
  .navbar .nav > li > a { text-align: left; padding: 12px 16px !important; }
  .nav > li .sub-menu, .nav > li > .sub-menu { box-shadow: none !important; border-top: 0 !important; margin-top: 0 !important; left: 0 !important; }
  .nav > li > .sub-menu { left: 0; width: 100% !important; position: relative !important; }
  .nav > li > .sub-menu > li { width: 100% !important; }
  .nav .sub-menu li.menu-item > a { padding-left: 32px !important; border: 0 !important; }
}

/* ---- Part B: fact-check table phone fix (9/18/26 spec; reconstruction, VERIFY) ----
   Spec recorded 9/18: @media (max-width:640px) reduce article padding to 18px, make the table scroll sideways, scale the
   title and dek down. Doubled class selectors beat each article's own inline style at equal specificity. */
@media (max-width: 640px) {
  .gsr-article.gsr-article { padding-left: 18px !important; padding-right: 18px !important; }
  .gsr-factcheck.gsr-factcheck { display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; max-width: 100% !important; }
  .gsr-article.gsr-article h1, .gsr-article.gsr-article .gsr-title { font-size: 28px !important; line-height: 34px !important; }
  .gsr-article.gsr-article .gsr-dek { font-size: 17px !important; line-height: 26px !important; }
}
/* ============================================================
   GSR Profile Tab Icons v1 — 2026-10-27
   Granite State Report · granitestatereport.com
   Paste into Appearance > Customize > Additional CSS, then Publish.

   WHY: gsr-civic-pages.css styles .gsrcp-tab__ico as
   background:currentColor masked by var(--i), and defines --i for
   profile, saved, comments, reps, verify and seat only. The People
   and Community tabs ship no --i, so the mask is invalid, the mask
   is dropped, and the 17x17 box paints as a solid rust square.
   This sets --i for those two tabs and adds a low-specificity
   fallback so a future tab can never paint as a bare square again.

   ROLLBACK: delete everything between the GSR-TAB-ICONS markers
   and click Publish. Nothing else on the site changes.
   ============================================================ */

/* ---- GSR-TAB-ICONS START ---- */

/* Fallback: any tab with no icon of its own gets a target glyph,
   never a solid block. Specificity 0,1,0 — every per-tab rule in
   gsr-civic-pages.css (0,2,0) still wins over this. */
.gsrcp-tab__ico {
  --i: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8.5'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='2.2'/%3E%3C/svg%3E");
}

/* People — two figures */
.gsrcp-tab--people .gsrcp-tab__ico,
.gsrcp-tab--members .gsrcp-tab__ico,
.gsrcp-tab--friends .gsrcp-tab__ico,
.gsrcp-tabs a[href*="tab=people"] .gsrcp-tab__ico,
.gsrcp-tabs a[href*="tab=members"] .gsrcp-tab__ico,
.gsrcp-tabs a[href*="tab=friends"] .gsrcp-tab__ico {
  --i: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='9'%20cy='8'%20r='3.4'/%3E%3Cpath%20d='M3%2020c.8-3.7%203.1-5.7%206-5.7s5.2%202%206%205.7'/%3E%3Ccircle%20cx='17.6'%20cy='9.6'%20r='2.4'/%3E%3Cpath%20d='M16.4%2014.7c2.6.2%204.4%201.9%205.1%204.7'/%3E%3C/svg%3E");
}

/* Community — group of three */
.gsrcp-tab--community .gsrcp-tab__ico,
.gsrcp-tab--coalitions .gsrcp-tab__ico,
.gsrcp-tab--contribute .gsrcp-tab__ico,
.gsrcp-tab--posts .gsrcp-tab__ico,
.gsrcp-tabs a[href*="tab=community"] .gsrcp-tab__ico,
.gsrcp-tabs a[href*="tab=coalitions"] .gsrcp-tab__ico,
.gsrcp-tabs a[href*="tab=contribute"] .gsrcp-tab__ico,
.gsrcp-tabs a[href*="tab=posts"] .gsrcp-tab__ico {
  --i: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='7'%20r='3'/%3E%3Ccircle%20cx='4.6'%20cy='10.1'%20r='2.1'/%3E%3Ccircle%20cx='19.4'%20cy='10.1'%20r='2.1'/%3E%3Cpath%20d='M7%2019.6c.5-3.2%202.3-5.1%205-5.1s4.5%201.9%205%205.1'/%3E%3Cpath%20d='M2%2019.6c.3-2.6%201.3-4.1%202.8-4.4'/%3E%3Cpath%20d='M22%2019.6c-.3-2.6-1.3-4.1-2.8-4.4'/%3E%3C/svg%3E");
}

/* ---- GSR-TAB-ICONS END ---- */


/* ============================================================
   OPTIONAL — active-tab contrast. Delete this block if you want
   the current look. The selected tab is a navy pill with rust
   text: 2.55:1 against the pill. WCAG AA needs 4.5:1 for bold
   14px text. White on that navy is 13.69:1. gsr-civic-pages.css
   already asks for white here; something later in the cascade is
   overriding it, so this restores the original intent.
   ROLLBACK: delete between the GSR-TAB-CONTRAST markers, Publish.
   ============================================================ */

/* ---- GSR-TAB-CONTRAST START ---- */
body .gsrcp .gsrcp-tabs .gsrcp-tab[aria-current="page"] {
  color: #fff !important;
}
/* ---- GSR-TAB-CONTRAST END ---- */