/* Glass Courts — glasscourts.com */
:root{
  --navy:#0a2d5c; --blue:#1668c4; --bright:#2f8fe8; --sky:#e8f2fc;
  --ink:#16283f; --grey:#5a6b80; --line:#d5e2ef; --ball:#f7c948;
  --card:#ffffff; --bg:#f6fafd;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;font-size:16px}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.wrap{max-width:1140px;margin:0 auto;padding:0 18px}

/* Header */
header.site{background:var(--navy);color:#fff}
.topbar{display:flex;align-items:center;gap:16px;padding:10px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:bold;font-size:1.25rem;letter-spacing:.2px}
.logo:hover{text-decoration:none}
.logo img{width:34px;height:34px}
.logo span em{font-style:normal;color:var(--ball)}
nav.main{margin-left:auto}
nav.main ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
nav.main a{color:#dcecfb;padding:8px 13px;border-radius:6px;font-weight:bold;font-size:.95rem;letter-spacing:.4px}
nav.main a:hover{background:rgba(255,255,255,.12);text-decoration:none}
nav.main a.active{background:var(--blue);color:#fff}

/* Slim hero (standing spec) */
.hero{background:linear-gradient(180deg,#0d3a75,#0a2d5c);color:#fff;padding:26px 0}
.hero h1{font-size:2rem;margin:0 0 8px;line-height:1.2}
.hero p.lede{font-size:1.02rem;max-width:760px;margin:0;color:#dcecfb}
.hero .cta-row{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.hero-photo{margin:0;background:#0a2d5c}
.hero-photo img{width:100%;height:auto}
.hero-photo figcaption{max-width:1140px;margin:0 auto;padding:7px 18px;font-size:.8rem;color:#9db9d8;background:#0a2d5c}
.btn{display:inline-block;background:var(--ball);color:#16283f;font-weight:bold;padding:10px 18px;border-radius:8px}
.btn:hover{text-decoration:none;filter:brightness(1.06)}
.btn.ghost{background:transparent;color:#fff;border:2px solid #7fb2e8}

/* Verified ticker */
.ticker{background:var(--sky);border-bottom:1px solid var(--line);font-size:.9rem;color:var(--navy);padding:8px 0}
.ticker strong{color:var(--blue)}

/* People strip */
.strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 4px}
.strip figure{margin:0}
.strip img{width:100%;height:210px;object-fit:cover;border-radius:10px}
.strip figcaption{font-size:.75rem;color:var(--grey);margin-top:4px}

/* Sections & cards */
section.block{padding:26px 0 8px}
h2{font-size:1.45rem;color:var(--navy);margin:0 0 10px}
h3{font-size:1.12rem;color:var(--navy);margin:18px 0 6px}
p{margin:0 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px;margin:14px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}
.card h3{margin:0;font-size:1.05rem}
.card p{margin:0;font-size:.93rem;color:#33475e}
.card .meta{font-size:.85rem;color:var(--grey)}
.card .go{margin-top:auto;font-weight:bold;font-size:.92rem}
.door{border-top:5px solid var(--blue)}
.door h3{font-size:1.2rem}
.badge{display:inline-block;background:var(--ball);color:#5c4300;font-size:.72rem;font-weight:bold;padding:2px 8px;border-radius:20px;letter-spacing:.4px;text-transform:uppercase}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{background:var(--sky);color:var(--navy);font-size:.78rem;padding:3px 9px;border-radius:20px}
.chip.pb{background:#e7f6e3;color:#2c5c1e}

/* Club pages */
.crumbs{font-size:.85rem;color:var(--grey);padding:14px 0 0}
.crumbs a{color:var(--grey)}
.facts{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin:16px 0}
.facts table{width:100%;border-collapse:collapse}
.facts th{text-align:left;color:var(--navy);width:170px;padding:7px 10px 7px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:.92rem}
.facts td{padding:7px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:none}
.verified{display:inline-block;background:#e7f6e3;color:#2c5c1e;font-size:.8rem;font-weight:bold;padding:3px 10px;border-radius:20px}
.note{background:#fff8e1;border:1px solid #f0dfa0;border-radius:10px;padding:12px 14px;font-size:.92rem;margin:14px 0}
.disclosure{background:#eef4fa;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:.9rem;margin:14px 0}

/* Article pages */
article.guide{max-width:820px}
article.guide li{margin-bottom:7px}
article.guide table{border-collapse:collapse;width:100%;margin:14px 0;background:#fff}
article.guide th,article.guide td{border:1px solid var(--line);padding:8px 10px;text-align:left;font-size:.93rem}
article.guide th{background:var(--sky);color:var(--navy)}
figure.wide{margin:16px 0}
figure.wide img{border-radius:12px;width:100%}
figure.wide figcaption{font-size:.8rem;color:var(--grey);margin-top:5px}
dl.glossary dt{font-weight:bold;color:var(--navy);margin-top:14px}
dl.glossary dd{margin:2px 0 0 0}

/* Gear */
.gear-card img{border-radius:8px;height:170px;width:100%;object-fit:cover}
.gear-tag{font-size:.75rem;color:var(--grey);text-transform:uppercase;letter-spacing:.5px;font-weight:bold}

/* Footer */
footer.site{background:var(--navy);color:#c9dcef;margin-top:36px;padding:26px 0 30px;font-size:.9rem}
footer.site a{color:#fff}
footer.site .cols{display:flex;gap:34px;flex-wrap:wrap}
footer.site h4{color:#fff;margin:0 0 8px;font-size:.95rem}
footer.site ul{list-style:none;margin:0;padding:0}
footer.site li{margin-bottom:5px}
footer.site .fine{margin-top:18px;border-top:1px solid rgba(255,255,255,.18);padding-top:12px;font-size:.82rem;color:#9db9d8}

@media (max-width:760px){
  .hero h1{font-size:1.6rem}
  .strip{grid-template-columns:repeat(2,1fr)}
  .strip img{height:170px}
  nav.main{margin-left:0}
  .facts th{width:120px}
}
