.subscription-page{gap:20px;min-height:70vh;padding-block:28px 48px;display:grid}.subscription-page.subscription-page{width:calc(100% - 48px);max-width:1100px}.subscription-page .subscription-back{color:#74535d;align-items:center;gap:8px;width:fit-content;min-height:44px;font-size:14px;text-decoration:none;display:inline-flex}.subscription-page .subscription-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.subscription-page .subscription-heading h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(26px,4vw,36px)}.subscription-page .subscription-card{background:#fff;border:1px solid #eadde0;border-radius:12px;gap:16px;min-width:0;padding:28px;display:grid}.subscription-page .subscription-card h2,.subscription-page .subscription-upgrades h2{color:#58343a;letter-spacing:-.025em;font-size:22px;line-height:1.3}.subscription-card fieldset{border:0;gap:18px;margin:0;padding:0;display:grid}.subscription-card label{gap:8px;font-size:14px;display:grid}.subscription-card input{border:1px solid #d6d9df;border-radius:5px;width:100%;min-height:44px;padding:10px 12px}.subscription-page .button{color:#fff;cursor:pointer;background:#e32636;border:1px solid #e32636;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:44px;padding:12px 20px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.subscription-page .button.secondary{color:#262a33;background:#fff;border-color:#d6d9df}.subscription-page a:not(.button){text-decoration:underline}.subscription-page a.subscription-back{text-decoration:none}.subscription-page .subscription-refresh{flex-shrink:0;width:44px;height:44px;padding:0}.subscription-page .subscription-current{background:linear-gradient(120deg,#fffafb,#fff);border-top:3px solid #e32636}.subscription-plan-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.subscription-plan-heading>div{min-width:0}.subscription-label{color:#967f84;letter-spacing:.09em;margin-bottom:10px;font-size:11px;font-weight:600;display:block}.subscription-page .subscription-plan-heading h2{overflow-wrap:anywhere;font-size:30px}.subscription-plan-heading .button{flex-shrink:0}.subscription-current-price{color:#967f84;flex-wrap:wrap;align-items:center;gap:14px;font-size:14px;display:flex}.subscription-current-price strong{color:#58343a;font-size:24px}.subscription-status{border-radius:8px;align-items:center;gap:7px;width:fit-content;padding:6px 10px;font-size:12px;display:inline-flex}.subscription-status.is-active{color:#287756;background:#e7f5ee}.subscription-status.is-pending{color:#9b641d;background:#fff4e5}.subscription-overview{border-block:1px solid #eee5e7;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding-block:20px;display:grid}.subscription-overview dt{color:#967f84;font-size:13px}.subscription-overview dd{color:#58343a;margin:5px 0 0;font-size:15px;font-weight:600}.subscription-current-actions{flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;display:flex}.subscription-upgrades{gap:18px;scroll-margin-top:24px;display:grid}.subscription-upgrades>header{gap:8px;display:grid}.subscription-page p{font-size:14px}.subscription-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.subscription-offers:has(>:only-child){grid-template-columns:minmax(0,1fr)}.subscription-offer h3,.subscription-pending h3{color:#58343a;letter-spacing:-.025em;overflow-wrap:anywhere;font-size:22px}.subscription-offer>p{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.subscription-offer-price strong{color:#58343a;font-size:28px}.subscription-offer-price span{color:#967f84;font-size:14px}.subscription-offer ul,.subscription-features{gap:10px;margin:0;padding:0;list-style:none;display:grid}.subscription-features{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-offer li,.subscription-features li{color:#74535d;align-items:flex-start;gap:8px;font-size:14px;display:flex}.subscription-page svg{flex-shrink:0}.subscription-offer li svg,.subscription-features li svg{color:#e32636;margin-top:3px}.subscription-page .subscription-offer .button{width:100%;margin-top:auto}.subscription-page .subscription-fineprint{color:#967f84;font-size:13px}.subscription-notice{color:#287756;background:#f1faf5;border:1px solid #cce6d8;border-radius:10px;align-items:flex-start;gap:10px;padding:16px;display:flex}.subscription-dialog-overlay{z-index:150;background:#28181e66;position:fixed;inset:0}.subscription-dialog{z-index:151;color:#58343a;background:#fff;border-radius:14px;gap:18px;width:min(520px,100% - 24px);max-height:calc(100dvh - 32px);padding:28px;display:grid;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 80px #39212833}.subscription-dialog h2{margin:0;padding-right:28px;font-size:22px}.subscription-dialog p{color:#74535d;margin:0;font-size:14px;line-height:1.6}.subscription-dialog dl{background:#fffafb;border:1px solid #eadde0;border-radius:10px;gap:14px;margin:0;padding:16px;display:grid}.subscription-dialog dt{color:#967f84;font-size:12px}.subscription-dialog dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:16px;font-weight:600}.subscription-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.subscription-dialog-actions .button{min-height:44px;font-size:14px}.subscription-dialog-close{color:#967f84;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:14px;right:14px}.subscription-dialog :focus-visible{outline-offset:3px;outline:3px solid #c51d2f}.subscription-table{overflow:auto}.subscription-table table{border-collapse:collapse;text-align:left;width:100%;min-width:560px}.subscription-table th,.subscription-table td{border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:14px}.subscription-table small{color:#666d79;font-size:12px;display:block}.subscription-page :focus-visible{outline-offset:3px;outline:3px solid #c51d2f}@media (max-width:600px){.subscription-page .subscription-card{padding:18px}.subscription-page{gap:18px;padding-block:14px 28px}.subscription-page.subscription-page{width:calc(100% - 24px)}.subscription-page .subscription-heading{align-items:center;gap:12px}.subscription-plan-heading{gap:10px}.subscription-page .subscription-plan-heading h2{overflow-wrap:anywhere;font-size:24px}.subscription-plan-heading .button{gap:4px;padding:10px;font-size:12px}.subscription-label{font-size:10px}.subscription-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.subscription-overview>:last-child{grid-column:1/-1}.subscription-offers,.subscription-features{grid-template-columns:minmax(0,1fr)}.subscription-table{overflow:visible}.subscription-table table,.subscription-table tbody{width:100%;min-width:0;display:block}.subscription-table thead{display:none}.subscription-table tbody{gap:12px;display:grid}.subscription-table tr{border:1px solid #eadde0;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px;display:grid}.subscription-table td{overflow-wrap:anywhere;border:0;min-width:0;padding:0;display:block}.subscription-table td:first-child,.subscription-table td:last-child{grid-column:1/-1}.subscription-table td[data-label]:before{content:attr(data-label);color:#967f84;margin-bottom:4px;font-size:12px;display:block}.subscription-dialog{gap:16px;padding:22px 18px}.subscription-dialog-actions{grid-template-columns:minmax(0,1fr);display:grid}.subscription-dialog-actions .button{width:100%}.subscription-page .subscription-heading{align-items:flex-start}}@media (max-width:359px){.subscription-plan-heading{flex-direction:column;align-items:flex-start}.subscription-plan-heading .button{width:100%}}
