/* site-chrome.css - header, nav, drawer and footer styling, extracted
 * from mooregroup/index.html's inline <style> on 2026-08-07.
 *
 * WHY: subpages carry the chrome MARKUP but the rules only ever existed
 * inline on the homepage, so the nav rendered as unstyled links. This
 * file is the shared copy. If you restyle the homepage header or footer,
 * re-run templates/tools/extract-site-chrome-css.py and bump the ?v= on
 * every page that links this file, or subpages keep the old look.
 *
 * Generated - do not hand-edit.
 */
:root{
  --ink:#002244;
  --ink-2:#102A3F;
  --forest:#2E6F5E;
  --forest-dark:#1F5548;
  --brass:#69BE28;       
  --brass-text:#3D7A18;  
  --burgundy:#8C2735;
  --paper:#FFFFFF;
  --mist:#F3F6F4;
  --stone:#E6EBE8;
  --slate:#536271;
  --muted:#788695;
  --line:#DCE4E0;
  --shadow:0 1px 2px rgba(0,34,68,.06),0 18px 48px rgba(0,34,68,.10);
  --shadow-soft:0 12px 36px rgba(0,34,68,.08);
  --radius:18px;
  --apple-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
}
.footer-credits{margin-top:28px;padding:20px 20px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.78rem;color:#8AA0A2}
.footer-credits a{color:#8AA0A2;text-decoration:none;border-bottom:1px dotted rgba(191,161,91,.55);padding-bottom:1px}
.footer-credits a:hover{color:var(--brass);border-bottom-color:var(--brass)}
.brand{display:inline-flex;align-items:center;justify-content:center;height:100%;flex-shrink:0;margin:0}
.brand img{height:52px;width:auto;max-height:52px;display:block;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none;color:var(--slate);font-size:.96rem;font-weight:700;white-space:nowrap;margin:0;padding:0;height:100%}
.nav-links li{display:inline-flex;align-items:center;height:100%}
.nav-links li a{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;color:var(--ink);transition:color .15s}
.nav-links li a:hover{color:var(--forest)}
.nav-dropdown{position:relative;display:inline-flex;align-items:center;height:100%;cursor:pointer}
.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 44px rgba(0,34,68,.14);padding:10px 0;z-index:100;list-style:none}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}
.nav-dropdown-menu li{width:100%;height:auto}
.nav-dropdown-menu li a{display:block;padding:10px 20px;font-size:.88rem;color:var(--ink);font-weight:700;white-space:nowrap;transition:background .15s,color .15s}
.nav-dropdown-menu li a:hover{background:var(--mist);color:var(--forest)}
.quiz-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px}
footer{background:#001730;color:#BFCBC7;padding:54px 0 84px}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px;padding:0 24px}
footer h4{color:#fff;margin-bottom:12px;font-size:.86rem;letter-spacing:0;text-transform:none}
footer ul{list-style:none;display:grid;gap:8px}
footer a{color:#DCE7E3;font-size:.9rem}
footer p{color:#BFCBC7;font-size:.9rem}
.brand{min-width:0}
.brand strong{font-size:1.1rem}
.brand div > span{font-size:.58rem}
@media (max-width: 800px) {
  .search-grid,.quiz-options,.match-grid,.intent-grid,.area-grid,.listing-preview,.content-grid,.footer-grid{grid-template-columns:1fr}
}
footer{padding-bottom:92px}