/* Shared site nav and footer for the public assembly pages.

   Every selector is prefixed sn- (nav) or sf- (footer) so this file can sit on
   any page, including reserve.html with its own stylesheet, without touching
   that page's styles. The markup lives in scripts/site_chrome.py, which copies
   it between the SITE NAV / SITE FOOTER markers in each page; edit it there and
   re-run the script, not page by page. */

.sn{background:#0b1a30;color:#fff;font-family:'Open Sans',-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size:14px;line-height:1.3;position:relative;z-index:50}
.sn *{box-sizing:border-box}
.sn-in{max-width:1040px;margin:0 auto;padding:0 16px;display:flex;align-items:center;
  gap:12px;min-height:52px}
.sn-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;
  font-family:'Oswald','Arial Narrow','Helvetica Neue',Arial,sans-serif;font-weight:600;font-size:16px;letter-spacing:.02em;
  white-space:nowrap;margin-right:auto}
.sn-brand img{height:30px;width:auto;display:block}
.sn-brand small{display:block;font-family:'Open Sans',sans-serif;font-weight:600;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:#e6cf94}
.sn-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.sn-links a{display:block;color:#d6deea;text-decoration:none;padding:8px 9px;border-radius:7px;
  font-weight:600;white-space:nowrap}
.sn-links a:hover{color:#fff;background:rgba(255,255,255,.08)}
.sn-links a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 #c8a24a;border-radius:0}
.sn-links a.sn-members{background:#c8a24a;color:#10233f;margin-left:8px;padding:8px 14px;
  border-radius:8px}
.sn-links a.sn-members:hover{background:#e6cf94;color:#10233f}
.sn-links a.sn-members[aria-current="page"]{box-shadow:none}
.sn-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;
  border-radius:8px;padding:7px 11px;font:inherit;font-weight:700;cursor:pointer;width:auto;margin:0}
.sn-toggle:hover{background:rgba(255,255,255,.08)}

/* 1000px, not 900: ten items (Color Corps added 2026-10-29) no longer fit in a row below that */
@media (max-width:1000px){
  .sn-toggle{display:block}
  .sn-links{display:none;position:absolute;left:0;right:0;top:100%;background:#0b1a30;
    flex-direction:column;align-items:stretch;padding:6px 12px 14px;
    border-bottom:3px solid #c8a24a;box-shadow:0 10px 24px rgba(0,0,0,.25)}
  .sn.open .sn-links{display:flex}
  .sn-links a{padding:12px 10px;font-size:16px}
  .sn-links a[aria-current="page"]{box-shadow:inset 3px 0 0 #c8a24a;border-radius:0}
  .sn-links a.sn-members{margin:8px 0 0;text-align:center}
}

.sf{background:#10233f;color:#c3cddd;padding:28px 0 32px;margin-top:24px;text-align:left;font-size:13.5px;line-height:1.6;
  font-family:'Open Sans',-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.sf *{box-sizing:border-box}
.sf-in{max-width:1040px;margin:0 auto;padding:0 16px;display:grid;gap:22px;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.sf b{color:#fff}
.sf a{color:#e6cf94}
.sf h4{font-family:'Oswald','Arial Narrow',Arial,sans-serif;font-weight:600;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:#e6cf94;margin:0 0 6px}
.sf ul{list-style:none;margin:0;padding:0}
.sf li{margin:2px 0}
.sf-lic{max-width:1040px;margin:18px auto 0;padding:14px 16px 0;border-top:1px solid #23395c;
  color:#8fa0bb;font-size:12px}