/* livedot.me/clubs: clubs by area (tools/clubs.cjs). On top of guides.css (the page frame) and livedot.css (the tokens). */
.cfilt{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.cfilt a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--body);font:var(--fw-ui) var(--t-small)/1 var(--font);text-decoration:none}
.cfilt a:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.cfilt a[aria-current]{background:var(--navy);color:var(--on-navy);box-shadow:none}
.ccards{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ccard{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;background:var(--paper);box-shadow:var(--sh)}
.ccard .ch{display:flex;align-items:center;gap:14px}
.clogo{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;overflow:hidden;background:var(--soft);color:var(--muted);font:var(--fw-head) var(--t-body)/1 var(--font)}
.clogo img{width:100%;height:100%;object-fit:contain;background:#fff}
.ccard.windline .clogo{color:var(--cyc-ink);background:var(--cyc-wash)}.ccard.runfast .clogo{color:var(--run-ink);background:var(--run-wash)}
.cn{margin:0;font:var(--fw-head) var(--t-h3)/var(--lh-head) var(--font);letter-spacing:var(--track-head)}
.cn a{color:var(--ink);text-decoration:none}.cn a:hover{text-decoration:underline}
.cmeta{margin:4px 0 0;color:var(--muted);font-size:var(--t-small);line-height:var(--lh-small)}
.cfor,.csess,.cnext{margin:0;color:var(--body);font-size:var(--t-body);line-height:var(--lh-body)}
.csess b,.cnext b{display:inline-block;min-width:88px;color:var(--muted);font-size:var(--t-small);font-weight:var(--fw-ui)}
.ctags{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.ctags span{padding:5px 9px;border-radius:7px;background:var(--soft);color:var(--body);font:var(--fw-ui) var(--t-small)/1 var(--font)}
.ctags .yes{background:var(--live-wash);color:var(--live-ink)}
.cact{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:auto 0 0;padding-top:6px}
.cact .btn{height:42px;padding:0 22px}
.clink{color:var(--muted);font-size:var(--t-small);font-weight:var(--fw-ui)}.clink:hover{color:var(--ink)}
.cask{margin-top:40px;padding:24px;border-radius:18px;background:var(--navy);color:var(--on-navy-2)}
.cask h2{margin:0 0 8px;color:var(--on-navy);font:var(--fw-head) var(--t-h2)/var(--lh-head) var(--font);letter-spacing:var(--track-head)}
.cask p{margin:0;font-size:var(--t-body);line-height:var(--lh-body)}.cask a{color:var(--live)}
/* Is your club missing? (every list of clubs) */
.cadd{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 24px;margin-top:24px;padding:22px 24px;border-radius:18px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--live)}
.cadd h2{margin:0 0 6px;color:var(--ink);font:var(--fw-head) var(--t-h3)/var(--lh-head) var(--font);letter-spacing:var(--track-head)}
.cadd p{margin:0;color:var(--body);font-size:var(--t-body);line-height:var(--lh-body)}
.cadd-b{display:flex;gap:10px;flex-wrap:wrap}.cadd-b .btn{height:42px;padding:0 18px}
.cadd-s{grid-column:1/-1;color:var(--muted)!important;font-size:var(--t-small)!important;line-height:var(--lh-small)!important}
@media (max-width:760px){.cadd{grid-template-columns:1fr}.cadd-b .btn{flex:1 1 auto;justify-content:center}}
.careas{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.careas a{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:16px;background:var(--paper);box-shadow:var(--sh);text-decoration:none}
.careas a:hover{box-shadow:var(--sh-lg)}.careas b{color:var(--ink);font:var(--fw-head) var(--t-h3)/var(--lh-head) var(--font);letter-spacing:var(--track-head)}.careas span{color:var(--muted);font-size:var(--t-small)}
.cempty{margin:28px 0 0;color:var(--body);font-size:var(--t-h3);line-height:var(--lh-body)}
.clubs .gfaq{margin-top:40px}
.clubs .hh .ldsp{margin-top:16px;color:var(--body)} /* the sponsor line under the lede, as on the homepage and organisers */
.cbio{display:inline-flex;align-items:center;gap:5px}.cbio img{width:14px;height:14px;border-radius:3px;object-fit:contain}
@media (max-width:760px){.ccards{grid-template-columns:1fr}.careas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.careas{grid-template-columns:1fr}.ccard{padding:16px}.csess b,.cnext b{display:block;min-width:0}}