/* Chart and diagram workshop: the editor and real text equivalent stay readable. */
.cd-output { display:grid; gap:24px; min-width:0; }
.cd-editor small { display:block; margin-top:8px; color:var(--text-dim); font-size:.86rem; }
.cd-row { border-top:1px solid var(--border); padding-top:16px; margin-top:18px; }
.cd-row .dg-field { margin-bottom:12px; }
.cd-row-title { margin-bottom:12px; font-weight:700; }
.cd-table { border-collapse:collapse; width:100%; table-layout:fixed; margin:18px 0; }
.cd-table caption { text-align:left; font-weight:700; margin-bottom:10px; }
.cd-table th,.cd-table td { border:1px solid var(--text-faint); padding:10px; vertical-align:top; text-align:left; overflow-wrap:anywhere; }
.cd-table th { font-weight:700; }
#cd-preview { margin-block:24px; padding-top:20px; border-top:1px solid var(--border); }
#cd-preview h4 { font-size:1.2rem; margin:16px 0; }
#cd-preview h5 { font:700 1rem/1.5 var(--font); margin:20px 0 8px; }
#cd-preview p { white-space:pre-wrap; }
#cd-preview figure { margin:0; }
.cd-error { color:var(--bad-ink); margin-top:12px; }
.cd-portable input[type=file] { font-size:.85rem; }
.cd-workspace fieldset { padding:16px; }
.cd-workspace [role=alert]:empty { display:none; }
@media(max-width:1050px) { .cd-workspace { grid-template-columns:1fr; } }
@media print {
 .cd-editor,.cd-export,.cd-portable,#cd-examples,.dg-sources,#cd-checks,#cd-preview-heading,#cd-preview-heading+p,#cd-preview~h4,#cd-preview~p,.cd-output>.dg-panel>.dg-kicker { display:none!important; }
 .cd-output,.cd-workspace { display:block; }
 #cd-preview { border:0; margin:0; padding:0; }
 #cd-preview figure { break-inside:auto; }
 .cd-table { color:#111; }
 .cd-table tr { break-inside:avoid; }
}