.project-diagram{--diagram-paper:var(--color-ink,#eff0ed);--diagram-dim:var(--color-muted,#adb5ae);--diagram-line:#929d92;--diagram-red:var(--color-accent,#f07860);--diagram-panel:var(--color-panel,#202823);--diagram-fill:var(--color-accent-fill,#ba331e);min-width:0;margin:0;container-type:inline-size}.diagram-panel{color:var(--diagram-paper);background:var(--diagram-panel);padding:clamp(1rem,3vw,2.5rem)}.diagram-scene{aspect-ratio:660/370;isolation:isolate;width:100%;position:relative}.project-diagram--customer .diagram-scene{aspect-ratio:720/290}.project-diagram--versed .diagram-scene{aspect-ratio:660/360}.diagram-geometry{width:100%;height:100%;overflow:visible}.diagram-geometry--narrow{display:none}.diagram-geometry path,.diagram-geometry circle{vector-effect:non-scaling-stroke}.diagram-wire,.diagram-trace,.diagram-direction,.diagram-source,.diagram-orbit,.diagram-artifact,.diagram-artifact-rule,.diagram-gate-mark{fill:none;stroke:var(--diagram-line);stroke-width:1.4px;stroke-linejoin:round}.diagram-boundary{fill:none;stroke:#708073;stroke-width:1px;stroke-dasharray:3 5}.diagram-role-rule{fill:none;stroke:var(--color-rule,#404b43);stroke-width:1px}.diagram-point{fill:var(--diagram-panel);stroke:var(--diagram-paper);stroke-width:1.7px}.diagram-orbit{stroke-width:1px}.diagram-gate{fill:var(--diagram-panel);stroke:var(--diagram-paper);stroke-width:1.5px}.diagram-gate-mark{stroke:var(--diagram-paper);stroke-width:1.8px}.diagram-stage{transition:opacity .18s}.diagram-stage .diagram-gate,.diagram-stage .diagram-point,.diagram-stage .diagram-artifact{transition:fill .18s,stroke .18s}.diagram-stage.is-active .diagram-point{fill:var(--diagram-paper);stroke-width:2.5px}.diagram-stage.is-active .diagram-trace,.diagram-stage.is-active .diagram-source,.diagram-stage.is-active .diagram-orbit{stroke:var(--diagram-paper);stroke-width:2px}.diagram-stage.is-active .diagram-gate,.diagram-stage.is-active .diagram-artifact{fill:var(--diagram-fill);stroke:var(--diagram-paper);stroke-width:1.5px}.diagram-stage.is-active .diagram-artifact-rule,.diagram-stage.is-active .diagram-gate-mark{stroke:var(--diagram-paper)}.project-diagram[data-ready] .diagram-stage{cursor:pointer}.project-diagram[data-ready] .diagram-stage>*{pointer-events:all}.diagram-label{appearance:none;z-index:1;width:27%;max-width:12rem;min-height:44px;color:var(--diagram-dim);text-align:center;background:0 0;border:1px solid #0000;border-radius:0;padding:.35rem .25rem;font-family:inherit;font-size:clamp(.875rem,1.5cqi,1rem);font-weight:450;line-height:1.35;transition:color .18s;position:absolute;transform:translate(-50%)}.diagram-label.is-active{color:var(--diagram-paper);font-weight:650}.diagram-label:disabled{opacity:1}.project-diagram[data-ready] .diagram-label{cursor:pointer;text-decoration:underline;text-decoration-color:var(--diagram-line);text-underline-offset:.3em}.project-diagram[data-ready] .diagram-label:hover{color:var(--diagram-paper);text-decoration-color:currentColor}.project-diagram[data-ready] .diagram-label.is-active{text-decoration-color:var(--diagram-red)}.diagram-label:focus-visible,.diagram-expand:focus-visible{outline:2px solid var(--diagram-red);outline-offset:3px}.diagram-instruction{color:var(--diagram-dim);margin:0 0 1.25rem;font-size:.8125rem;line-height:1.5}.diagram-instruction[hidden],.diagram-expand[hidden]{display:none}.diagram-role{color:var(--diagram-dim);font-size:.8125rem;position:absolute;top:86%;transform:translate(-50%)}.diagram-role--conversation{left:21%}.diagram-role--application{left:79%}.project-diagram--customer .diagram-label{width:19%;top:58%}.project-diagram--customer [data-node=request]{left:8.333%}.project-diagram--customer [data-node=proposal]{left:27.5%}.project-diagram--customer [data-node=review]{left:50%}.project-diagram--customer [data-node=action]{left:72.5%}.project-diagram--customer [data-node=report]{left:91.667%}.project-diagram--calx [data-node=correction]{top:34%;left:12.727%}.project-diagram--calx [data-node=recurrence]{top:34%;left:47.727%}.project-diagram--calx [data-node=proposal]{top:34%;left:82.727%}.project-diagram--calx [data-node=promotion]{top:88%;left:82.727%}.project-diagram--calx [data-node=validation]{top:83%;left:47.727%}.project-diagram--calx [data-node=enforcement]{top:83%;left:12.727%}.project-diagram--versed [data-node=evidence]{top:34%;left:18.182%}.project-diagram--versed [data-node=requirements]{top:34%;left:81.818%}.project-diagram--versed [data-node=translation]{width:55%;top:88%;left:50%}.diagram-caption{border-top:1px solid var(--color-rule,#404b43);max-width:none;color:var(--diagram-dim);text-wrap:pretty;margin-top:1.5rem;padding-top:1.5rem;font-size:.9375rem;line-height:1.65}.project-diagram--compact .diagram-caption{font-size:.875rem}.diagram-detail{padding-top:1.25rem}.diagram-expand{appearance:none;color:var(--diagram-paper);border:0;border-bottom:1px solid var(--color-rule,#404b43);cursor:pointer;min-height:44px;font:inherit;background:0 0;border-radius:0;margin-top:.75rem;padding:.6rem 0;font-size:.8125rem}.diagram-expand:hover{border-color:var(--diagram-red)}.diagram-explanations{grid-template-columns:1fr 1fr;gap:1.5rem 2rem;margin:0;padding:0;list-style:none;display:grid}.project-diagram--compact .diagram-explanations{grid-template-columns:1fr}.diagram-explanation{border-left:2px solid var(--color-rule,#404b43);padding:.2rem 0 .2rem 1rem}.diagram-explanation.is-active{border-left:4px solid var(--diagram-red);padding-left:calc(1rem - 2px)}.project-diagram[data-ready][data-expanded=false] .diagram-explanations{grid-template-columns:1fr;gap:0}.project-diagram[data-ready][data-expanded=false] .diagram-explanation{visibility:hidden;grid-area:1/1}.project-diagram[data-ready][data-expanded=false] .diagram-explanation.is-active{visibility:visible}.diagram-explanation h3{margin:0 0 .4rem;font-size:1rem;font-weight:650;line-height:1.4}.diagram-explanation p{max-width:62ch;color:var(--color-muted,#adb5ae);margin:0;font-size:.9375rem;line-height:1.65}@container (width<=540px){.diagram-panel{padding:1.25rem}.diagram-geometry--wide{display:none}.diagram-geometry--narrow{display:block}.project-diagram--customer .diagram-scene{aspect-ratio:300/460}.project-diagram--calx .diagram-scene{aspect-ratio:300/490}.project-diagram--versed .diagram-scene{aspect-ratio:300/360}.diagram-label{font-size:.9375rem}.diagram-role{display:none}.project-diagram--customer .diagram-label,.project-diagram--calx .diagram-label{text-align:left;width:64%;max-width:none;left:33%;transform:translateY(-50%)}.project-diagram--customer [data-node=request]{top:8.696%}.project-diagram--customer [data-node=proposal]{top:26.087%}.project-diagram--customer [data-node=review]{top:48.261%}.project-diagram--customer [data-node=action]{top:70.87%}.project-diagram--customer [data-node=report]{top:91.304%}.project-diagram--calx [data-node=correction]{top:8.571%}.project-diagram--calx [data-node=recurrence]{top:24.898%}.project-diagram--calx [data-node=proposal]{top:41.224%}.project-diagram--calx [data-node=promotion]{top:57.551%}.project-diagram--calx [data-node=validation]{top:73.878%}.project-diagram--calx [data-node=enforcement]{top:90.204%}.project-diagram--versed .diagram-label{width:43%;max-width:none}.project-diagram--versed [data-node=evidence]{top:29%;left:20.333%}.project-diagram--versed [data-node=requirements]{top:29%;left:79.667%}.project-diagram--versed [data-node=translation]{width:80%;top:88%;left:50%}.diagram-caption{margin-top:1.25rem;padding-top:1.25rem}.diagram-explanations{grid-template-columns:1fr;gap:1.25rem}}@media (prefers-reduced-motion:reduce){.diagram-stage,.diagram-stage .diagram-gate,.diagram-stage .diagram-point,.diagram-stage .diagram-artifact,.diagram-label{transition:none}}
