/* /account only. Loaded after site.css. */
/* .btn sets display, which would beat the hidden attribute. */
.acct [hidden]{display:none!important}
.acct{max-width:960px;margin:0 auto}
.acct h2{font-size:26px}
.acct .lede{color:var(--muted);margin:0 0 22px;max-width:640px}
.notice{max-width:960px;margin:0 auto 26px}
.notice p{margin:0;font-weight:600;color:var(--ink)}
.acct .form{margin:0 auto}
.acct .form h2{font-size:22px;margin-bottom:6px}
.acct .form .lede{margin-bottom:18px}
.acct .form .btn{width:100%}
.acct .form .row{display:flex;gap:10px;margin-top:12px}
.acct .form .row .btn{flex:1}
.btn-outline{background:#fff;color:var(--navy);border-color:var(--border)}
.btn-outline:hover{border-color:var(--teal);color:var(--navy);text-decoration:none}
.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;filter:none}
.acct-line{margin:0 0 4px;color:var(--muted);font-size:15px;overflow-wrap:anywhere}
.acct-line.plan{color:var(--ink);font-weight:700;font-size:17px;margin-bottom:22px}
.acct .tiers{margin:8px 0 14px}
.acct .tier .sub{margin-bottom:18px}
.acct .tier .btn{margin-top:auto}
.acct .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}
.acct .actions .btn{padding:.62rem 1.35rem}
.acct .status{min-height:1.4em}
.acct .center-note{max-width:640px}
@media(max-width:820px){.acct h2{font-size:23px}.acct .form{padding:24px}.acct .actions .btn{width:100%}}