.club-directory{gap:var(--sp-4);padding-block:var(--sp-8);display:grid}.club-directory header p{margin-top:var(--sp-1);color:var(--muted-foreground)}.club-directory-tools{gap:var(--sp-2);display:grid}@media (min-width:640px){.club-directory-tools{grid-template-columns:minmax(0,1fr) 280px}}.club-directory-tools select{width:100%;min-height:var(--ctl-h);border:1px solid var(--input);background:var(--card);color:var(--foreground);font:inherit;font-size:var(--field-fs);border-radius:12px;padding:0 14px}.club-directory-tools select:focus-visible,.club-directory-row a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.club-directory-count{font-size:var(--fs-ui);color:var(--muted-foreground)}.club-directory-list{border-top:1px solid var(--border);transition:opacity var(--dur-fast,.12s) ease}.club-directory-list[data-pending]{opacity:.55}@media (prefers-reduced-motion:reduce){.club-directory-list{transition:none}}.club-directory-row{gap:var(--sp-1) var(--sp-3);padding:var(--sp-3) var(--sp-1);border-bottom:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:auto 72px;grid-template-columns:40px minmax(0,1fr);align-items:center;display:grid;position:relative}.club-directory-row:hover{background:var(--accent)}@media (min-width:640px){.club-directory-row{grid-template-columns:44px minmax(0,1fr) auto}}.club-directory-mark{background:var(--secondary);width:40px;height:40px;color:var(--muted-foreground);font-weight:700;font-size:var(--fs-ui);border-radius:10px;place-items:center;display:grid}.club-directory-main{min-width:0;display:grid}.club-directory-main a{overflow-wrap:anywhere;font-weight:600}.club-directory-main a:after{content:"";position:absolute;inset:0}.club-directory-main span,.club-directory-counts{font-size:var(--fs-ui);color:var(--muted-foreground)}.club-directory-counts{grid-column:2}@media (min-width:640px){.club-directory-counts{white-space:nowrap;grid-column:auto}}.club-directory-more{justify-items:center;gap:var(--sp-2);display:grid}