/* Mobile navigation stays visible without a menu toggle. */
@media (max-width: 900px) {
  body > header, .site-header, .site-head, .topnav, header.header {position:relative !important;top:auto !important;}
  header > .container, header > .wrap, header > .shell, header > .wrapper, header > .navinside {display:flex !important;flex-wrap:wrap !important;align-items:center;justify-content:space-between;gap:12px !important;padding-top:14px;padding-bottom:14px;}
  header .menu-button {display:none !important;}
  header nav, header nav.nav, header nav.nav.is-open, .topnav nav {
    display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));
    position:static !important;inset:auto !important;flex-basis:100%;width:100%;min-width:0;
    gap:7px !important;margin:0 !important;padding:0 !important;background:transparent !important;box-shadow:none !important;
  }
  header nav a, header nav a.nav-cta, header nav a.cta, header nav a.highlight {
    display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;
    padding:8px 6px !important;margin:0 !important;border:1px solid #83947b55;border-radius:5px;
    font-size:11px !important;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:break-word;
    font-weight:700;letter-spacing:0;background:#8a998515;color:inherit;
  }
  header nav a:hover, header nav a:focus-visible {background:#bbcba633;}
  header nav a.nav-cta, header nav a.cta, header nav a.highlight {background:#efdd22 !important;color:#142318 !important;}
}

/* Labeled groups distinguish tennis activities from business services. */
header > .container, header > .wrap, header > .shell, header > .wrapper, header > .navinside {flex-wrap:wrap;}
header nav, header nav.nav, header nav.nav.is-open, .topnav nav {display:flex !important;flex-wrap:wrap;align-items:stretch !important;gap:12px !important;width:100%;flex-basis:100%;margin:0 !important;padding:0 !important;background:transparent !important;position:static !important;box-shadow:none !important;}
header .header-inner {padding-top:14px;padding-bottom:14px;}
header .menu-button {display:none !important;}
header .nav-group {flex:1 1 240px;min-width:0;padding:12px;border-radius:8px;border:1px solid #d8e2d3;color:#183523;}
header .nav-group-play {background:#e7f1e5;border-top:4px solid #327644;}
header .nav-group-community {background:#f2f2ed;border-top:4px solid #879185;}
header .nav-group-business {background:#fff3cd;border-top:4px solid #bd8b22;}
header .nav-group-title {display:block;font-size:10px;line-height:1.4;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;color:#28422f;}
header .nav-group-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
header nav .nav-group a, header nav .nav-group a.nav-cta, header nav .nav-group a.cta, header nav .nav-group a.highlight {display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 7px !important;margin:0 !important;border:1px solid #99ad922e;border-radius:5px;font-size:11px !important;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:break-word;font-weight:700;letter-spacing:0;background:#ffffffb8 !important;color:#193c25 !important;}
header nav .nav-group a:hover, header nav .nav-group a:focus-visible {background:#fff !important;border-color:#52764c;}
header nav .nav-group a[aria-current="page"] {border-color:#327644;box-shadow:inset 0 -2px #327644;}
@media(min-width:901px) {header.site-header {position:relative;} header .header-inner {gap:14px;} }
@media(max-width:900px) {
 header nav, header nav.nav, header nav.nav.is-open, .topnav nav {display:flex !important;gap:9px !important;}
 header .nav-group {flex-basis:100%;padding:10px;}
 header .nav-group-links {grid-template-columns:repeat(3,minmax(0,1fr));}
 header nav .nav-group a {min-height:44px;}
}