/* ============================================================
   templates/home.css
   Composition only: what sits where on the homepage. Reads
   components; owns none. Block ORDER lives in front-page.php,
   not here (order is a template decision, not a style).
   ============================================================ */

/* The TOP banner is NOT a homepage block: it is site-wide and sits above the
   masthead (header.php + base.css). The homepage has no say in it. */

/* The subscribe band is the one form on this page, immediately before the footer. */
.rfi-home__subband { margin-top: var(--rfi-block-gap); }

/* Coming events + New companies: two panels side by side, each with its own head. */
.rfi-home__two { display: grid; grid-template-columns: 1fr 1fr; gap: var(--rfi-gap); align-items: stretch; }
.rfi-home__two > * { display: flex; flex-direction: column; gap: 16px; }
/* Both panels fill the taller column so their bottom edges line up; the shorter
   list keeps trailing space inside its white panel (accepted). */
.rfi-home__two > * > .rfi-panel { flex: 1; }
@media (max-width: 900px) { .rfi-home__two { grid-template-columns: 1fr; } }