/* Shared article index styling for both languages. */
.managed-blog-index {
  --managed-blog-surface-muted: #F5F8F7;
  --managed-blog-ink: #15231E;
  --managed-blog-muted: #4B5D56;
  --managed-blog-line: #D6E7DF;
  background: var(--managed-blog-surface-muted);
}

.managed-blog-index__main {
  width: min(1200px, calc(100% - 56px));
  padding: 48px 0 76px;
}

.managed-blog-index__hero {
  min-height: 260px;
  padding: clamp(32px, 5vw, 64px);
  background: #FFFFFF;
  color: #004F36;
  border: 1px solid var(--managed-blog-line);
  border-radius: 12px;
  box-shadow: none;
}

.managed-blog-index__eyebrow { color: #004F36; }
.managed-blog-index__title { color: #004F36; letter-spacing: -.035em; }
.managed-blog-index__description { color: #4B5D56; }
.managed-blog-index__card { box-shadow: none; }
.managed-blog-index__card:hover { box-shadow: none; }

@media (max-width: 700px) {
  .managed-blog-index__main { width: calc(100% - 40px); padding: 32px 0 58px; }
  .managed-blog-index__hero { min-height: 0; padding: 32px 24px; }
  .managed-blog-index__hero-content { gap: 16px; }
}