/* Data Migration only; shared product primitives own typography, CTAs and FAQs. */
.ci-migration-page .ci-product-hero-grid { grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr); gap: clamp(28px,4vw,56px); }
.ci-migration-page .ci-product-hero h1 { font-size: clamp(36px,3.5vw,50px); }
.ci-migration-page .ci-product-lead { margin-bottom: 16px; }
.ci-migration-support { max-width: 680px; font-size: 15px; }
.ci-migration-page .ci-migration-availability { margin: 24px 0 0; font-size: 13px; color: var(--ci-text-secondary); }
.ci-migration-concept { padding: 28px; border: 1px solid var(--ci-border); border-radius: var(--ci-radius-lg); background: var(--ci-background-blue); }
.ci-migration-concept > div { display: grid; gap: 16px; margin-top: 24px; color: var(--ci-slate); font-size: 18px; }
.ci-migration-concept > div > span:nth-child(even) { color: var(--ci-link); }
.ci-migration-page .ci-migration-section { padding-block: clamp(40px,5vw,64px); }
.ci-migration-section .ci-section-title { max-width: 880px; margin-bottom: 20px; }
.ci-migration-intro { max-width: 850px; margin-bottom: 28px; }
.ci-migration-intro p, .ci-migration-section > .ci-container > p { max-width: 850px; font-size: 15px; }
.ci-migration-items { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; padding: 0; margin: 0; list-style: none; }
.ci-migration-items > * { min-width: 0; border-top: 1px solid var(--ci-border); padding-top: 20px; }
.ci-migration-page .ci-migration-items h3 { font-size: 19px; line-height: 1.5; margin-bottom: 12px; }
.ci-migration-page .ci-migration-items p { font-size: 14px; line-height: 1.8; margin-bottom: 12px; }
.ci-migration-section--scope .ci-migration-items { grid-template-columns: repeat(3,minmax(0,1fr)); }
.ci-migration-steps { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px; }
.ci-migration-step { display: block; color: var(--ci-link); font-size: 13px; font-weight: 600; margin-bottom: 16px; }
.ci-migration-page .ci-migration-note { margin-top: 28px; padding-left: 20px; border-left: 3px solid var(--ci-orange); font-size: 14px; }
.ci-migration-section--timeline .ci-migration-items { display: block; max-width: 480px; margin-top: 24px; }
.ci-migration-section--timeline .ci-migration-items > article { padding: 20px; border: 1px solid var(--ci-border); border-radius: var(--ci-radius); background: var(--ci-background-blue); }
.ci-migration-page .ci-migration-section--timeline h3 { font-size: 24px; }
.ci-migration-sources { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 28px; margin: 0 0 28px; padding-left: 20px; color: var(--ci-slate); font-size: 14px; }
.ci-migration-page .ci-migration-final-note { margin-top: 24px; font-size: 13px; color: var(--ci-white); }
@media(max-width:991px) {
 .ci-migration-page .ci-product-hero-grid { grid-template-columns: 1fr; }
 .ci-migration-concept { max-width: 640px; }
 .ci-migration-steps, .ci-migration-section--scope .ci-migration-items { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .ci-migration-items, .ci-migration-steps, .ci-migration-section--scope .ci-migration-items, .ci-migration-sources { grid-template-columns: 1fr; gap: 24px; }
 .ci-migration-steps > li { position: relative; padding-left: 40px; }
 .ci-migration-step { position: absolute; left: 0; top: 23px; }
 .ci-migration-page .ci-product-hero .ci-actions { flex-direction: column; align-items: stretch; }
}