/* Premium membership panel + the two-column membership grid on /billing (tokens only). */
.premium-panel{width:min(1100px,calc(100% - 40px));margin:30px auto;padding:28px;border:1px solid var(--warn);border-radius:var(--radius);background:var(--surface);color:var(--text)}
.premium-panel .plus-pill{border-color:transparent;background:var(--warn-soft);color:var(--warn)}
.premium-panel .plus-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;line-height:1.6}
.premium-panel button{min-height:46px;padding:0 22px;border:0;border-radius:999px;background:var(--ink);color:var(--ink-text);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease}
.premium-panel button:hover{opacity:.86}
.premium-panel button:disabled{opacity:.45;cursor:not-allowed}
.premium-panel .plan-price{margin-top:20px;font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.04em}
.premium-panel .plan-price span{font-family:var(--font-body);font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}
.premium-panel [data-premium-state]{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.5;text-align:center}
.premium-panel [data-premium-state]:empty{display:none}
@media(max-width:600px){.premium-panel .plus-benefits{grid-template-columns:1fr}}

.membership-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;scroll-margin-top:100px}
.membership-plans .purchase-panel{width:auto;min-width:0;margin:0;padding:30px;border-radius:var(--radius)}
.billing-grid{grid-template-columns:1fr}
.membership-plans .premium-panel{background:var(--surface)}
.membership-plans .plus-benefits{display:grid;grid-template-columns:1fr;gap:12px;padding:0;font-size:13px;line-height:1.5}
.membership-plans .plan-price{margin:24px 0;font-family:var(--font-display);font-size:48px;font-weight:700;letter-spacing:-.05em;line-height:1}
.membership-plans .plan-price span{display:block;margin-top:8px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.membership-plans .premium-panel button{width:100%;min-height:48px}
.membership-plans .premium-panel .billing-note{font-size:12px}
.membership-plans .premium-panel .plus-benefits li:before{color:var(--warn)}
@media(max-width:700px){.membership-plans{grid-template-columns:1fr}.membership-plans .purchase-panel{padding:24px}}