/* I4PL home page, Annual National Conference card (Cheville, 2026-09-30; tightened by Glen, 2026-10-01):
   two short buttons side by side, centred on a phone, and no space spent on nothing.
   Registration leads; the hotel promotion sits beneath as a slim strip. Text 16px+, AA colours. */
.section-tight:has(> .wrap > .conf-promo) { padding-block: var(--sp-5); }
.conf-promo { gap: var(--sp-5); padding: var(--sp-5); }
.conf-promo-copy h2 { margin: var(--sp-1) 0 var(--sp-2); }
.conf-promo-copy p { margin-bottom: var(--sp-3); max-width: 58ch; }
.conf-promo-actions { flex-direction: column; align-items: flex-start; gap: var(--sp-3); }
.conf-promo-buttons { display: flex; flex-wrap: nowrap; gap: var(--sp-3); }
.conf-promo-buttons .btn { font-size: 1.125rem; min-height: 3rem; padding-inline: var(--sp-5); }
.conf-promo .btn-register { position: relative; z-index: 1; }
.conf-promo .hotel-tile { flex: 0 0 auto; align-self: stretch; max-width: 34rem; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 2px var(--sp-4); padding: var(--sp-3) var(--sp-4); }
.conf-promo .hotel-tile-rate { font-size: 1.5rem; }
.conf-promo .hotel-tile-rate span { font-size: 1rem; }
.conf-promo .hotel-tile-date, .conf-promo .hotel-tile-cta { margin-top: 0; }
@media (max-width: 860px) {
  .conf-promo-actions { align-items: center; }
  .conf-promo-buttons { justify-content: center; width: 100%; }
  .conf-promo .hotel-tile { max-width: none; width: 100%; }
}
@media (max-width: 520px) {
  /* The words are short now: the two buttons stay side by side and share the width. */
  .conf-promo-actions { flex-direction: column; align-items: center; }
  .conf-promo-actions .btn { width: auto; }
  .conf-promo-buttons { flex-direction: row; justify-content: center; width: 100%; }
  .conf-promo-buttons .btn { flex: 1 1 0; justify-content: center; padding-inline: var(--sp-3); }
}