.site-account { grid-column: 4; grid-row: 1; display: flex; align-items: center; gap: 10px; font: 400 13px/1.5 var(--font-interface); }
.site-account form { margin: 0; }
.site-account :is(a, button) { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 12px; border: 1px solid var(--color-border); border-radius: 4px; box-sizing: border-box; background: var(--color-surface-warm); color: var(--color-text); font: inherit; text-decoration: none; cursor: pointer; white-space: nowrap; }
.site-account :is(a, button):hover { border-color: var(--color-text-secondary); }
.site-account :is(a, button):focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.auth-page { max-width: 540px; margin: 56px auto 80px; min-height: 40vh; font: 400 13px/1.6 var(--font-interface); }
.auth-page h1 { margin: 0 0 16px; font: 650 34px/1.1 var(--font-interface); }
.auth-page p { margin: 0 0 24px; color: var(--color-text-secondary); }
.auth-google { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 42px; padding: 10px 16px; border: 1px solid #747775; border-radius: 4px; background: #fff; color: #1f1f1f; font: 500 14px/1.4 var(--font-interface); cursor: pointer; }
.auth-google img { flex-shrink: 0; }
.auth-google:hover { background: #f2f2f2; }
.auth-primary { display: inline-block; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-surface-warm); color: var(--color-text); padding: 10px 16px; font: inherit; text-decoration: none; cursor: pointer; }
.auth-return { display: block; width: fit-content; margin-top: 24px; color: var(--color-text-secondary); font: inherit; }
.auth-page :is(a, button):focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }
@media (max-width: 800px) { .auth-page { margin-block: 36px 60px; } }