/* v2/app/start/start.css: the domain-first /start page (issue 438). Layout only; every component (StepsCard with a body, TextField valid, StatusRow, Callout,
 * PillButton ghost swap / busy / block) comes from ../../components.css. Only --v2-* variables. Loaded after settings.css. */
.v2st-grid { display: block; }
.v2st-main { align-items: stretch; }
.v2st-main > .v2s-title { align-self: flex-start; }
.v2st-main .v2-pagenote { margin: 0; }
.v2st-form { display: flex; flex-direction: column; gap: var(--v2-space-12); }
.v2st-main .v2-step.has-body > .v2-step-text { flex: 1; }
@media (min-width: 900px) { .v2st-main .v2-pagenote { font: var(--v2-type-desk-default); } }
/* desktop: direction A, "composed" (Ben picked it 2026-10-29, issue 446): nothing beside the card; a wider card and the desktop
 * display headline, centred on the viewport. The demo rail it replaces was rejected because it needed a caption. */
@media (min-width: 1100px) {
  .v2s-solo.v2st .v2a-col { max-width: 704px; }
  .v2st-grid { min-height: calc(100vh - 240px); display: flex; flex-direction: column; justify-content: center; }
  .v2st-main .v2s-title { font: var(--v2-type-desk-display); }
  .v2st-main > .v2-pagenote { font: var(--v2-type-desk-intro); margin-bottom: var(--v2-space-16); }
}