.migration-guide {
  flex: 1;
  min-width: 0;
  max-width: 820px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
}

.migration-guide .strip { margin-bottom: 2px; }
.migration-guide-kicker { color: var(--text-3); font-size: 12px; }
.migration-guide .display { font-size: clamp(28px, 5vw, 46px); line-height: 1.06; }
.migration-guide .lead { color: var(--text-2); font-size: 16px; line-height: 1.7; }
.migration-guide h2 { margin-top: 10px; font-size: 18px; }
.migration-guide p { color: var(--text-2); line-height: 1.7; }
.migration-guide-warning {
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--amber) 35%, transparent);
  border-radius: var(--r);
  background: var(--amber-soft);
}
.migration-guide-warning strong { color: var(--warn-text); }
.migration-guide-warning p { margin-top: 4px; color: var(--text); }
.migration-guide .chips-row { display: flex; flex-wrap: wrap; gap: 8px; }

@media (max-width: 720px) {
  .migration-guide { padding: 18px; }
  .migration-guide .chip { min-height: 44px; white-space: normal; }
}