/* Only the content canvas scales. Section backgrounds keep their full width. */
@media screen {
  #agendaPreview .agenda.agenda-v5.agenda-redesign > [data-screen-content-fit],
  #agendaPreview .agenda.agenda-v5.agenda-redesign > .agenda-panel-module[data-screen-content-fit] {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    height: var(--screen-section-height);
    min-height: 0;
    padding: 0;
    overflow: clip;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-screen-content {
    position: absolute;
    left: calc(50% + var(--screen-content-shift, 0px));
    top: var(--screen-content-top);
    width: var(--screen-content-width);
    height: var(--screen-content-height);
    min-height: 0;
    margin: 0;
    box-sizing: border-box;
    container: agenda / inline-size;
    transform: translateX(-50%) scale(var(--screen-content-scale));
    transform-origin: top center;
  }
}

/* Wide screens use the supplied six-card row composition. */
@media screen {
  @container agenda (min-width: 1051px) and (max-width: 1399px) {
    #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-round-figma.has-6-workgroups .agenda-screen-content .round-heading {
      top: 3cqw;
      left: 3cqw;
      width: 48cqw;
      height: 11cqw;
    }
    #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-round-figma.has-6-workgroups .agenda-screen-content .round-heading h2 {
      top: 2.5cqw;
      left: 17cqw;
      width: 29cqw;
      white-space: normal;
    }
    #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-round-figma.has-6-workgroups .agenda-screen-content .round-heading h2::before {
      top: -.694cqw;
      left: -4.45cqw;
    }
    #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-round-figma.has-6-workgroups .agenda-screen-content .agenda-schedule-chip {
      top: 5cqw;
      left: 70cqw;
      width: 26cqw;
    }
    #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-round-figma.has-6-workgroups .agenda-screen-content .workgroup-grid {
      top: 19cqw;
      left: 3cqw;
      width: 94cqw;
      height: auto;
      padding: 0;
      margin: 0;
      transform: none;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 1.6cqw;
    }
    #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-round-figma.has-6-workgroups .agenda-screen-content .workgroup-card {
      width: 100%;
      left: 0;
      top: 0;
    }
  }
}

/* Portrait tablets have room for paired copy and paired format descriptions. */
@media screen and (min-width: 751px) and (max-width: 950px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-screen-content .agenda-intro-copy {
    grid-template-columns: 1fr 1.2fr;
    gap: 4cqw;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-screen-content .agenda-intro-copy h2 { font-size: 7cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-screen-content .agenda-intro-description p { font-size: 2.8cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-screen-content .agenda-intro-main { margin-top: 5cqw; gap: 4cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-screen-content .agenda-intro-footer { margin-top: 5cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-screen-content .agenda-intro-formats { grid-template-columns: 1fr 1fr; gap: 4cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-screen-content .agenda-intro-format { grid-template-columns: 10cqw 1fr; gap: 2cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-screen-content .agenda-intro-format-icon { width: 10cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-screen-content .agenda-intro-format h3 img { width: 22cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-screen-content .agenda-intro-format p { font-size: 2.5cqw; }
}

@media screen and (min-width: 751px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-intro-module[data-screen-content-fit] > .agenda-intro-decoration-large {
    top: 32px;
    right: 8px;
    width: max(0px, calc(var(--screen-content-gutter) - 16px));
    max-width: 28cqw;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-intro-module .agenda-screen-content .agenda-intro-decoration-small {
    width: 5cqw;
    top: -5cqw;
    right: 1cqw;
  }
}