




.hm-clubs-week,.hm-clubs-list{--pn-pad:18px 0 0}
.hm-clubs-week > .hm-meta,.hm-clubs-list > .hm-meta{padding-bottom:6px}


.hm-clubs-table{width:100%;border-collapse:collapse;border-top:1px solid var(--hair);font-size:11px}
.hm-clubs-table th{text-align:left;padding:5px 10px;font-weight:400;font-size:9.5px;color:var(--faint);
  text-transform:var(--caps);letter-spacing:calc(.12em * var(--track));border-bottom:1px solid var(--hair)}
.hm-clubs-table td{padding:8px 10px;border-bottom:1px solid color-mix(in srgb,var(--hair) 60%,transparent);
  vertical-align:middle;color:var(--dim)}
.hm-clubs-table tr:last-child td{border-bottom:0}
.hm-clubs-table tr.is-lit td{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--bright);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 35%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--accent) 35%,transparent)}
.hm-clubs-table tr.is-lit td:first-child{box-shadow:inset 2px 0 0 var(--accent),
  inset 0 1px 0 color-mix(in srgb,var(--accent) 35%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--accent) 35%,transparent)}
.hm-clubs-table tr.is-lit .hm-clubs-link{color:var(--bright)}
.hm-clubs-table tr.is-lit .hm-clubs-when{color:var(--accent)}
.hm-clubs-when{white-space:nowrap;color:var(--faint);font-size:10.5px;font-variant-numeric:tabular-nums}
.hm-clubs-night{min-width:0;overflow-wrap:anywhere}
.hm-clubs-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--faint)}
.hm-clubs-sts{text-transform:var(--caps);letter-spacing:calc(.1em * var(--track));font-size:10px;color:var(--faint);white-space:nowrap}
.hm-clubs-sts.is-good{color:var(--good)}
.hm-clubs-sts.is-warn,.hm-clubs-sts.is-accent{color:var(--accent)}
.hm-clubs-link{display:block;color:var(--ink);text-decoration:none}
.hm-clubs-link.is-inline{display:inline;color:var(--accent)}
.hm-clubs-sub{display:block;color:var(--faint);font-size:10px;line-height:1.4}
.hm-clubs-none{padding:10px 12px;margin:0}


.hm-clubs-rows{border-top:1px solid var(--hair)}
.hm-clubs-row{display:flex;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;color:var(--dim);min-width:0}
.hm-clubs-row + .hm-clubs-row{border-top:1px solid color-mix(in srgb,var(--hair) 60%,transparent)}
.hm-clubs-row:hover .hm-clubs-name{color:var(--bright)}
.hm-clubs-mark{flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--hair-hi);background:var(--void);color:var(--dim);font-size:11px}
.hm-clubs-row.is-unread .hm-clubs-mark{border-color:color-mix(in srgb,var(--accent) 55%,var(--hair-hi));color:var(--accent)}
.hm-clubs-t{flex:1;min-width:0;display:flex;flex-direction:column}
.hm-clubs-name{color:var(--ink);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-clubs-row.is-unread .hm-clubs-name{color:var(--bright)}
@media(pointer:coarse){ .hm-clubs-row{min-height:var(--tap-min)} }
