.full-width-page {
  container-name: width-checker;
  container-type: inline-size;

  /* if the first child of full-width-page is full-width-section, unset the padding at the top of main */
  main:has(& > .full-width-section:first-child) {
    padding-top: unset;
  }

  main:has(&) > .container-fluid {
    max-width: unset;
    padding: unset;
  }

  section:not(.full-width-section),
  .full-width-section__wrapper {
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 10px;
  }

  .squishify-container > :where([class$="__container"], [class$="__wrapper"]) {
    max-width: 1020px;
    margin-right: auto;
    margin-left: auto;
  }
}