/* Club profiles and hub. Built on the promotion page and listing components (panel, pills, record cards); only club-specific parts live here. */
.club-kind{display:inline-flex;align-items:center;min-height:27px;padding:4px 10px;border-radius:999px;background:var(--surface-accent);color:var(--accent);font-size:12px;font-weight:720;letter-spacing:.04em;text-transform:uppercase}
.club-kind--birthday::before{content:"\2605";margin-right:6px;font-size:11px}

/* Benefit cards */
.club-benefits{margin:var(--section-space) 0 0}
.club-benefits h2{margin:0 0 8px}
.club-benefits__lede{max-width:72ch;margin:0 0 22px;color:var(--text-secondary)}
.club-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.club-benefit{display:flex;flex-direction:column;gap:12px;min-width:0;padding:var(--card-space,22px);border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}
.club-benefit__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.club-benefit h3{margin:0;font-size:20px;line-height:1.3}
.club-benefit>p{margin:0;color:var(--text-secondary)}
.club-benefit__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:4px 0 0;padding:14px 0 0;border-top:1px solid var(--border)}
.club-benefit__facts dt{margin:0 0 4px;color:var(--text-muted);font-size:13px;font-weight:620}
.club-benefit__facts dd{margin:0;font-size:15px;font-weight:620;overflow-wrap:anywhere}
.club-benefit .record-requirements{margin-top:auto}

/* Hub */
.club-hub-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
.club-hub-count{font-weight:700}
.club-list{margin:var(--section-space) 0 0}
.club-list>h2{margin:0 0 20px}
.club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}
.club-method{margin-left:0;margin-right:0;max-width:760px}

@media (max-width:1000px){.club-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .club-grid,.club-benefit-grid{grid-template-columns:1fr;gap:20px}
  .club-benefit__facts{grid-template-columns:1fr}
}

/* How to join: numbered step cards; Good to know: accent-edged notes */
.club-join ol{list-style:none;counter-reset:step;display:grid;gap:12px;margin:0;padding:0;max-width:none}
.club-join ol li{counter-increment:step;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.club-join ol li::before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface-accent);color:var(--accent);font-weight:720}
.club-conditions ul{list-style:none;display:grid;gap:10px;margin:0;padding:0;max-width:none}
.club-conditions li{padding:13px 16px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:var(--surface-subtle)}
.club-sources ul{padding-left:20px}

/* Comparison table and short-answer bullets (guides inside the clubs section) */
.club-bullets{margin:14px 0 0;padding-left:20px;display:grid;gap:8px;color:var(--text-secondary)}
main[data-club-guide] .table-scroll,main[data-club-guide] .club-list{max-width:none}
.club-compare{width:100%;border-collapse:collapse;font-size:15px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.club-compare th,.club-compare td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.club-compare thead th{background:var(--surface-subtle);color:var(--text-muted);font-size:13px;font-weight:650;white-space:nowrap}
.club-compare tbody th{font-weight:700;white-space:nowrap}
.club-compare tbody tr:last-child th,.club-compare tbody tr:last-child td{border-bottom:0}
.club-compare a{color:var(--text)}