/* Full-domain wordmark, also used by the server-rendered secondary screens.
   Fixed aspect ratio and a bounded width keep every glyph on narrow phones. */
.brand,.wordmark{display:inline-flex;align-items:center;min-height:44px;width:232px;max-width:100%;flex-shrink:0;text-decoration:none}
.brand img,.wordmark img{display:block;width:100%;height:auto;max-width:100%}
.identity-screen{min-height:100svh;display:grid;place-items:center;padding:24px 20px}
.identity-screen main{width:min(100%,640px);padding:clamp(20px,5vw,40px);border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface)}
.identity-screen .brand{width:min(100%,348px)}
.identity-screen .brand img{width:100%}
.identity-screen h1{font-size:clamp(1.75rem,6vw,2.5rem)}
.identity-screen .details{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.identity-screen .reason{font-family:var(--font-mono)}
.identity-screen .note{color:var(--color-muted)}
.identity-screen form{display:grid;gap:16px}
.identity-screen input{width:100%}
.workspace-screen>.brand{margin-bottom:24px}
@media(max-width:599px){header{flex-wrap:wrap}.brand{flex-shrink:1}}