.account-page{max-width:1180px;padding-top:28px;padding-bottom:72px}.account-page-heading{margin-bottom:28px}.account-page-heading p{margin-top:6px}.account-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:32px;display:grid}.account-rail{min-width:0;position:sticky;top:90px}.account-identity{align-items:center;gap:12px;padding-bottom:22px;display:flex}.account-identity>div{min-width:0}.account-identity p{overflow-wrap:anywhere;margin-top:3px}.account-avatar{background:var(--wash);border-radius:50%;flex:0 0 42px;place-items:center;height:42px;font-weight:600;display:grid}.account-tabs{gap:6px;display:grid}.account-tabs button{text-align:left;min-height:46px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:11px 14px;font-weight:500}.account-tabs button[aria-selected=true]{background:var(--wash);color:var(--ink);border-color:var(--rule-soft)}.account-help{gap:22px;margin:24px 14px 0;display:flex}.account-text-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.account-panel{min-width:0}.account-panel:focus{outline:none}.account-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.account-section-heading h2,.account-section-heading h3{margin:0}.account-card{border:1px solid var(--rule-soft);background:var(--card);border-radius:12px;margin-bottom:16px;padding:22px}.account-card>p+p{margin-top:8px}.account-card>p{line-height:1.6}.account-price{letter-spacing:-.035em;margin-bottom:6px;font-size:30px;font-weight:600}.account-price span{letter-spacing:0;margin-left:6px;font-weight:400}.account-facts{border-top:1px solid var(--rule-soft);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px;margin-block:18px 0;padding-block:20px;display:grid}.account-facts dt{color:var(--muted);font-size:14px}.account-facts dd{margin:5px 0 0;font-weight:600}.account-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.account-actions+p{margin-top:16px}.account-balance{background:var(--wash);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.account-message{background:var(--wash);border-radius:8px;margin-bottom:16px;padding:14px 16px;font-size:14px;line-height:1.6}.account-message.error{border:1px solid var(--alarm)}.account-card summary{cursor:pointer;min-height:24px;font-weight:600}.account-card summary span{margin-left:8px;font-weight:400}.account-card[open] summary{margin-bottom:16px}.account-card details p{margin-top:12px}.account-statement{margin-bottom:10px;display:inline-block}.account-payments{margin:0;padding:0;list-style:none}.account-payments li{border-top:1px solid var(--rule-soft);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.account-payments p{margin-top:3px}.account-upgrades{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;display:grid}.account-upgrades .account-card{flex-direction:column;margin:0;display:flex}.account-upgrades ul{flex:1;margin:18px 0;padding-left:20px;font-size:14px;line-height:1.7}.account-upgrades .btn{width:100%}.account-confirm{border-color:var(--ink);margin-top:18px}.account-confirm p{margin-top:8px}.account-footnote{margin-top:18px;line-height:1.6}.account-archive{margin-top:16px;display:inline-block}@media (max-width:760px){.account-page{padding-top:22px;padding-bottom:40px}.account-page-heading{margin-bottom:20px}.account-layout{grid-template-columns:minmax(0,1fr);gap:22px}.account-rail{position:static}.account-identity{padding-bottom:16px}.account-avatar{display:none}.account-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.account-tabs button{text-align:center;padding:10px;font-size:14px}.account-help{justify-content:flex-end;margin:14px 0 0}.account-card{padding:18px}.account-price{font-size:28px}.account-section-heading h2{font-size:22px}.account-facts{gap:14px}.account-payments li{gap:8px}}.profile-details{border-top:1px solid var(--rule-soft);margin-top:22px;padding-top:18px}.profile-details summary{cursor:pointer;font-weight:600}.profile-details[open] summary{margin-bottom:16px}@media (max-width:760px){.account-page-heading{margin-bottom:6px}.account-page-heading>p{display:none}.account-identity{padding-bottom:16px}.account-identity strong,.account-help{display:none}.account-layout{gap:20px}}
