.graphtia-diagram{border:1px solid var(--border-subtle,#dce5e7);border-radius:var(--radius-panel,16px);color:var(--text-primary,#17252a);background:linear-gradient(150deg,#fcfefe,#eef7f6);margin:1.75rem 0;padding:24px;overflow:hidden}.diagram-label{letter-spacing:.025em;font-size:12px;font-weight:650}.diagram-canvas{background-image:radial-gradient(#b7c9c766 .75px,#0000 .75px);background-size:18px 18px;min-height:290px;margin:8px 0;position:relative}.diagram-edges{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.diagram-edges path{fill:none;stroke:#91a4a7;stroke-width:1.3px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.diagram-html-node{left:var(--node-x);top:var(--node-y);background:#fafdfe;border:1px solid #d4dfe2;border-radius:9px;align-items:center;gap:9px;width:29%;padding:13px 11px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 8px #183b3610}.diagram-node-icon{color:#54706f;flex-shrink:0;display:flex}.selected .diagram-node-icon{color:#087761}.diagram-html-node strong,.diagram-html-node small{overflow-wrap:anywhere;display:block}.diagram-html-node strong{font-size:11px;font-weight:650;line-height:1.3}.diagram-html-node small{color:#52676e;margin-top:4px;font-size:9px}.diagram-legend{color:#48636a;align-items:center;gap:8px;font-size:11px;line-height:1.5;display:flex}.diagram-legend>span{background:#299b87;flex-shrink:0;width:18px;height:2px}.diagram-mobile-step{display:none}.graphtia-diagram figcaption{color:#52656e;margin-top:14px;font-size:12px;line-height:1.6}.graphtia-diagram.compact{padding:20px}.graphtia-wave{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.graphtia-wave i{background:linear-gradient(150deg,#0000 45%,#36c2a826 80%,#55b5a344);border:1px solid #fff9;border-radius:44%;width:85%;height:170%;position:absolute;top:-80%;right:-47%;transform:rotate(-25deg)}.graphtia-wave i:nth-child(2){background:linear-gradient(150deg,#0000 55%,#98dcca40);border-color:#bfdbd733;top:-90%;right:-39%}.graphtia-wave i:nth-child(3){background:0 0;border-color:#fff9;top:-46%;right:-53%}.section-accent{color:#167d6d;align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}@media (max-width:700px){.graphtia-diagram,.graphtia-diagram.compact{padding:20px}.diagram-canvas,.compact .diagram-canvas{background:0 0;min-height:0;margin:24px 0 20px}.diagram-edges{display:none}.diagram-group{border-left:1px solid #9dcdbf;gap:16px;margin-left:10px;padding-left:22px;display:grid}.diagram-html-node{width:100%;min-height:58px;padding:12px;position:relative;top:auto;left:auto;transform:none}.diagram-html-node:before{content:"";background:#369580;border:2px solid #f0f8f6;border-radius:50%;width:7px;height:7px;position:absolute;left:-27px}.diagram-html-node strong{font-size:12px}.diagram-html-node small{font-size:11px}.diagram-mobile-step{color:#496663;margin-left:auto;font-size:10px;display:block}.diagram-legend{align-items:flex-start}}.graphtia-diagram{background:linear-gradient(145deg,#fcfffe,#f1f9f5);border-color:#d5e7de;border-radius:12px;box-shadow:0 12px 34px -29px #245b485c}.diagram-label{color:#24433e;letter-spacing:.01em}.diagram-canvas{background-image:radial-gradient(#aacdbd88 .7px,#0000 .7px);background-size:17px 17px;min-height:305px;margin:17px 0 12px}.diagram-edges path{stroke:#99b8aa;stroke-width:1.3px}.diagram-edges path.active{stroke:#17ad85;stroke-width:1.9px}.diagram-html-node{background:#ffffffed;border-color:#d1e1d8;border-radius:7px;padding:13px 10px;box-shadow:0 4px 13px -8px #204e3d44}.diagram-html-node strong{color:#203b35;font-weight:600}.diagram-node-icon{color:#4c7566}.diagram-html-node.selected{background:linear-gradient(130deg,#172e2c,#213c35);border-color:#2cbd90;box-shadow:0 0 0 4px #37c4970c,0 6px 20px -7px #14745655}.diagram-html-node.selected strong{color:#f0fff8}.diagram-html-node.selected small{color:#b5d8ca}.diagram-html-node.selected .diagram-node-icon{color:#5de3b7;filter:drop-shadow(0 0 6px #46d7ab35)}.diagram-html-node.selected .diagram-mobile-step{color:#93ddbe}.diagram-legend>span{background:#1cb58b}.diagram-legend{color:#42675b;font-size:10px}.compact .diagram-canvas{min-height:270px}.diagram-html-node small{color:#536e64;font-size:9px;line-height:1.4}.diagram-motif{box-shadow:none;background:linear-gradient(130deg,#f0f9f4,#0000);border:0;border-radius:0;padding:10px 5px;overflow:visible}.diagram-motif .diagram-canvas{background-size:15px 15px;min-height:160px;margin:5px 0}.diagram-motif .diagram-html-node{gap:6px;width:29%;min-height:49px;padding:10px 7px}.diagram-motif .diagram-html-node strong{font-size:10px;line-height:1.3}.diagram-motif .diagram-html-node small,.diagram-motif .diagram-mobile-step{display:none}.diagram-motif .diagram-node-icon svg{width:15px;height:15px}@media (max-width:700px){.diagram-canvas,.compact .diagram-canvas{min-height:0;margin-top:24px}.diagram-motif .diagram-canvas{min-height:170px;margin-top:5px}.diagram-motif .diagram-group{border:0;margin:0;padding:0;display:block}.diagram-motif .diagram-edges{display:block}.diagram-motif .diagram-html-node{left:var(--node-x);top:var(--node-y);position:absolute;transform:translate(-50%,-50%)}.diagram-motif .diagram-html-node:before{display:none}.diagram-html-node small{font-size:11px}.diagram-html-node.selected:before{background:#19b587;box-shadow:0 0 0 2px #6bd8b73b}}