/* The host's own pages (sign-in, sign-out): a card centred on the page, on the design pack's tokens only. */
.host-page { margin: 0; min-height: 100vh; display: grid; place-items: center; }
.host-box { width: min(360px, calc(100vw - 2 * var(--eo-space-6))); }
.host-card { display: grid; gap: var(--eo-space-5); }
.host-actions { display: grid; gap: var(--eo-space-3); }
.host-message { margin: 0; font: var(--eo-type-body); color: var(--eo-text-secondary); }