/* Shared by the online article and the standalone HTML download. */
.crud-doc-toolbar { display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; padding: 16px 24px; border-bottom: 1px solid var(--border, #dde3eb); }
.crud-doc-toolbar .field { flex: 1 1 240px; max-width: 420px; min-width: 0; margin: 0; }
.crud-doc-toolbar select { width: 100%; }
.crud-doc-body { padding: 24px; min-width: 0; }
.crud-doc-toc { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.crud-doc-toc .button { white-space: normal; text-align: left; overflow-wrap: anywhere; }
.crud-doc-error { color: var(--danger, #b42318); overflow-wrap: anywhere; }
.crud-doc { color: var(--text, #202938); font: 15px/1.85 system-ui, -apple-system, 'Segoe UI', sans-serif; overflow-wrap: anywhere; min-width: 0; }
.crud-doc h1 { font-size: 26px; margin: 0 0 20px; line-height: 1.4; }
.crud-doc h2 { font-size: 20px; margin: 32px 0 16px; padding-bottom: 8px; border-bottom: 1px solid var(--border, #dde3eb); line-height: 1.5; scroll-margin-top: 100px; }
.crud-doc h3, .crud-doc h4 { margin: 20px 0 12px; }
.crud-doc p { margin: 12px 0; }
.crud-doc ul, .crud-doc ol { padding-left: 24px; }
.crud-doc li { margin: 8px 0; }
.crud-doc blockquote { margin: 16px 0; padding: 8px 16px; border-left: 3px solid var(--accent, #2563eb); background: var(--surface-2, #f3f6fa); color: var(--text-2, #526075); }
.crud-doc code { font: 13px/1.7 ui-monospace, Consolas, monospace; background: var(--surface-2, #f3f6fa); border-radius: 4px; padding: 2px 4px; white-space: pre-wrap; }
.crud-doc pre { margin: 16px 0; max-width: 100%; overflow: auto; padding: 16px; border: 1px solid var(--border, #dde3eb); border-radius: 8px; background: var(--surface-2, #f3f6fa); white-space: pre; overflow-wrap: normal; }
.crud-doc pre code { display: block; width: max-content; min-width: 100%; padding: 0; white-space: pre; }
.crud-doc-table-wrap { max-width: 100%; overflow: auto; margin: 16px 0; }
.crud-doc table { width: 100%; min-width: 0; border-collapse: collapse; font-size: 14px; }
.crud-doc th, .crud-doc td { padding: 10px 12px; text-align: left; vertical-align: top; white-space: normal; border: 1px solid var(--border, #dde3eb); }
.crud-doc th { color: inherit; background: var(--surface-2, #f3f6fa); }
.crud-doc-export { margin: 0; padding: 32px 24px; background: #fff; }
.crud-doc-export .crud-doc { max-width: 1100px; margin: 0 auto; }
@media (max-width: 600px) {
  .crud-doc-toolbar, .crud-doc-body { padding: 16px; }
  .crud-doc-toolbar > .toolbar { display: flex; flex-wrap: wrap; }
  .crud-doc h1 { font-size: 22px; }
  .crud-doc { font-size: 14px; }
  .crud-doc-export { padding: 16px; }
}
@media print {
  .crud-doc-export { padding: 0; }
  .crud-doc pre, .crud-doc pre code { width: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
}