/* Shared article index styling for both languages. */
.managed-blog-index {
  --managed-blog-surface-muted: #F7F9FB;
  --managed-blog-ink: #172B3A;
  --managed-blog-muted: #4F6272;
  --managed-blog-line: #D9E3EA;
  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: #0C4A6E;
  border: 1px solid var(--managed-blog-line);
  border-radius: 12px;
  box-shadow: none;
}

.managed-blog-index__eyebrow { color: #0C4A6E; }
.managed-blog-index__title { color: #0C4A6E; letter-spacing: -.035em; }
.managed-blog-index__description { color: #4F6272; }
.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; }
}