.diagram-page{max-width:none;padding:30px 28px 35px}.diagram-page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:23px}.diagram-page-title h1{font-size:40px;letter-spacing:-1.7px}.diagram-page-title .eyebrow{margin-bottom:12px}.diagram-page-title .intro{font-size:12px;margin-top:12px}.diagram-shell{background:#fff;border:1px solid #d6ded0;border-radius:12px;overflow:hidden}.diagram-toolbar{padding:13px 18px;border-bottom:1px solid #dce3d5;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff}.diagram-breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;min-width:0}.diagram-breadcrumb button{background:none;padding:5px 0;font-size:11px;color:#4c7350}.diagram-breadcrumb strong{font-weight:500;color:#7d8875}.diagram-breadcrumb span{color:#a5ae9e}.diagram-tools{display:flex;gap:8px;align-items:center}.diagram-tools select,.diagram-tools button{border:1px solid #dae1d3;background:#fafbf7;padding:8px 10px;border-radius:5px;font-size:10px;color:#5e7057}.diagram-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-width:0}.diagram-canvas-column{min-width:0;position:relative}.diagram-find{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;position:relative;border-bottom:1px solid #e5e9df;background:#fafbf7;z-index:3}.diagram-find input{width:245px;max-width:70%;border:1px solid #dae1d2;border-radius:5px;background:#fff;padding:9px 11px;font-size:11px;color:#5c7053}.diagram-find>button{font-size:10px;color:#78906b;background:none;padding:6px;text-align:right}.diagram-find input:focus{outline-offset:1px}#diagram-search-results{position:absolute;top:58px;left:16px;width:min(350px,calc(100% - 32px));max-height:340px;overflow:auto;box-shadow:0 15px 35px #263f2926;background:#fff;border:1px solid #d5dfce;border-radius:7px;padding:6px}#diagram-search-results[hidden]{display:none}#diagram-search-results button{display:block;text-align:left;width:100%;border-radius:4px;padding:11px;background:white}#diagram-search-results button:hover{background:#eef3e9}#diagram-search-results strong{font-size:12px}#diagram-search-results small{display:block;font-size:10px;color:#819076;margin-top:5px}#diagram-search-results p{font-size:11px;padding:13px}.diagram-stage{height:620px;position:relative;overflow:hidden;background-color:#f8faf5;background-image:radial-gradient(#dce3d6 .8px,transparent .8px);background-size:18px 18px}#diagram-svg{display:block;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none;outline-offset:-4px}#diagram-svg.is-dragging{cursor:grabbing}.diagram-area,.diagram-node{cursor:pointer;outline:none}.diagram-area>rect{stroke:#c9d5c1;stroke-width:1.5;transition:stroke .15s,filter .15s}.diagram-area:hover>rect,.diagram-area:focus-visible>rect{stroke:var(--area-color);stroke-width:3;filter:drop-shadow(0 5px 5px #3e5c3720)}.diagram-area.design>rect{stroke-dasharray:7 4;stroke:#9fb5c6}.diagram-area-count{font:600 16px 'DM Sans',sans-serif;fill:var(--area-color);letter-spacing:.08em}.diagram-area-title{font:500 32px Manrope,sans-serif;fill:#2a3d2b;letter-spacing:-.8px}.diagram-area-summary{font:20px 'DM Sans',sans-serif;fill:#697e61}.diagram-area-preview{font:11px 'DM Sans',sans-serif;fill:#75876c}.diagram-area-open{font:24px 'DM Sans',sans-serif;fill:var(--area-color)}.diagram-map-note{font:10px 'DM Sans',sans-serif;fill:#7c8e71;letter-spacing:.07em}.diagram-layer-heading{font:500 25px Manrope,sans-serif;fill:#3b5838;letter-spacing:-.4px}.diagram-edge path{stroke:#a2b196;stroke-width:1.5;fill:none}.diagram-edge rect{fill:#f8faf5;stroke:#e0e6d9;stroke-width:.5}.diagram-edge text{font:18px 'DM Sans',sans-serif;fill:#6e8262}.diagram-edge.design path{stroke:#9fb3c2;stroke-dasharray:6 5}.diagram-edge.design text{fill:#8195a3}.diagram-node>rect{stroke:#c7d4bd;stroke-width:1.3;transition:stroke .15s}.diagram-node.selected>rect{stroke:var(--area-color);stroke-width:3;filter:drop-shadow(0 3px 4px #354f3022)}.diagram-node:hover>rect,.diagram-node:focus-visible>rect{stroke:var(--area-color);stroke-width:2.5}.diagram-node.muted{opacity:.28}.diagram-node.design>rect{stroke-dasharray:5 3}.diagram-node-title{font:500 20px 'DM Sans',sans-serif;fill:#33492c;pointer-events:none}.diagram-node-caption{font:13px 'DM Sans',sans-serif;fill:#8a987e;pointer-events:none}.diagram-node text,.diagram-area text,.diagram-node circle{pointer-events:none}.diagram-boundary{stroke:#ccd8c3;stroke-dasharray:4 6}.diagram-zoom-controls{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:0;background:#fff;border:1px solid #d8e1cf;border-radius:6px;box-shadow:0 3px 10px #344c2e0d;overflow:hidden}.diagram-zoom-controls button{height:32px;padding:0 12px;background:white;font-size:15px}.diagram-zoom-controls button:last-child{font-size:10px;border-left:1px solid #e0e7d9}.diagram-zoom-controls span{width:42px;text-align:center;font-size:9px;color:#8a967e}.diagram-stage-location{position:absolute;right:15px;bottom:25px;font-size:9px;color:#91a085;pointer-events:none}.diagram-legend{display:flex;gap:16px;align-items:center;padding:13px 17px;border-top:1px solid #e1e7d9;font-size:9px;color:#829575;background:#fff;flex-wrap:wrap}.diagram-legend>span{display:flex;align-items:center;gap:6px}.diagram-legend i{width:18px;height:0;border-top:1.5px solid #92a582}.diagram-legend i.dashed{border-top-style:dashed;border-color:#92a9b9}.diagram-legend .diagram-pan-hint{margin-left:auto;font-size:9px;color:#a1ad98}.diagram-context-note{padding:0 17px 14px;font-size:10px;line-height:1.6;color:#8c9a82}.diagram-inspector{border-left:1px solid #dbe3d3;background:#fff;min-width:0;max-height:770px;overflow-y:auto;scrollbar-width:thin}.diagram-inspector-top{padding:23px 22px;background:#f0f4eb;border-bottom:1px solid #e2e8dc}.diagram-inspector-top .eyebrow{font-size:8px;margin-bottom:14px}.diagram-inspector-top h2{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.7px}.diagram-inspector-top p{font-size:12px;line-height:1.8;color:#6c7c60;margin-top:14px}.diagram-inspector-body{padding:22px}.diagram-inspector-body>section{margin-bottom:23px}.diagram-inspector-body p{font-size:12px;line-height:1.8;color:#687b5e}.diagram-inspector .explain-label{color:#7f916f;font-size:8px}.diagram-instructions{padding-left:17px;margin:12px 0 24px}.diagram-instructions li{font-size:12px;line-height:1.8;color:#6a7f5d;padding-left:2px;margin-bottom:12px}.diagram-note{border-top:1px solid #e1e8d9;padding-top:20px;margin-top:20px}.diagram-note strong{font-size:12px;font-weight:600;color:#5e7452}.diagram-note p{margin-top:8px;font-size:11px}.cloud-note strong{color:#728da1}.diagram-part-menu{display:grid;gap:1px}.diagram-part-menu button{padding:10px 0;border-bottom:1px solid #eef1e9;text-align:left;display:flex;justify-content:space-between;gap:10px;background:none;font-size:11px;color:#688057}.diagram-part-menu button span{color:#9dad8f}.diagram-part-context{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#758766;margin-bottom:15px;text-transform:uppercase;letter-spacing:.05em}.diagram-example{background:#f6f8f1;padding:15px;border-radius:6px}.diagram-example p{font-size:11px}.diagram-connection-list{display:grid;gap:7px}.diagram-connection-list button{text-align:left;padding:12px;border:1px solid #dee7d5;border-radius:6px;background:#fcfdf9;font-size:11px;line-height:1.7;color:#708662}.diagram-connection-list strong{font-weight:600;color:#4e6c40}.diagram-connection-direction{font-size:8px;letter-spacing:.07em;color:#92a382;display:block;margin-bottom:6px}.diagram-connection-list small{display:block;font-size:9px;color:#98a98b;margin-top:7px}.diagram-source a{font-size:10px;color:#709061;text-decoration:underline;display:inline-block;margin-top:12px;text-underline-offset:3px}.diagram-full-link{font-size:10px;margin-top:13px;width:100%}.diagram-is-expanded{overflow:hidden}.diagram-shell.expanded{position:fixed;inset:14px;z-index:50;display:flex;flex-direction:column;background:white}.diagram-shell.expanded .diagram-body{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 340px}.diagram-shell.expanded .diagram-canvas-column{display:flex;flex-direction:column;min-height:0}.diagram-shell.expanded .diagram-stage{height:auto;flex:1;min-height:160px}.diagram-shell.expanded .diagram-inspector{max-height:none}.diagram-entry{margin:23px 0 27px;padding:23px 26px;border:1px solid #ccd9c0;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#e8efe0,#f3f5e8)}.diagram-entry h2{font-size:21px;font-weight:500;margin-bottom:9px}.diagram-entry p{font-size:12px;color:#73856a}.diagram-entry .primary{white-space:nowrap}.diagram-entry .diagram-entry-icon{font-size:27px;letter-spacing:6px;line-height:1;color:#85a16e;margin-bottom:12px}
@media(min-width:1600px){.diagram-stage{height:750px}.diagram-body{grid-template-columns:minmax(0,1fr) 330px}.diagram-inspector{max-height:900px}}
@media(max-width:1180px){.diagram-page{padding:28px 20px}.diagram-body{grid-template-columns:minmax(0,1fr) 255px}.diagram-inspector-top,.diagram-inspector-body{padding:19px}.diagram-stage{height:600px}.diagram-legend .diagram-pan-hint{display:none}.diagram-breadcrumb strong{display:none}.diagram-breadcrumb>span{display:none}.diagram-stage-location{bottom:54px}.diagram-entry{padding:21px}}
@media(max-width:950px){.diagram-body{grid-template-columns:minmax(0,1fr)}.diagram-inspector{border-left:0;border-top:1px solid #dbe3d3;max-height:none}.diagram-stage{height:600px}.diagram-inspector-body{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.diagram-inspector-body>section,.diagram-inspector-body>.diagram-part-menu{grid-column:1/-1}.diagram-inspector-body>.diagram-full-link{grid-column:1/-1;justify-self:start;width:auto}.diagram-note{margin-top:0}.diagram-shell.expanded .diagram-body{grid-template-columns:minmax(0,1fr) 285px}.diagram-shell.expanded .diagram-inspector-body{display:block}.diagram-inspector-top h2{font-size:25px}.diagram-entry{flex-wrap:wrap}.diagram-page-title h1{font-size:35px}}
@media(max-width:640px){.diagram-page{padding:25px 14px}.diagram-page-title{display:block;padding:0 6px}.diagram-page-title>.badge{margin-top:14px;font-size:8px}.diagram-page-title h1{font-size:33px}.diagram-page-title .intro{font-size:12px}.diagram-toolbar{padding:10px;flex-wrap:wrap}.diagram-tools{flex:1;justify-content:flex-end;gap:5px}.diagram-tools select{max-width:145px}.diagram-tools select,.diagram-tools button{font-size:9px;padding:8px}.diagram-breadcrumb{font-size:10px}.diagram-breadcrumb button{font-size:10px}.diagram-find{padding:11px}.diagram-find input{font-size:10px;width:225px}.diagram-find>button{font-size:9px}.diagram-stage{height:800px}.diagram-stage.in-layer{height:560px}.diagram-stage-location{right:11px;bottom:17px;font-size:8px}.diagram-zoom-controls{left:10px;bottom:10px}.diagram-zoom-controls button{padding:0 8px;font-size:14px}.diagram-zoom-controls button:last-child{font-size:9px}.diagram-zoom-controls span{width:33px;font-size:8px}.diagram-legend{padding:12px;gap:14px;font-size:8px}.diagram-context-note{padding:0 12px 13px;font-size:9px}.diagram-inspector-top,.diagram-inspector-body{padding:21px}.diagram-inspector-body{display:block}.diagram-inspector-body .diagram-note{margin-top:20px}.diagram-inspector-top h2{font-size:27px}.diagram-inspector-top p{font-size:13px}.diagram-inspector-body p{font-size:12px}.diagram-part-menu{grid-template-columns:1fr 1fr;gap:0 15px}.diagram-shell.expanded{inset:5px;overflow:auto;display:block}.diagram-shell.expanded .diagram-body{display:block}.diagram-shell.expanded .diagram-stage{height:65vh;min-height:300px}.diagram-shell.expanded .diagram-inspector{max-height:none}.diagram-entry h2{font-size:22px}.diagram-entry{padding:20px}.diagram-entry .primary{font-size:11px}.diagram-map-note{font-size:11px}.diagram-connection-list button{font-size:12px}}

@media(max-width:640px){.diagram-area-title{font-size:29px}.diagram-area-summary{font-size:22px}.diagram-node-title{font-size:21px}.diagram-node-caption{font-size:15px}.diagram-shell.expanded .diagram-stage{height:800px}.diagram-shell.expanded .diagram-stage.in-layer{height:560px}}

.diagram-read-below{display:none;background:transparent;color:#48673e;font-size:11px;padding:5px 0;text-decoration:underline;text-underline-offset:3px}@media(max-width:950px){.diagram-read-below{display:block;margin-left:auto}.diagram-inspector{scroll-margin-top:12px}}