@layer block {
  /* stylelint-disable comment-empty-line-before */
  /* stylelint-disable no-descending-specificity */

  :root {
    --col-gap: var(--gutter-s);

    @media (width >= 600px) {
      --col-gap: var(--gutter-m);
    }
  }

  main .section.columns-scroll-container:not(:has(.tabs)) {
    padding-inline: 0;

    @media (width >= 1024px) {
      padding-inline: var(--gutter-m);
    }
  }

  main .section.columns-scroll-container picture img {
    display: block;
    width: 100%;
  }

  .columns-scroll:not(.tabs) {
    display: flex;
    column-gap: var(--col-gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;

    @media (width <= 1023px) {
      padding-inline: var(--gutter-m);
    }
  }

  .columns-scroll:not(.tabs) > div {
    flex: 1 0;
    min-width: 87%;
    scroll-snap-align: center;

    @media (width >= 600px) {
      min-width: 46%;
    }
  }

  .columns-scroll:not(.tabs) > div > div:nth-child(1) {
    @media (width >= 600px) {
      display: none;
    }
  }

  .columns-scroll:not(.tabs) > div > div:nth-child(2) {
    display: none;

    @media (width >= 600px) {
      display: block;
    }
  }

  .columns-scroll:not(.tabs) > div > div:nth-child(3) {
    padding: var(--gutter-m);
  }

  .columns-scroll:not(.tabs) > div > div:nth-child(3) ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: var(--col-gap);
  }

  .columns-scroll:not(.tabs) > div > div.button-container {
    padding: 0;
  }

  .columns-scroll:not(.tabs)
    > div:has(> div:nth-child(1):empty)
    > div:nth-child(2) {
    display: block;
  }

  .columns-scroll:not(.tabs) :is(h2, h3) {
    margin: 0 0.2em;
    font-weight: var(--fw-semibold);
    line-height: 1;
    font-size: max(var(--heading-font-size-m), calc(1rem + 1.6vw));
  }

  .columns-scroll:not(.tabs) :is(h2, h3) a {
    text-decoration: none;
  }

  .columns-scroll:not(.tabs) :is(h2, h3):is(:hover, :focus-visible) {
    text-decoration: underline;
  }

  .columns-scroll:not(.tabs) a.button {
    font-size: max(var(--body-font-size-m), calc(1rem + 0.5vw));
  }

  /* column sizes */
  .columns-scroll:not(.tabs).two-col > div {
    min-width: 49%;
  }

  .columns-scroll:not(.tabs).three-col > div {
    min-width: 32%;
  }

  .columns-scroll:not(.tabs).four-col > div {
    min-width: 23.5%;
  }

  @media (width >= 1024px) {
    .columns-scroll:not(.tabs).two-col-lg > div {
      min-width: 49%;
    }

    .columns-scroll:not(.tabs).three-col-lg > div {
      min-width: 32%;
    }

    .columns-scroll:not(.tabs).four-col-lg > div {
      min-width: 23.5%;
    }
  }

  /* hns */
  /* =============================================================== */
  main .section.columns-scroll-container:has(.hns) {
    @media (width <= 1024px) {
      padding-inline-end: 0;
    }
  }
}