/*
 * Signup invitation and contact links on a published world. Loaded only when the world shows the block.
 * The look (card, fields, buttons, contact row, narrow-screen layout) is drawn from the template palette by
 * resources/css/prototype/casa-page.css, which world.css carries and the editor preview shares; this file
 * only holds the pieces the form needs on its own, so it still reads sensibly if the palette layer is absent.
 *
 * Reduced motion: the button lift is a deliberate hover effect and is kept with reduced motion on.
 */
.sw-signup { display: flex; align-items: center; gap: 26px; position: relative; isolation: isolate; font-family: system-ui, -apple-system, 'Segoe UI', sans-serif; }
.sw-signup-content { flex: 1; min-width: 0; }
.sw-signup-line { display: flex; align-items: flex-end; gap: 10px; }
.sw-signup-field { flex: 1; min-width: 0; }
.sw-signup-field input { font: inherit; }
.sw-signup-submit { display: flex; align-items: center; justify-content: center; gap: 12px; flex-shrink: 0; cursor: pointer; font: inherit; line-height: 1.4; }
.sw-signup-submit span { font-size: 16px; line-height: 1; }
.sw-signup-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.sw-world__reach a { text-underline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  .sw-signup-submit { transition: background 0.2s, transform 0.2s !important; }
}