/* Deliberately scoped: no changes to existing document forms or workspaces. */
#documentDemoRoot { color:var(--ink); font-size:14px; line-height:1.5; }
#documentDemoRoot * { box-sizing:border-box; }
#documentDemoRoot h1 { font-size:26px; margin:4px 0 16px; }
#documentDemoRoot h2 { font-size:18px; margin:0 0 12px; }
#documentDemoRoot h3 { font-size:16px; margin:8px 0; }
#documentDemoRoot p { margin:8px 0; }
#documentDemoRoot .dd-eyebrow { font-size:12px; color:var(--muted); }
#documentDemoRoot .dd-sub { color:var(--muted); font-size:13px; }
#documentDemoRoot .dd-notice { padding:14px 18px; border-radius:9px; background:#f6eeee; margin:12px 0; }
#documentDemoRoot .dd-tabs, #documentDemoRoot .dd-actions, #documentDemoRoot .dd-row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
#documentDemoRoot .dd-tabs { margin:20px 0 12px; }
#documentDemoRoot .dd-row { justify-content:space-between; }
#documentDemoRoot .dd-actions { margin-top:18px; }
#documentDemoRoot button { font:inherit; padding:10px 14px; border:1px solid #d8dedd; border-radius:7px; background:white; color:var(--ink); cursor:pointer; }
#documentDemoRoot button:hover { background:#f6eeee; }
#documentDemoRoot button[aria-pressed="true"], #documentDemoRoot .dd-primary { background:var(--green-dark); color:white; border-color:var(--green-dark); }
#documentDemoRoot button:disabled { opacity:.6; cursor:wait; }
#documentDemoRoot :focus-visible { outline:3px solid #ad6e73; outline-offset:3px; }
#documentDemoRoot .dd-split { display:grid; grid-template-columns:minmax(200px,.85fr) minmax(280px,1.4fr); gap:22px; margin-top:20px; }
#documentDemoRoot .dd-split > * { min-width:0; }
#documentDemoRoot .dd-panel { padding:20px; background:white; border:1px solid #dce1de; border-radius:10px; }
#documentDemoRoot .dd-list-button { display:block; width:100%; text-align:left; margin-bottom:10px; }
#documentDemoRoot .dd-list-button strong, #documentDemoRoot .dd-list-button span { display:block; }
#documentDemoRoot .dd-list-button span { font-size:12px; margin-top:5px; }
#documentDemoRoot .dd-preview { padding:24px; margin:18px 0; min-height:210px; background:white; color:#203146; border:1px solid #dce1de; overflow-wrap:anywhere; }
#documentDemoRoot .dd-label { display:block; font-size:14px; margin:14px 0 5px; }
#documentDemoRoot input:not([type=checkbox]), #documentDemoRoot select { width:100%; min-width:0; padding:10px; border:1px solid #cdd4d0; border-radius:6px; font:inherit; color:var(--ink); background:white; }
#documentDemoRoot .dd-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#documentDemoRoot .dd-check { display:flex; align-items:center; gap:10px; margin:18px 0; font-size:14px; }
#documentDemoRoot .dd-check input { width:18px; height:18px; padding:0; flex-shrink:0; }
#documentDemoRoot .dd-tag { font-size:12px; padding:4px 9px; background:#f6eeee; border-radius:5px; }
#documentDemoRoot .dd-task { padding:18px 0; border-bottom:1px solid #dce1de; }
#documentDemoRoot .dd-error { color:#a12e25; }
#documentDemoRoot .dd-message:empty, #documentDemoRoot .dd-error:empty { display:none; }
#documentDemoRoot details { margin-top:18px; }
#documentDemoRoot summary { cursor:pointer; }
@media(max-width:1000px) { #documentDemoRoot .dd-split { grid-template-columns:1fr; } }
@media(max-width:480px) { #documentDemoRoot .dd-fields { grid-template-columns:1fr; } #documentDemoRoot .dd-panel { padding:14px; } }

#documentDemoRoot .dd-guide { padding:14px 18px; background:white; border:1px solid #dce1de; border-radius:9px; }
#documentDemoRoot .dd-guide > summary { font-weight:600; }
#documentDemoRoot .dd-guide li { margin:12px 0; }
#documentDemoRoot .dd-guide ol, #documentDemoRoot .dd-guide ul { padding-left:24px; }