.auth-navigation {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}
.auth-navigation .button {
    flex: 1 1 180px;
    min-width: 0;
    min-height: 44px;
    border-radius: 6px;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    letter-spacing: 0;
}
.auth-navigation .button.secondary:visited { color: var(--primary-dark); }
.auth-navigation .button.ghost:visited { color: var(--ink); }
.auth-navigation .button.secondary:hover { background: #dceef0; border-color: #7ab5be; }
.auth-navigation .button.ghost:hover { background: #edf3f6; border-color: #8da5b0; }
.auth-navigation .button:focus-visible { outline: 3px solid var(--primary); outline-offset: 3px; }
@media (max-width: 480px) {
    .auth-navigation { flex-direction: column; }
    .auth-navigation .button { flex: none; width: 100%; }
}