/* Shared presentation for the Document Editor Mail Merge chapter. */
.mail-merge-demo .panel-body > p { margin-top: 0; }
.mail-merge-demo .panel-kicker { color: #e81683; }
.mail-merge-demo .demo-action-grid { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-top: 12px; }
.mail-merge-demo .demo-action-grid > p { flex: 1 1 100%; margin: 0 0 2px; }
.mail-merge-demo .demo-panel-note { padding: 9px 10px; border: 1px solid #dbe2ec; border-radius: 6px; background: #f7f9fc; color: #77859a; font-size: 10px; line-height: 1.45; }
.mail-merge-demo .demo-panel-note strong { color: #253b57; }
.mail-merge-demo .demo-workflow { gap: 10px; margin-top: 14px; }
.mail-merge-demo .demo-workflow__step { border-radius: 8px; }
.mail-merge-demo .demo-workflow__content h3 { font-size: 12px; }
.mail-merge-demo .demo-workflow__content p { font-size: 9px; line-height: 1.45; }
.mail-merge-demo .demo-workflow__content .form-control,
.mail-merge-demo .demo-workflow__content .form-select { font-size: 10px; }
.mail-merge-demo .demo-workflow__content .btn-demo-action { white-space: nowrap; }
.mail-merge-demo .learn-key-members { margin-top: 18px; }
.mail-merge-demo .learn-key-members > h3 { color: #172439; font-size: 12px; }
.mail-merge-demo .learn-explanation { margin-top: 18px; }
.mail-merge-demo .learn-explanation h3 { color: #172439; font-size: 12px; }
.mail-merge-demo .learn-step + .learn-step { margin-top: 14px; }
.mail-merge-demo .learn-code-block { margin-top: 10px; }
.mail-merge-demo .source-file code { color: #4c5d78; }
.mail-merge-data-card { margin-top: 14px; padding: 11px 12px; border: 1px solid #dbe2ec; border-radius: 7px; background: #f7f9fc; }
.mail-merge-data-card__heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 7px; }
.mail-merge-data-card__heading strong { color: #253b57; font-size: 11px; }
.mail-merge-data-card__heading span { color: #7a8799; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.mail-merge-data-card p { margin: 0; color: #77859a; font-size: 9px; line-height: 1.45; }
.mail-merge-data-card code { color: #a70f62; }
.mail-merge-primary-action { margin-top: 12px; }
.mail-merge-primary-action .btn { white-space: nowrap; }

@media (min-width: 992px) {
    .demo-info-panel.is-code-expanded .mail-merge-data-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; }
    .demo-info-panel.is-code-expanded .mail-merge-data-card__heading { margin-bottom: 0; }
}