/* =================== QuickChoice • partnership.css =================== */
.hero .hero__script{ font-size:44px; }
.section{ padding-top:24px; }

/* tighten card look a hair for the ring layout */
.ring .rounded-card{ padding:14px; }

/* phone: avoid awkward right side / stacking weirdness */
@media (max-width:760px){
  .ring .rounded-card{ padding:12px; }
  .ring__center img{ max-width:320px; }
}
@media (min-width:980px){
  /* ensure a third row exists under the center image */
  .ring{ grid-template-rows: auto auto auto; }

  /* center art stays spanning columns 2–3, rows 1–2 (already true) */
  .ring__center{ grid-column:2 / 4; grid-row:1 / 3; }

  /* place the two “under-center” cards on row 3, columns 2 and 3 */
  .ring .under-center{ grid-row:3; }
  .ring .under-center.left{  grid-column:2; }
  .ring .under-center.right{ grid-column:3; }
}