/* RAREPAD launch pages. Layout only: grid composition and one off widths.
   Every colour, rule, shadow, radius and typeface lives in rarepad.css. */

/* ---- the chooser, two bills side by side -------------------------------- */
/* no align-items here: the two bills stretch to the taller of the pair, and
   .rp-bill-ft in rarepad.css already pushes both footer rules to the bottom */
.lc-choose { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4); }
.lc-blurb { margin-top: var(--s2); }
.lc-facts { padding: 0 var(--s3) var(--s3); }

/* ---- the forms ---------------------------------------------------------- */
.lf-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4); margin-bottom: var(--s4); }
.lf-two > .rp-ctl { margin-bottom: 0; }
.lf-two:last-child { margin-bottom: 0; }

/* ---- the mint phase schedule -------------------------------------------- */
/* an unchecked phase is one ruled row: the legend carries its name, the row
   carries the checkbox and the one line description. The fields only open
   when the box is ticked, so the four phases read as a schedule. */
.lf-ph { margin-bottom: var(--s3); }
.lf-ph-hd { display: flex; align-items: baseline; gap: var(--s3); flex-wrap: wrap; }
.lf-ph-hd .rp-hint { flex: 1 1 15rem; margin-top: 0; }
.lf-ph-bd { margin-top: var(--s4); }

/* two per row so a date field is never clipped by its own native control */
.lf-phase { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4); margin-bottom: var(--s4); }
.lf-phase > .rp-ctl { margin-bottom: 0; }

.lf-gap { margin-top: var(--s4); }
.lf-gap-sm { margin-top: var(--s3); }

/* ---- the preview column ------------------------------------------------- */
.lf-aside { position: sticky; top: 80px; }
.lf-aside > * + * { margin-top: var(--s4); }

@media (max-width: 900px) {
  .lf-aside { position: static; }
}
@media (max-width: 720px) {
  .lf-phase { grid-template-columns: minmax(0, 1fr); }
  .lc-choose { grid-template-columns: minmax(0, 1fr); }
  .lf-two { grid-template-columns: minmax(0, 1fr); }
}

/* the phase editor on its own, when the creator tools open this page */
.lf-solo { grid-template-columns: minmax(0, 1fr); max-width: 720px; margin: 0 auto; }