/* Gated migration checklist form (includes/checklist-download-form.php), 2026-10-19 */
.ckl-card {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 28px;
    margin: 40px 0;
    padding: 28px;
    border-radius: 16px;
    background: #0b2a5b;
    color: #fff;
    scroll-margin-top: 96px;
}
.ckl-eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #9fc0ff;
    margin-bottom: 8px;
}
.ckl-card h2 {
    font-family: 'Manrope', sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 14px;
}
.ckl-list { margin: 0; padding-left: 18px; color: #d6e2fb; font-size: 15px; line-height: 1.55; }
.ckl-list li { margin-bottom: 8px; }
.ckl-list strong { color: #fff; }
.ckl-form {
    background: #fff;
    color: #142033;
    border-radius: 12px;
    padding: 20px;
    display: grid;
    gap: 12px;
    align-content: start;
}
.ckl-field { display: grid; gap: 4px; }
.ckl-field label, .ckl-versions legend { font-size: 13px; font-weight: 700; color: #142033; }
.ckl-versions { border: 0; padding: 0; margin: 0; min-width: 0; }
.ckl-versions legend { padding: 0; margin-bottom: 4px; }
.ckl-versions legend span { font-weight: 400; color: #5a6880; }
.ckl-form input, .ckl-form select {
    width: 100%;
    font: inherit;
    font-size: 15px;
    padding: 10px 12px;
    border: 1px solid #c9d3e2;
    border-radius: 8px;
    background: #fff;
    color: #142033;
    min-width: 0;
}
.ckl-form input:focus, .ckl-form select:focus { outline: 2px solid #0052cc; outline-offset: 1px; border-color: #0052cc; }
.ckl-form input.ckl-invalid { border-color: #b42318; }
.ckl-version-row { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; }
.ckl-arrow { color: #5a6880; }
.ckl-submit {
    font: inherit;
    font-weight: 700;
    font-size: 16px;
    padding: 12px 16px;
    border: 0;
    border-radius: 8px;
    background: #0052cc;
    color: #fff;
    cursor: pointer;
}
.ckl-submit:hover { background: #0043a8; }
.ckl-submit[disabled] { opacity: .7; cursor: default; }
.ckl-status { margin: 0; font-size: 14px; min-height: 0; }
.ckl-status:empty { display: none; }
.ckl-status.is-error { color: #b42318; }
.ckl-status.is-success { color: #1d7a46; }
.ckl-note { margin: 0; font-size: 12.5px; color: #5a6880; }
.ckl-note a { color: #0052cc; }

/* Soft offer under the in-article CTA on migration posts (blog.php) */
.ckl-soft {
    margin: -8px 0 28px;
    padding: 12px 16px;
    border: 1px dashed #b9c8e2;
    border-radius: 10px;
    font-size: 15px;
    color: #33405a;
}
.ckl-soft a { color: #0052cc; font-weight: 700; }

@media (max-width: 768px) {
    .ckl-card { grid-template-columns: 1fr; padding: 20px; gap: 18px; }
    .ckl-card h2 { font-size: 21px; }
}