.wielm-model-info {
  --wielm-info-accent: #0284c7;
  max-width: 1080px;
  margin: 36px auto;
  padding: 0 22px 50px;
  color: #172033;
  font: 400 17px/1.7 "Segoe UI", Roboto, Arial, sans-serif;
}

.wielm-model-info header {
  padding: 34px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  background: linear-gradient(135deg, #f8fafc, #e0f2fe);
}

.wielm-model-info h1,
.wielm-model-info h2,
.wielm-model-info h3 { color: #07111d; }

.wielm-model-info h1 { margin: 0 0 12px; font-size: clamp(34px, 6vw, 58px); line-height: 1; }
.wielm-model-info h2 { margin-top: 42px; font-size: 27px; }
.wielm-model-info h3 { margin: 0 0 8px; font-size: 18px; }
.wielm-model-info p { margin: 0 0 15px; }
.wielm-model-info li + li { margin-top: 7px; }

.wielm-model-info__eyebrow {
  color: #0369a1;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wielm-model-info__button {
  display: inline-flex;
  padding: 10px 16px;
  border-radius: 6px;
  background: #07111d;
  color: #fff !important;
  font-weight: 800;
  text-decoration: none !important;
}

.wielm-model-info__button:hover,
.wielm-model-info__button:focus { background: var(--wielm-info-accent); }

.wielm-model-info__sources {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.wielm-model-info__sources > div {
  padding: 18px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #f8fafc;
}

.wielm-model-info a { color: #0369a1; }
.wielm-model-info footer { margin-top: 44px; padding-top: 20px; border-top: 1px solid #cbd5e1; color: #475569; font-size: 14px; }

@media (max-width: 720px) {
  .wielm-model-info__sources { grid-template-columns: 1fr; }
  .wielm-model-info header { padding: 24px; }
}
