/* Account-only presentation. Payment status, limits and actions own their data. */
#account .account-heading { gap: 12px; margin: 0 0 18px; padding-bottom: 16px; }
#account .account-heading h2 { font-size: clamp(28px,2.4vw,34px); line-height: 1.2; margin: 0 0 8px; }
#account .account-eyebrow { display: none; }
#account .account-heading .hint { max-width: 72ch; line-height: 1.55; }
#account .account-page { gap: 12px; }
/* The later completion stylesheet resets .account-grid to gap:0 and gives
   every account panel !important padding. Narrow selectors keep this surface
   compact without changing the shared stylesheet or payment content. */
#account .account-page > .account-grid { gap: 16px 24px; border-top: 0; }
#account .account-page > .account-heading { margin-bottom: 0; }
#account .account-grid > .account-identity { padding-block: 18px !important; }
#account .account-identity > h3 { font-size: 17px; margin: 0 0 8px; }
#account .account-identity .email-instructions { margin: 0 0 12px; }
#account .account-identity .email-account-address { margin: 4px 0; }
#account .account-identity .email-account-actions { margin: 4px 0; }
#account .account-identity #email-login-status { margin-top: 8px; }
#account .account-help { margin: 8px 0 0; }
#account .account-help > summary { display: list-item; box-sizing: border-box; min-height: 44px; padding: 10px 0; cursor: pointer; color: var(--muted-strong); font-size: 14px; line-height: 1.6; list-style-position: inside; }
#account .account-help > summary:focus-visible { outline: 3px solid var(--primary); outline-offset: 2px; border-radius: 6px; }
#account .account-help > p { margin: 4px 0 12px; line-height: 1.65; }
#account .account-documents-note { margin: 0 0 8px; }
@media(min-width:761px) {
 #account .account-identity.email-verified { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 16px; align-items: center; }
 #account .email-verified > h3,#account .email-verified > .email-account-address { grid-column: 1; }
 #account .email-verified > .email-account-actions { grid-column: 2; grid-row: 1 / span 2; }
 #account .email-verified > #email-login-status,#account .email-verified > .account-help { grid-column: 1 / -1; }
}
@media(max-width:760px) {
 #account .account-page { gap: 8px; }
 #account .account-page > .account-grid { gap: 8px 0; }
 #account .account-grid > .account-identity { padding-block: 16px !important; }
 #account .account-identity .email-account-actions { gap: 16px; }
}