/* ===================== Články ===================== */
.mm-web-articles {
  padding: 41px var(--gutter) 0;
  margin-bottom: 160px;
  color: var(--fg-base);
}

.mm-web-articles__copy {
  max-width: 907px;
  margin: 80px 0 0 auto;
}

/* Výpis článků — řádky odsazené zleva, obrázek se ukazuje až na hover */
/* zarovnáno doprava tak, aby textový sloupec (907 px) lícoval s lead
   textem nad výpisem — na širších monitorech roste mezera vlevo */
.mm-web-articles__list {
  max-width: 1259px; /* 320 obrázek + 32 mezera + 907 text */
  margin: 128px 0 0 auto;
  padding: 0;
  list-style: none;
}
.mm-web-articles__row {
  display: flex;
  gap: 32px;
  min-height: 200px;
  color: inherit;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.mm-web-articles__row:hover { background: var(--bg-subtle); }
.mm-web-articles__media {
  width: 320px;
  height: 200px;
  flex-shrink: 0;
}
/* Images::get_image() vrací <picture> – nechceme ho jako box, ať platí object-fit na <img>. */
.mm-web-articles__media picture {
  display: contents;
}
.mm-web-articles__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0; /* obrázek se odhalí až na hover řádku */
  transition: opacity 0.3s ease;
}
.mm-web-articles__row:hover .mm-web-articles__media img { opacity: 1; }

.mm-web-articles__content {
  flex: 1;
  padding-top: 32px;
  border-top: 1px solid rgba(10, 44, 34, 0.07);
}
.mm-web-articles__meta {
  margin: 0;
  font-family: "Inter Display", system-ui, sans-serif;
  font-size: 14px;
  opacity: 0.6;
}
.mm-web-articles__name {
  max-width: 672px;
  margin: 16px 0 0;
  font-family: "Founders Grotesk", system-ui, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.1;
}

.mm-web-articles__cta {
  margin: 80px 0 0;
  text-align: center;
}

/* ===================== Mobil (≤900px) ===================== */
@media (max-width: 900px) {
  .mm-web-articles { margin-bottom: 72px; }
  .mm-web-articles__copy { margin-top: 48px; }

  .mm-web-articles__list {
    max-width: none;
    margin: 64px 0 0;
  }
  /* řádek = sloupec: linka přes celou šířku, obrázek trvale viditelný */
  .mm-web-articles__row {
    flex-direction: column;
    gap: 0;
    min-height: 0;
    padding: 32px 0;
    border-top: 1px solid rgba(10, 44, 34, 0.07);
  }
  .mm-web-articles__media {
    width: 200px;
    height: 125px;
  }
  .mm-web-articles__media img { opacity: 1; } /* na dotyku není hover */
  .mm-web-articles__content {
    margin-top: 16px;
    padding-top: 0;
    border-top: 0;
  }
  .mm-web-articles__name {
    max-width: none;
    margin-top: 16px;
    font-size: 28px;
  }
  .mm-web-articles__cta { margin-top: 48px; }
}