/* =========================================================================
   Desktop: sign-in, onboarding, joining, waiting and setup (decision 135; slice D2, piece D)
   Loaded by index.html with the desktop media query as its media attribute (see shell.css), so nothing here repeats the
   query and nothing reaches a phone. Shared classes (club-card, club-cols, club-form-foot, club-split ...) are in shell.css.
   ========================================================================= */

/* How the club works: a list of three cards; the cards stretch to one height. */
.club-how { list-style: none; margin: 0; padding: 0; }
.club-how > li { display: grid; }

/* A foot's button keeps its own width (the phone's block button fills the row). */
.club-form-foot > .club-btn--block { width: auto; display: inline-flex; }

/* Your household: the form's gap matches the page's, and neighbourhood and postcode share a row (wrappers only). */
.club-oh-form { gap: var(--space-5); }
.club-pair { gap: var(--space-3); }
.club-pair > .club-field { gap: var(--space-2); }

/* Waiting: the pending slip stands on its own, above the heading. */
.club-waitslip { padding: var(--space-4) var(--space-3) 0; }
.club-waitslip .club-slip { width: 17.5rem; }

/* The setup pages' single big icon sits at the left of the column. */
.club-split__main > .club-bigicon { justify-self: start; }

/* The ask's privacy line reads at reading width, as it does on a reading page. */
.club-split__main > .club-quiet { max-width: var(--read-max); }