.membership-comparison { width:100%; border-collapse:collapse; table-layout:fixed; font-size:var(--t-sm); }
.membership-comparison caption { text-align:left; font-size:var(--t-base); font-weight:var(--w-medium); padding-bottom:var(--s5); }
.membership-comparison th,.membership-comparison td { text-align:left; vertical-align:top; padding:var(--s3) var(--s4); border-bottom:var(--border-dashed); overflow-wrap:anywhere; }
.membership-comparison th { font-weight:var(--w-regular); }
.membership-comparison thead th { border-bottom:1px solid var(--n200); padding-block:var(--s5); }
.membership-comparison thead th:first-child { width:40%; }
.membership-comparison thead th>span { display:block; }
.membership-comparison .membership-price { display:block; font-size:var(--t-2xl); font-weight:var(--w-light); letter-spacing:var(--tr-tight); margin-block:var(--s4) var(--s2); }
.membership-comparison td { font-variant-numeric:tabular-nums; }
.membership-comparison .membership-period th { padding-top:var(--s6); font-size:var(--t-xs); font-weight:var(--w-medium); color:var(--n600); }
.membership-comparison .membership-total { background:var(--surface-subtle); }
.membership-comparison .membership-total strong { color:var(--brand); font-size:var(--t-xl); font-weight:var(--w-medium); }
.membership-comparison tfoot td { padding-top:var(--s5); color:var(--n600); border-bottom:0; line-height:1.6; }
.billing-overview .membership-comparison { max-width:var(--max-read); }
.billing-overview .membership-comparison th,.billing-overview .membership-comparison td { padding-inline:0 var(--s4); }
.public-memberships { border-top:1px solid var(--n200); }
.public-memberships .membership-intro { padding-block:var(--s8); display:grid; grid-template-columns:1fr 1fr; gap:var(--s8); align-items:start; }
.public-memberships .membership-intro .h3 { margin:0; }
.public-memberships .membership-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s5); padding-block:var(--s6); border-top:1px solid var(--n200); }
.public-memberships .membership-actions .hint { max-width:var(--max-read); }
@media(max-width:760px) {
 .membership-comparison th,.membership-comparison td { padding:var(--s3) var(--s2); }
 .membership-comparison thead th:first-child { width:36%; }
 .public-memberships .membership-comparison thead th>span:first-child { min-block-size:2lh; }
 .membership-comparison .membership-price { font-size:var(--t-lg); }
 .membership-comparison .membership-total strong { font-size:var(--t-lg); }
 .public-memberships .membership-intro { grid-template-columns:1fr; gap:var(--s4); padding-block:var(--s6); }
}