/* Account surfaces share the public palette, with compact readable forms. */
.auth-page {max-width: 660px; padding-block: clamp(32px,5vw,64px);}
.portal-page {padding-block: clamp(30px,4vw,56px);}
.auth-page .form-panel,.portal-page .form-panel,body[data-page="security"] .form-panel {margin:24px 0;max-width:620px;}
.auth-page p,.portal-page p {max-width:70ch;}
.account-nav {display:flex;flex-wrap:wrap;gap:12px 26px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:32px;}
.account-nav a {display:inline-flex;align-items:center;min-height:40px;font-size:14px;}
.portal-heading {margin-bottom:32px;}
.portal-heading .page-title {margin-bottom:12px;}
.account-name {overflow-wrap:anywhere;color:var(--muted);}
.portal-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
.portal-block {padding:24px 0;border-top:1px solid var(--line);min-width:0;}
.portal-block h2 {font-size:23px;line-height:1.3;margin:0 0 18px;}
.portal-facts {margin:0 0 24px;}
.portal-facts>div {display:flex;gap:20px;justify-content:space-between;padding:8px 0;}
.portal-facts dt {color:var(--muted);}
.portal-facts dd {margin:0;}
.portal-count {margin-left:14px;font-variant-numeric:tabular-nums;}
body[data-page="security"] .section {padding-block:40px;}
body[data-page="security"] .section>p {max-width:72ch;}
body[data-page="security"] details {margin-block:28px;}
body[data-page="security"] details>summary {cursor:pointer;font-weight:500;}
.form-panel {min-width:0;}
.form-panel input {min-width:0;}
.form-panel .help a {text-decoration:underline;text-underline-offset:4px;}
.recovery-codes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;max-width:900px;font-size:14px;}
@media(max-width:760px){.portal-grid{grid-template-columns:1fr;gap:0}.auth-page .form-panel,.portal-page .form-panel,body[data-page="security"] .form-panel{padding:20px}.page-title{font-size:30px;letter-spacing:-.6px}.account-nav{gap:6px 20px}.recovery-codes{grid-template-columns:1fr;padding:18px 28px;}.portal-facts>div{flex-wrap:wrap;gap:5px 15px;}}