.access-content { grid-template-areas: "intro form" ". feedback" ". retry" ". recover" "footer footer"; }
.access-form .primary-button { margin-top: 16px; }
.password-hint { margin: 0 0 2px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.recovery-feedback { grid-area: feedback; margin: 22px 0 0; padding: 16px 0 16px 18px; border-left: 2px solid #416451; border-radius: 4px; color: #315442; background: transparent; font-size: 13px; line-height: 1.75; overflow-wrap: anywhere; }
.recovery-feedback:empty { margin: 0; padding: 0; border: 0; }
.recovery-feedback[data-error="true"] { color: #9e3c29; border-color: #b74b25; }
.recovery-feedback:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
#recoveryNewLink { grid-area: retry; }
.access-content > noscript { grid-area: feedback; }
@media (max-width: 680px) { .access-content { grid-template-areas: "intro" "form" "feedback" "retry" "recover" "footer"; } }