/* ==========================================================================
   MELVS — Lösungsseiten (Phase 3)
   Ergänzt style.css, keine Überschreibung bestehender Klassen.
   ========================================================================== */

.back-link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13.5px; font-weight:600; color:var(--muted);
  margin-bottom:20px; transition:color .2s ease;
}
.back-link:hover{ color:var(--ink); }
.back-link svg{ width:14px; height:14px; }

.module-hero{ padding:168px 0 56px; background:linear-gradient(180deg,var(--surface) 0%, #fff 100%); }
.module-hero .tag-row{ display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
.module-hero .tag-row span{ background:var(--surface-2); border-radius:100px; padding:7px 15px; font-size:13px; font-weight:600; color:var(--ink-70); }

.solution-list{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:14px; }
.solution-list li{ display:flex; align-items:flex-start; gap:12px; font-size:15px; color:var(--ink-70); line-height:1.6; }
.solution-list li::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--accent); margin-top:9px; flex-shrink:0; }

.limits-box{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:30px 32px; }
.limits-box .eyebrow{ margin-bottom:10px; }
.limits-box ul{ margin:14px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:12px; }
.limits-box li{ display:flex; align-items:flex-start; gap:12px; font-size:14.5px; color:var(--ink-70); line-height:1.6; }
.limits-box li::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--muted); margin-top:8px; flex-shrink:0; }

.usecase-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
@media (max-width:700px){ .usecase-grid{ grid-template-columns:1fr; } }
.usecase-card{
  background:#fff; border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:24px 24px; transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.usecase-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); }
.usecase-card h3{ font-size:15.5px; }
.usecase-card p{ margin-top:8px; font-size:14px; }

.setup-mini{ display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }
.setup-mini span{
  display:flex; align-items:center; gap:8px;
  background:var(--surface-2); border-radius:100px; padding:9px 16px 9px 12px;
  font-size:13.5px; font-weight:600; color:var(--ink-70);
}
.setup-mini span .n{
  width:20px; height:20px; border-radius:50%; background:var(--ink); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700;
}