/* /seo/marketplaces/ — page-specific tweaks on top of css/pages/seo-audit/index.css */

/* Brief overview: the aside label is dark in the layout */
.marketplaces-overview .audit-lead-aside__lead {
  color: var(--txt-black);
}

/* What SEO for marketplaces includes: white cards on the light section */
.marketplaces-includes .audit-approach-card {
  min-height: 0;
  background: var(--background-white);
}

.marketplaces-includes .marketplaces-includes__note {
  max-width: none;
  margin-top: 40px;
}

/* Services list: lead has two paragraphs */
.marketplaces-services__lead p {
  margin-bottom: 10px;
}

.marketplaces-services__lead p:last-child {
  margin-bottom: 0;
}

/* Who needs it: title and lead on the left, list on the right */
.marketplaces-audience .audit-section__line {
  display: grid;
  grid-template-columns: minmax(0, 880px) minmax(0, 880px);
  grid-template-rows: auto 1fr;
  column-gap: 40px;
  justify-content: space-between;
}

.marketplaces-audience .audit-section__line > h2 {
  grid-column: 1;
  grid-row: 1;
}

.marketplaces-audience .audit-results-line {
  display: contents;
}

.marketplaces-audience .audit-results-line__copy {
  grid-column: 1;
  grid-row: 2;
  min-height: 0;
  margin-top: 40px;
  font-size: 16px;
  line-height: 1.6;
}

.marketplaces-audience .audit-results-line__after {
  display: none;
}

.marketplaces-audience .audit-results-line__items {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: start;
  border-top: 0;
}

.marketplaces-audience .audit-results-line__item:first-child {
  padding-top: 0;
}

.marketplaces-audience .audit-results-line__item h3 {
  margin-bottom: 0;
}

/* Results: gray cards on the right, copy stretched to the cards height */
.marketplaces-results .audit-results-line {
  align-items: stretch;
}

.marketplaces-results .audit-results-line__copy {
  min-height: 0;
  gap: 40px;
}

.marketplaces-results .audit-results-line__lead {
  font-size: 16px;
  line-height: 1.6;
}

.marketplaces-results .audit-results-line__items {
  gap: 20px;
  border-top: 0;
}

.marketplaces-results .audit-results-line__item {
  padding: 40px;
  border-bottom: 0;
  background: var(--background-light);
}

.marketplaces-results .audit-results-line__item h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}

.marketplaces-results .audit-results-line__item p {
  color: var(--txt-black);
  font-size: 16px;
  line-height: 1.6;
}

@media screen and (max-width: 900px) {
  .marketplaces-audience .audit-section__line {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .marketplaces-audience .audit-results-line__copy {
    grid-row: 2;
  }

  .marketplaces-audience .audit-results-line__items {
    grid-column: 1;
    grid-row: 3;
    margin-top: 40px;
    border-top: 1px solid var(--outher-light-gray);
  }

  .marketplaces-audience .audit-results-line__item:first-child {
    padding-top: 24px;
  }

  /* Results on mobile: lead, cards, closing paragraph — as in the layout */
  .marketplaces-results .audit-results-line {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .marketplaces-results .audit-results-line__copy {
    display: contents;
  }

  .marketplaces-results .audit-results-line__lead {
    order: 1;
  }

  .marketplaces-results .audit-results-line__items {
    order: 2;
  }

  .marketplaces-results .audit-results-line__after {
    order: 3;
  }
}

@media screen and (max-width: 640px) {
  .marketplaces-results .audit-results-line__item {
    padding: 24px;
  }
}

/* Team: show the role description under the select on mobile, as in the layout */
@media screen and (max-width: 576px) {
  .marketplaces-team .slider-thumbs-block__descr-swiper {
    display: block;
    margin-top: 30px;
  }
}