.hh-membership-expiry{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);font-size:13px}
.hh-membership-expiry span{color:var(--muted)}
.hh-membership-expiry strong{font-weight:600;font-variant-numeric:tabular-nums}
.hh-membership-progress{margin:0 0 18px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.hh-membership-progress-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.hh-membership-progress-heading h2{font-size:15px;font-weight:600;margin:0}
.hh-membership-progress-heading>span{font-size:12px;color:var(--muted)}
.hh-membership-remaining,.hh-membership-met{font-size:14px;line-height:1.6;margin:12px 0}
.hh-membership-remaining strong{color:var(--red);font-size:20px;white-space:nowrap;margin-left:6px;font-variant-numeric:tabular-nums}
.hh-membership-met{color:var(--red);font-weight:600}
.hh-membership-meter{display:block;width:100%;height:8px;border:0;border-radius:6px;background:var(--surface-2);accent-color:var(--red);overflow:hidden}
.hh-membership-meter::-moz-progress-bar{background:var(--red);border-radius:6px}
.hh-membership-amounts{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:9px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.hh-membership-progress .hh-helper{margin:10px 0 0;font-size:12px}
@media(max-width:380px){.hh-membership-progress{padding:16px}.hh-membership-expiry{padding-left:16px;padding-right:16px}.hh-membership-remaining strong{font-size:18px}}