/* ==========================================================================
	Topic Row
============================================================================= */
.topic-row {
  --items-border-width: 0;
  color: #0e4168;
  background-color: #e4f1f7;
  padding-block: clamp(24px, 15.4893617021px + 1.7021276596vw, 40px);
  padding-block: clamp(1.5rem, 0.96809rem + 1.7021276596vw, 2.5rem);
}

.topic-row--has-header {
  --items-border-width: 1px;
  --items-border-width: 0.0625rem;
}

.topic-row__items {
  display: grid;
  grid-template-columns: 100%;
  border-block-start: var(--items-border-width) solid rgba(14, 65, 104, 0.2);
  container-type: inline-size;
}
@media (min-width:61.25rem) {
  .topic-row__items {
    margin-inline: clamp(0px, -37.2093023256px + 7.4418604651vw, 64px);
    margin-inline: clamp(0, -2.32558rem + 7.4418604651vw, 4rem);
  }
}

.topic-row__item {
  padding-block: clamp(24px, 15.4893617021px + 1.7021276596vw, 40px);
  padding-block: clamp(1.5rem, 0.96809rem + 1.7021276596vw, 2.5rem);
}
.topic-row__item:not(:last-child) {
  border-block-end: 1px solid rgba(14, 65, 104, 0.2);
  border-block-end: 0.0625rem solid rgba(14, 65, 104, 0.2);
}

.topic-row__item-inner {
  display: grid;
  align-items: start;
  gap: 20px;
  gap: 1.25rem;
  grid-template-columns: 100%;
}
@media (min-width:31.25rem) and (max-width:46.1875rem) {
  .topic-row__item-inner {
    display: flow-root;
  }
}
@media (min-width:46.25rem) {
  .topic-row__item-inner {
    align-items: center;
    gap: clamp(60px, -1420px + 200cqi, 180px);
    gap: clamp(3.75rem, -88.75rem + 200cqi, 11.25rem);
    grid-template-areas: "--content --media";
    grid-template-columns: 1fr 34%;
  }
}

.topic-row__item-figure {
  background-color: #d4e5ec;
}
@media (min-width:31.25rem) and (max-width:46.1875rem) {
  .topic-row__item-figure {
    inline-size: 30.5%;
    float: inline-end;
    margin-block-end: clamp(20px, -21.6666666667px + 8.3333333333cqi, 40px);
    margin-block-end: clamp(1.25rem, -1.35417rem + 8.3333333333cqi, 2.5rem);
    margin-inline-start: clamp(20px, -21.6666666667px + 8.3333333333cqi, 40px);
    margin-inline-start: clamp(1.25rem, -1.35417rem + 8.3333333333cqi, 2.5rem);
  }
}
@media (min-width:46.25rem) {
  .topic-row__item-figure {
    grid-area: --media;
  }
}

.topic-row__item-image {
  block-size: auto;
  inline-size: 100%;
}

@media (min-width:46.25rem) {
  .topic-row__item-wrapper {
    grid-area: --content;
  }
}

.topic-row__item-header {
  margin-block-end: 14px;
  margin-block-end: 0.875rem;
}

.topic-row__item-title {
  color: #0e4168;
  font-size: clamp(24px, 10.6666666667px + 4.1666666667cqi, 44px);
  font-size: clamp(1.5rem, 0.66667rem + 4.1666666667cqi, 2.75rem);
  font-weight: 800;
  line-height: 1.3;
}

.topic-row__item-description {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
}
@container (min-width: 500px) {
  .topic-row__item-description {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7777777778;
  }
}

.topic-row__item-actions {
  display: grid;
  grid-template-columns: 100%;
  margin-block-start: 20px;
  margin-block-start: 1.25rem;
}
/*# sourceMappingURL=topic-row.css.map */