.named-account-page .account-panel { max-width: 430px; margin-top: clamp(56px, 14vh, 150px); }
.named-account-page .account-panel h1 { margin: 16px 0 22px; font: 400 clamp(34px, 5vw, 46px)/1.18 var(--ratio-serif); letter-spacing: -.035em; overflow-wrap: anywhere; }
.named-account-page .account-panel > p:not(.entry-preview) { color: var(--muted); margin: 0 0 24px; }
.named-account-page .account-panel .button { text-decoration: none; }
.named-account-page .account-existing { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); }
.named-account-page .account-existing summary { padding: 5px 0; cursor: pointer; color: var(--muted); }
.named-account-page .account-existing summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.named-account-page .account-existing form { margin-top: 24px; }
.named-account-page .account-existing label { display: block; margin-bottom: 8px; }
.named-account-page .account-existing input { width: 100%; min-height: 46px; border: 1px solid var(--line); border-radius: 0; padding: 10px 12px; background: var(--paper); color: var(--ink); font-size: 16px; }
.named-account-page .account-hint { margin: 10px 0 18px; color: var(--muted); font-size: 12px; }
.named-account-page .account-logout { display: block; margin-top: 32px; }
.named-account-page .account-panel .account-message { margin-top: 24px; padding: 12px 0; color: var(--accent); border-top: 1px solid var(--line); }