.membership-banner{padding:24px;background:#123a2f;color:#f2f7e9;border-radius:14px;margin:20px 0}.membership-banner h2{font-size:27px;margin:10px 0}.membership-banner p{margin-bottom:0;color:#d4e6db}.membership-banner small{letter-spacing:.12em;font-weight:700}.membership-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.membership-segments{list-style:none;padding:0;margin:0}.membership-segments li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.membership-segments small{display:block;margin-top:6px;color:var(--muted)}.membership-week{display:grid;grid-template-columns:150px 1fr 75px;gap:12px;align-items:center;margin:22px 0}.membership-week strong{text-align:right;font-size:12px}.membership-track{height:11px;background:var(--line);border-radius:20px;overflow:hidden}.membership-track span{display:block;height:100%;border-radius:20px;background:#479d79}.membership-rule{padding:15px;background:var(--soft);border-radius:9px;margin-top:22px}.membership-rule p{line-height:1.6;margin-bottom:0}#membership-state{min-height:22px;line-height:1.5}#membership-sync{line-height:1.6}.membership-number-note{display:block;margin-top:8px;color:var(--muted)}@media(max-width:900px){.membership-layout{grid-template-columns:1fr}}@media(max-width:550px){.membership-week{grid-template-columns:1fr 85px;gap:8px}.membership-week small{grid-column:1/-1}.membership-banner h2{font-size:23px}}