.account-shell { width: min(100% - 32px, 480px); margin: 48px auto; }
.account-card { background: #fff; border: 1px solid var(--line, #ddd); border-radius: 10px; padding: 28px; }
.account-card h1 { font-size: 26px; line-height: 1.25; margin: 0 0 16px; }
.account-card p { overflow-wrap: anywhere; }
.account-form { display: grid; gap: 16px; margin-top: 20px; }
.account-form label { display: grid; gap: 6px; font-weight: 600; }
.account-form input { width: 100%; min-height: 44px; min-width: 0; border: 1px solid var(--line, #ddd); border-radius: 7px; padding: 10px 12px; font: inherit; }
.account-form .button, .google-button { width: 100%; min-height: 44px; white-space: normal; }
.account-tabs { display: flex; gap: 16px; border-bottom: 1px solid var(--line, #ddd); margin: 20px 0; }
.account-tabs a { padding: 10px 0; min-height: 44px; }
.account-tabs a[aria-current] { font-weight: 700; border-bottom: 3px solid #b7954d; }
.account-help, .account-footer { font-size: 13px; color: #5f6670; }
.account-link { display: inline-block; margin-top: 18px; }
.account-message { padding: 12px; background: #f4f1e9; border: 1px solid #c7b483; border-radius: 7px; }
.account-message.error { background: #fff1ef; border-color: #c58479; }
.account-divider, .account-footer { text-align: center; }
.account-data { display: grid; gap: 6px; }
.account-data dt { font-weight: 600; margin-top: 12px; }
.account-data dd { margin: 0; overflow-wrap: anywhere; }
.site-header { flex-wrap: wrap; }
.account-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-left: auto; }
.account-nav form { margin: 0; }
.account-nav a { min-height: 44px; display: inline-flex; align-items: center; }
:focus-visible { outline: 3px solid #9b793a; outline-offset: 3px; }
@media (max-width: 480px) { .account-shell { margin: 24px auto; } .account-card { padding: 20px; } .account-card h1 { font-size: 23px; } }