.subscription-current,.subscription-paid {background:#fff;border:1px solid var(--line);padding:24px;border-radius:20px;margin:20px 0;line-height:1.6;}
.subscription-paid {background:#eff5f7;}
.subscription-current h2,.subscription-paid h2 {margin:8px 0 12px;font-size:clamp(1.7rem,4vw,2.3rem);}
.subscription-usage {border-top:1px solid var(--line);margin-top:18px;padding-top:18px;}
.subscription-usage>strong {font-size:1.4rem;color:var(--ink);}
.subscription-usage progress {display:block;width:100%;height:14px;margin:16px 0;accent-color:var(--lake);}
.subscription-benefits {padding-left:22px;line-height:1.8;}
.subscription-price-pending {font-size:1.4rem;font-weight:600;color:var(--lake);}
.subscription-limit {color:#a53547;font-weight:600;}
.subscription-paid details {border-top:1px solid var(--line);padding-top:16px;}
.subscription-paid summary {cursor:pointer;min-height:44px;font-weight:600;}
@media(max-width:600px){.subscription-current,.subscription-paid{padding:18px;}#subscription-body>.flow-tools{flex-wrap:wrap;}#subscription-body>.flow-tools button{min-height:44px;flex:1 1 130px;}}