.catalogue-demo{margin:28px 0 38px;padding:24px;border:1px solid #bdd4ce;border-radius:12px;background:#f5faf8;color:var(--ink)}
.catalogue-demo [hidden]{display:none!important}.catalogue-demo h3{margin:8px 0 12px}.catalogue-demo h4{font-size:23px;margin:22px 0 16px}.catalogue-demo h5{font-size:17px;margin:0 0 12px}.demo-badge{font-size:12px;font-weight:650;color:#286253;letter-spacing:.025em}.demo-preview-models{display:flex;gap:12px;flex-wrap:wrap}.demo-preview-models span{background:white;border:1px solid #cbdcd7;border-radius:7px;padding:12px 16px;font-weight:600}.demo-launch{font-weight:700}.demo-model-picker,.demo-element-picker{display:flex;gap:8px;flex-wrap:wrap}.catalogue-demo button{font:inherit;font-size:13px;line-height:1.5;border:1px solid #96b6ac;border-radius:6px;background:white;color:#204b41;padding:9px 12px;cursor:pointer}.catalogue-demo button[aria-pressed=true]{background:#215d4e;color:white;border-color:#215d4e}.catalogue-demo :focus-visible{outline:3px solid #b87910;outline-offset:3px}.demo-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.demo-canvas{display:block;width:100%;border:1px solid #cbdcd7;border-radius:8px;background:white;margin-bottom:14px}.demo-canvas rect{fill:#f3f8f6;stroke:#708f85;stroke-width:1.5}.demo-canvas text{font-family:system-ui,sans-serif;font-size:15px;fill:#213b35;text-anchor:middle;pointer-events:none}.demo-canvas .demo-shape-caption{font-size:10px}.demo-canvas a{cursor:pointer}.demo-canvas .demo-edge-area{fill:transparent;stroke:none}.demo-canvas .demo-edge-hit{fill:none;stroke:transparent;stroke-width:25}.demo-canvas .demo-edge-line{fill:none;stroke:#708f85;stroke-width:2}.demo-canvas .is-selected rect:not(.demo-edge-area){fill:#d2eee2;stroke:#215d4e;stroke-width:3}.demo-canvas .is-selected .demo-edge-line{stroke:#215d4e;stroke-width:4}.demo-canvas .is-related rect:not(.demo-edge-area){stroke:#215d4e;stroke-width:3;stroke-dasharray:5 3}.demo-inspector{background:white;padding:18px;border:1px solid #cbdcd7;border-radius:8px}.demo-inspector p,.demo-information p{font-size:14px}.demo-inspector dl{font-size:12px}.demo-inspector dt{font-weight:650}.demo-inspector dd{margin:4px 0 12px;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.demo-caption{font-size:12px!important;color:#566c64}.demo-information{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.demo-information span{overflow-wrap:anywhere}.demo-live{font-size:13px;min-height:1.5em;margin:12px 0}.demo-api{background:white}.demo-call{margin:14px 0;border-top:1px solid #cbdcd7;padding-top:12px}.demo-call>summary{cursor:pointer;font-size:14px;font-weight:650}.demo-request{overflow-wrap:anywhere;font:12px/1.65 ui-monospace,monospace;background:#eff5f2;padding:12px;border-radius:5px}.demo-api .json-selected{background:#365c50;outline:1px solid #8bd7b6;box-decoration-break:clone}.catalogue-demo .copy-button{color:white;border-color:#8aa5ad;background:transparent}.demo-next{margin-bottom:0}.demo-model+.demo-model{border-top:1px solid #cbdcd7;margin-top:24px;padding-top:10px}
@media(max-width:1100px){.demo-workspace{grid-template-columns:1fr}.demo-canvas{max-width:540px}.demo-information{grid-template-columns:1fr}}
@media(max-width:600px){.catalogue-demo{padding:16px 12px}.demo-canvas{min-width:0}.demo-preview-models{display:grid}.demo-model-picker button{flex:1;min-width:120px}.demo-api{padding:12px}.demo-api pre{font-size:12px}.demo-canvas text{font-size:22px}.demo-canvas .demo-shape-caption{display:none}}
@media print{.demo-model-picker,.demo-element-picker,[data-demo-reuse]{display:none!important}.catalogue-demo .demo-model[hidden],.catalogue-demo [data-demo-detail][hidden]{display:block!important}.demo-workspace{display:block}}