/* Re-org pages: club map (2 Nov 2026). The map of the joint landing pages (joint-landing.css, "Map" rules), renamed
   under rm- so nothing collides with the site sheets. Text colours carry !important because live.css and
   production-final.css force colours with !important; checked with getComputedStyle, not by reading these rules. */
.rm-wrap{position:relative;max-width:1180px;height:620px;margin:34px auto 0;border-radius:28px;overflow:hidden;background:#141517;border:1px solid #242528;box-shadow:0 40px 100px -40px rgba(0,0,0,.9);text-align:left}
.rm-map{position:absolute;inset:0}
.rm-map.rm-off{display:grid;place-items:center}
.rm-panel{position:absolute;z-index:2;top:18px;left:18px;bottom:18px;width:340px;display:flex;flex-direction:column;background:rgba(16,16,17,.84);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden}
.rm-panel-h{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.rm-panel-h b{display:block;font:800 26px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#fff!important}
.rm-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:12px 0 14px;font:400 12px Inter,sans-serif}
.rm-legend span{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.72)!important}
.rm-dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px;box-shadow:0 0 0 3px rgba(255,255,255,.1)}
.rm-dot.c16{background:#f78f1e}.rm-dot.sf{background:#8cc63e}
.rm-near{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff!important;border-radius:100px;padding:11px 14px;font:700 13.5px Inter,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.rm-near:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35)}
.rm-near .rm-ic{width:17px;height:17px}
.rm-near-msg{font:400 12px/1.4 Inter,sans-serif;color:rgba(255,255,255,.62)!important;margin-top:8px}
.rm-near-msg:empty{margin-top:0}
.rm-reset{margin-top:10px;border:0;background:none;color:#fff!important;font:700 12.5px Inter,sans-serif;text-decoration:underline;text-decoration-color:#f78f1e;text-decoration-thickness:2px;text-underline-offset:3px;cursor:pointer;padding:0}
.rm-reset[hidden]{display:none}
.rm-clubs{overflow:auto;flex:1;padding:6px 8px 12px;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}
.rm-grp{font:500 10.5px 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)!important;padding:14px 12px 6px}
.rm-cl{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;color:#fff!important;text-align:left;padding:10px 12px;border-radius:12px;font:600 14px Inter,sans-serif;cursor:pointer;transition:background .15s}
.rm-cl:hover{background:rgba(255,255,255,.06)}
.rm-cl.on{background:rgba(255,255,255,.1)}
.rm-cl .rm-dot{width:8px;height:8px;flex-basis:8px;box-shadow:none;align-self:flex-start;margin-top:6px}
.rm-nm{display:flex;flex-direction:column;gap:2px}
.rm-nm small{font:500 12px Inter,sans-serif;color:rgba(255,255,255,.55)!important}
.rm-cl.rm-closed .rm-nm small{color:#ffb54d!important}
.rm-cl em{margin-left:auto;font:500 12px Inter,sans-serif;font-style:normal;color:rgba(255,255,255,.55)!important}
.rm-wrap .maplibregl-ctrl-group{background:rgba(16,16,17,.85)!important;border:1px solid rgba(255,255,255,.1);box-shadow:none!important}
.rm-wrap .maplibregl-ctrl-group button{width:34px;height:34px}
.rm-wrap .maplibregl-ctrl-group button+button{border-top:1px solid rgba(255,255,255,.1)!important}
.rm-wrap .maplibregl-ctrl-group button span{filter:invert(1)}
.rm-wrap .maplibregl-ctrl-attrib{background:rgba(0,0,0,.5)!important;font-size:10px}
.rm-wrap .maplibregl-ctrl-attrib a{color:#999!important}
.rm-popup .maplibregl-popup-content{border-radius:18px;padding:18px 18px 16px;box-shadow:0 24px 60px rgba(0,0,0,.55);min-width:250px;background:#fff}
.rm-popup .maplibregl-popup-tip{display:none}
.rm-popup{z-index:3}
.rm-popup .maplibregl-popup-close-button{font-size:18px;right:8px;top:6px;color:#999}
.rm-pop .rm-t{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 8px;border-radius:100px;background:#f3f3ef;font:700 10.5px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#555!important}
.rm-pop .rm-t .rm-dot{width:8px;height:8px;flex-basis:8px;box-shadow:none}
.rm-pop b{display:block;margin:12px 0;font:800 30px/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#0a0a0a!important;letter-spacing:-.01em}
.rm-addr{display:flex;gap:10px;align-items:flex-start;padding:12px 14px 17px 12px;margin:0 -4px 12px;border-radius:14px;text-decoration:none;color:inherit;background:#f7f7f4;transition:background .2s}
.rm-addr:hover{background:#efefea}
.rm-addr>.rm-ic{width:18px;height:18px;flex:0 0 18px;margin-top:1px;color:#dd7a0e}
.rm-pop.sf .rm-addr>.rm-ic{color:#6fa82e}
.rm-addr span{display:flex;flex-direction:column;gap:2px;min-width:0}
.rm-addr strong{font:600 14px/1.35 Inter,sans-serif;color:#111!important}
.rm-addr em{font:400 13px/1.35 Inter,sans-serif;font-style:normal;color:#5c5c5c!important}
.rm-addr u{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font:600 12.5px Inter,sans-serif;color:#111!important;text-decoration:underline;text-decoration-color:#f78f1e;text-decoration-thickness:1.5px;text-underline-offset:3px}
.rm-pop.sf .rm-addr u{text-decoration-color:#8cc63e}
.rm-addr u .rm-ic{width:13px;height:13px}
.rm-note{display:block;font:400 12.5px/1.45 Inter,sans-serif;color:#5c5c5c!important;margin:0 0 14px}
.rm-pop.rm-closed .rm-note{font-weight:700;color:#7a3e00!important;background:#fff4e0;border-radius:10px;padding:9px 11px}
.rm-dir{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;height:46px;font:700 14px Inter,sans-serif;text-decoration:none;color:#0a0a0a!important;background:#f78f1e}
.rm-pop.sf .rm-dir{background:#8cc63e}
.rm-dir:hover{background:#ffb54d}
.rm-dir .rm-ic{width:17px;height:17px}
.rm-you{width:16px;height:16px;border-radius:50%;background:#4ea3ff;border:3px solid #fff;box-shadow:0 0 0 8px rgba(78,163,255,.25)}
@media (max-width:860px){
 .rm-wrap{height:auto;display:flex;flex-direction:column;border-radius:22px}
 .rm-map{position:relative;height:420px}
 .rm-panel{position:relative;inset:auto;width:auto;max-height:420px;border-radius:0;border:0;border-top:1px solid rgba(255,255,255,.08);background:#141517}
}
@media (max-width:560px){
 .rm-map{height:380px}
 .rm-popup .maplibregl-popup-content{padding:16px 16px 14px}
 .rm-pop b{font-size:27px;margin:10px 0}
 .rm-note{margin-bottom:12px}
 .rm-dir{height:44px}
}
