/* ============================================================
   INDUSTRIES — Branchen-Grid (mobile 2 cols → 4 cols)
   ============================================================ */

.ind { padding: 64px 20px; background: var(--surface3); }
.ind__grid {
  display: grid; gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.ind__grid b, .ind__grid em { overflow-wrap: anywhere; hyphens: auto; }
.ind__grid li, .ind__grid li.ind__cta a {
  display: block;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--r2);
  padding: 18px;
  transition: box-shadow .15s var(--ease), transform .15s var(--ease);
}
.ind__grid li { position: relative; }
.ind__grid li:hover { box-shadow: var(--sh-md); transform: translateY(-2px); }
/* Stretched-link: ganze Card klickbar, ohne Padding-Duplikat im <a> */
.ind__grid li > a { color: inherit; display: block; }
.ind__grid li > a::before {
  content: ''; position: absolute; inset: 0; z-index: 1; border-radius: var(--r2);
}
.ind__cta {
  background: var(--accent-tint-2) !important;
  border: 1px dashed rgba(79,114,227,.4) !important;
}
.ind__cta a { padding: 0; background: transparent; border: 0; }
.ind__cta b { color: var(--accent); }
.ind__e { display: block; font-size: 22px; line-height: 1; margin-bottom: 10px; }
.ind__grid b { display: block; font-size: 14px; font-weight: 600; color: var(--text); margin-bottom: 4px; }
.ind__grid em { font-size: 12px; line-height: 1.5; color: var(--text2); font-style: normal; }

/* ─── Responsive ──────────────────────────────────────────── */
@media (min-width: 640px) {
  .ind__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
  .ind__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .ind { padding: 96px 24px; }
}