.subscription-panel{background:#f4f8f2;border:1px solid #cadbc9;border-radius:20px;padding:22px;margin:24px 0;color:#243c2c;scroll-margin-top:90px}
.subscription-panel[hidden]{display:none}.subscription-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.subscription-panel h3,.subscription-panel h4{margin-top:10px}.subscription-plan-grid,.subscription-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.subscription-plan-card{background:white;border:1px solid #cedccf;border-radius:14px;padding:18px;min-width:0}.subscription-plan-card[data-plan=plus]{border-color:#477350;border-width:2px}.subscription-price{font-size:1.4rem;font-weight:700}.subscription-panel ul{padding-left:19px}.subscription-panel li{margin:7px 0}.subscription-meter{background:white;padding:12px;border-radius:10px;overflow-wrap:anywhere}.subscription-meter strong{display:block;margin-bottom:5px}.subscription-panel .subscription-note{font-size:.9rem;color:#49634f}.subscription-panel dialog{border:1px solid #bccfbb;border-radius:16px;padding:24px;max-width:min(480px,90vw);color:#243c2c}.subscription-panel dialog::backdrop{background:#14271b99}.subscription-panel button{white-space:normal}.subscription-upgrade-prompt{background:#f6f3e7;padding:12px 18px;border:1px solid #d5c18b;border-radius:12px;margin:12px;overflow-wrap:anywhere}.subscription-upgrade-prompt a{margin-left:10px;font-weight:600}
@media(max-width:600px){.subscription-panel{padding:15px}.subscription-plan-grid,.subscription-usage-grid{grid-template-columns:1fr}.subscription-panel .button-row{align-items:stretch}.subscription-panel .button-row button{flex:0 1 auto;min-height:44px;width:100%}.subscription-price{font-size:1.25rem}}