/* RANGES NEAR ME (ranges.js): the Club entry card (surface, 12 radius), the search area, results, map, tag sheet. The Google Maps
   attribution follows Google's policy for Places content shown off a Google map: Roboto 400, 12px, white, one line, not translated,
   inside the results container. */
:is(.screen) .rg-entry{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 24px;padding:16px;border:0;border-radius:12px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}
:is(.screen) .rg-entry .rg-ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2)}
:is(.screen) .rg-entry .rg-ic svg{width:22px;height:22px}
:is(.screen) .rg-entry .rg-txt{flex:1;min-width:0;display:block;text-align:left}
:is(.screen) .rg-entry b{display:block;font:600 17px/1.3 var(--f-text);letter-spacing:0;color:var(--ink)}
:is(.screen) .rg-entry small{display:block;margin:4px 0 0;font:400 13px/1.45 var(--f-text);letter-spacing:0;text-transform:none;color:var(--ink-2)}
:is(.screen) .rg-entry .chev{flex:none;width:20px;height:20px;color:var(--ink-3)}
:is(.screen) .rg-where{display:grid;gap:12px;margin:0 0 24px}
:is(.screen) .rg-where .fld{margin:0}
#club.screen .seg.rg-seg{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:0 0 12px}
#club.screen .seg.rg-seg button{min-width:0}
:is(.screen) .rg-add{display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin:0 0 16px}
:is(.screen) .rg-mact{margin:8px 0 0}
:is(.screen) .rg-sample{display:inline-block;margin:0 0 8px;padding:4px 8px;border-radius:8px;background:var(--surface-2);font:600 13px/1 var(--f-text);color:var(--ink-2)}
:is(.screen) .rg-admin{margin:0 0 12px}
:is(.screen) .rg-list{margin:0 0 16px;padding:0 0 4px;border-bottom:1px solid var(--line)}
:is(.screen) .rg-row{border-top:1px solid var(--line);padding:12px 0;text-align:left}
:is(.screen) .rg-name{display:block;font:600 17px/1.3 var(--f-text);letter-spacing:0;color:var(--ink)}
:is(.screen) .rg-meta{margin:4px 0 0;font:400 13px/1.45 var(--f-text);color:var(--ink-2)}
:is(.screen) .rg-tags{margin:4px 0 0;font:400 13px/1.45 var(--f-text);color:var(--ink-3)}
:is(.screen) .rg-act{display:flex;gap:8px;margin:8px 0 0}
:is(.screen) .rg-act .cta.small{flex:1 1 0;min-width:0;width:auto;height:40px;margin:0;padding:0 4px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font:600 15px/1 var(--f-text)}
:is(.screen) .rg-empty{margin:0;padding:24px 0;font:400 15px/1.45 var(--f-text);color:var(--ink-2)}
#club.screen .rg-list .rg-attr{margin:12px 0 0;font:400 13px/1.45 var(--f-text);color:var(--ink-2)}
#club.screen .rg-attr a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#club.screen .rg-about{margin:8px 0 12px;font:400 13px/1.45 var(--f-text);color:var(--ink-3)}
#club.screen .rg-about summary{cursor:pointer;color:var(--ink-2)}
#club.screen .rg-about p{margin:8px 0 0;font:400 13px/1.45 var(--f-text);color:var(--ink-3)}
#club.screen .rg-about a{color:var(--ink-2)}
:is(.screen) .rg-change{display:block;margin:0 0 24px;padding:0;background:none;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:4px;font:600 15px/1 var(--f-text)}
:is(.screen) .rg-map{height:360px;margin:0 0 16px;border-radius:12px;overflow:hidden;background:var(--surface)}
.rg-pin{padding:4px 8px;border-radius:8px;background:rgba(8,18,13,.85);color:#fff;font:600 12px/1 var(--f-text);white-space:nowrap;border:1px solid rgba(255,255,255,.6)}
.sheet .chips.rg-chips{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
.sheet .chips.rg-kinds{display:grid;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.sheet .chips.rg-kinds button{min-width:0;height:40px;font-size:15px;white-space:nowrap}
.sheet .rg-pinmap{height:200px;margin:0 0 8px;border-radius:12px;overflow:hidden;background:var(--surface)}
.sheet #apHere{width:auto;margin:0 0 12px;padding:0 16px}
.sheet .chips.rg-chips button{min-width:0;height:40px;font-size:15px;white-space:nowrap}
