.page-shell {
  width: 100%;
  min-width: 0;
  max-width: 1120px;
  padding: 48px 24px 72px;

  .event-header {
    margin-bottom: 42px;
  }

  .plans {
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    gap: 8px;

    .plan-card {
      display: grid;
      grid-row: span 4;
      grid-template-rows: subgrid;
      padding: 14px;

      .button {
        justify-self: start;
      }
    }
  }
}