/* Component: ThisWeeksFindings -------------------------------------------- */
@layer components {
  .tp-findings {
    padding: 20px var(--tp-gutter) 74px;
  }

  .tp-findings__inner {
    max-width: var(--tp-container);
    margin-inline: auto;
  }

  .tp-findings__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--tp-space-6);
    padding-bottom: 18px;
    border-bottom: var(--tp-border);
  }

  .tp-findings__heading {
    font-weight: var(--tp-weight-regular);
    font-size: var(--tp-size-h2);
    letter-spacing: var(--tp-track-nav);
    text-transform: uppercase;
    line-height: var(--tp-leading-heading);
    color: var(--tp-color-ink);
  }

  .tp-findings__lead {
    margin-top: 8px;
    font-size: var(--tp-size-body);
    font-style: italic;
    font-weight: var(--tp-weight-light);
    color: var(--tp-color-text-body);
  }

  .tp-findings__scroll {
    flex: none;
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 4px;
    font-family: var(--tp-font-mono);
    font-size: var(--tp-size-label);
    letter-spacing: var(--tp-track-wide);
    text-transform: uppercase;
    color: var(--tp-color-gold-text);
  }

  .tp-findings__scroll svg {
    color: var(--tp-color-brass-text);
  }

  .tp-findings__rail {
    display: flex;
    gap: 26px;
    margin-top: 30px;
    padding-bottom: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  .tp-findings__item {
    flex: none;
    display: flex;
  }

  .tp-findings__empty {
    margin-top: 30px;
    font-size: var(--tp-size-body-l);
    font-style: italic;
    font-weight: var(--tp-weight-light);
    color: var(--tp-color-text-muted);
  }

  @media (max-width: 1099px) {
    .tp-findings {
      padding: 14px var(--tp-gutter) 52px;
    }

    .tp-findings__heading {
      font-size: 27px;
      letter-spacing: var(--tp-track-meta);
    }
  }

  @media (max-width: 699px) {
    .tp-findings {
      padding: 8px var(--tp-gutter) 42px;
    }

    .tp-findings__heading {
      font-size: 23px;
      letter-spacing: var(--tp-track-button);
    }

    .tp-findings__rail {
      gap: 16px;
      margin-top: 24px;
      scroll-snap-type: x mandatory;
    }

    .tp-findings__item {
      scroll-snap-align: center;
    }
  }
}