.resa-header {
 display:flex; align-items:center; justify-content:space-between; gap:.75rem 1.25rem;
 flex-wrap:wrap; padding:.8rem max(1rem,4vw); background:var(--navigation); color:var(--navigation-text);
}
.resa-brand,.resa-account { display:flex; align-items:center; gap:.75rem; }
.resa-brand img { object-fit:contain; }
.resa-brand strong,.resa-brand span { display:block; }
.resa-brand strong { font-size:1.35rem; }
.resa-brand span,.resa-account span { font-size:.85rem; }
.resa-account { flex-wrap:wrap; }
.resa-account[hidden] { display:none; }
.resa-site .main-content { padding:clamp(1rem,4vw,2.5rem); }
.resa-site h1 { margin-bottom:1rem; }
.resa-auth { max-width:30rem; margin:1rem auto; }
.resa-auth h2 { margin-bottom:.6rem; }
.resa-auth form { margin-top:1rem; }
.resa-auth .btn.text { justify-self:start; padding-inline:0; }