/* The band that leads to the page on the independent quality assessment: one
   slim row under the lead area. Its colour is the one the «Оценить работу»
   card already uses. */
.page-index .home-nokBand {
  background: #5b39a8;
  color: #fff;
}

.page-index .home-nokBandInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px 32px;
  padding-block: 14px;
}

.page-index .home-nokBandText {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 20px;
}

.page-index .home-nokBandLabel {
  margin: 0;
  color: #e6ddff;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.page-index .home-nokBand h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.15rem, 1.8vw, 1.4rem);
  line-height: 1.2;
}

.page-index .home-nokBandButton {
  display: inline-flex;
  min-height: 44px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 9px 22px;
  border: 2px solid #fff;
  background: #fff;
  color: #3f2585;
  font-weight: 750;
  text-decoration: none;
  white-space: nowrap;
}

.page-index .home-nokBandButton:hover,
.page-index .home-nokBandButton:focus-visible {
  background: #5b39a8;
  color: #fff;
}

@media (max-width: 680px) {
  .page-index .home-nokBandInner {
    flex-direction: column;
    align-items: stretch;
    padding-block: 16px;
  }

  .page-index .home-nokBandButton {
    width: 100%;
  }
}

/* Banner links to the right of «Последние новости» (owner, 2026-10-15): the
   quality-assessment survey, and under it Takzdorovo.ru. The column keeps the
   survey banner at its own width, 300 px. Narrower screens move the column
   under the lead area and set the banners side by side, then one under the
   other. */
.page-index .home-leadGrid {
  grid-template-columns: minmax(0, 1.62fr) minmax(280px, 0.9fr) 300px;
}

.page-index .home-bannerColumn {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 18px;
}

.page-index .home-bannerColumn a {
  display: block;
  line-height: 0;
}

.page-index .home-bannerColumn a:focus-visible {
  outline: 3px solid #0876c9;
  outline-offset: 2px;
}

.page-index .home-bannerColumn img {
  width: 100%;
  height: auto;
}

.page-index .home-nokBanner {
  width: 300px;
  max-width: 100%;
  height: 110px;
  overflow: hidden;
}

.page-index .home-nokBanner iframe {
  display: block;
  margin: -8px;
  border: 0;
}

@media (max-width: 1100px) {
  .page-index .home-leadGrid {
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.85fr);
  }

  .page-index .home-bannerColumn {
    grid-column: 1 / -1;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
  }

  .page-index .home-bannerColumn a {
    width: 300px;
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  .page-index .home-leadGrid {
    grid-template-columns: minmax(0, 1fr);
  }
}