@layer component {
  .industry-report__tabs {
    margin-block: var(--layout-component-block-space);
    padding-block-start: 1.25rem;
  }

  .node--industry-report.node--view-mode--full {
    & .field--field-description-short {
      color: var(--color-text-tertiary);
      font: var(--font-body-xl-semibold);
      letter-spacing: var(--letter-spacing-body-semibold);
    }

    & .field--field-licenses {
      container-type: inline-size;
      container-name: license-grid;
    }

    & .field--field-licenses .field__items {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.25rem;
    }
  }

  .node--industry-report.node--view-mode--cover-image {
    & img {
      transition: var(--transition);
    }

    & a:hover img,
    & a:focus img {
      transform: translateY(-.5rem);
    }
  }

  .node--industry-report.node--view-mode--highlight-card {
    padding: 1.875rem;
    color: var(--white);
    background-color: var(--color-primary);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    text-decoration: none;

    &.bg--color-2 {
      background-color: var(--color-accent);
    }

    & h2 {
      color: inherit;
      margin-block-end: 1rem;
    }

    & .button {
      margin-block-start: 1.25rem;
    }

    & img {
      display: block;
      margin-inline: auto;
    }
  }

  @container (min-width: 42rem) {
    .node--industry-report.node--view-mode--full {
      & .field--field-licenses .field__items {
        grid-template-columns: repeat(2, 1fr);
      }
    }
  }

  @container (min-width: 52rem) {
    .node--industry-report.node--view-mode--highlight-card {
      padding: 2.5rem 2.5rem 2.5rem 3rem;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;

      & .button {
        margin-block-start: 2.5rem;
      }

      & > * {
        flex: 1;
      }
    }
  }

  @media screen and (min-width: 48rem) {
    .industry-report__tabs {
      padding-block-start: 2.5rem;
    }

    .node--industry-report.node--view-mode--full {
      & .field--field-description-short {
        font: var(--font-head-xs-semibold);
        letter-spacing: var(--letter-spacing-heading-semibold);
      }
    }
  }
}