.chart-main{padding:44px 0 56px}.chart-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px}.chart-heading h1{font:700 clamp(34px,4vw,54px)/1.2 Amiri,serif;margin:0 0 12px;color:var(--green-dark)}.chart-heading p:not(.eyebrow){max-width:680px;color:#747d73;font-size:13px;line-height:2;margin:0}.chart-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.chart-actions button{height:39px;min-width:40px;border:1px solid #ded9cc;border-radius:8px;background:#fffdf8;color:#315b47;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.chart-actions #fitChart{padding:0 13px;font-family:inherit;font-size:11px}.chart-card{background:#fffdf8;border:1px solid #e5e0d5;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.chart-toolbar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #eee9df;color:#788079;font-size:10px}.chart-toolbar span:first-child{display:flex;align-items:center;gap:8px}.chart-toolbar i{width:8px;height:8px;border-radius:50%;background:#b95c62}.chart-viewport{height:min(70vh,760px);min-height:390px;overflow:auto;background-color:#fbfaf6;background-image:radial-gradient(#d8d4c8 0.65px,transparent .65px);background-size:18px 18px;overscroll-behavior:contain;scrollbar-color:#c9c3b5 #f5f2e9;cursor:grab}.chart-viewport:active{cursor:grabbing}.chart-viewport svg{display:block;max-width:none;transform-origin:top right}.chart-node{filter:drop-shadow(0 5px 8px rgba(42,55,44,.09))}.chart-node rect{fill:#fffefa;stroke:#d9dfd4;stroke-width:1.4}.chart-node .node-accent{stroke-width:6;stroke-linecap:round}.chart-node text{fill:#2d3b31;font-family:"IBM Plex Sans Arabic",sans-serif;font-weight:700;font-size:16px;dominant-baseline:middle;text-anchor:middle}.chart-node .node-note{fill:#828a80;font-size:9px;font-weight:500}.chart-node.root rect{fill:#e9efe4;stroke:#bdcdbd;stroke-width:2}.chart-node.root text{font-family:Amiri,serif;font-size:21px}.chart-node.root .node-note{font-size:10px}.chart-edge{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.88}.generation-label{fill:#8c9389;font:500 10px "IBM Plex Sans Arabic",sans-serif;letter-spacing:.02em;text-anchor:end;dominant-baseline:middle}.chart-note{font-size:10px;color:#82897f;margin:13px 2px 0;line-height:1.9}.chart-shell .footer{margin-bottom:10px}@media(max-width:800px){.chart-main{padding:32px 0 42px}.chart-heading{display:block}.chart-actions{margin-top:17px}.chart-viewport{height:67vh;min-height:370px}}@media(max-width:600px){.chart-heading h1{font-size:38px}.chart-heading p:not(.eyebrow){font-size:11px}.chart-viewport{min-height:340px;height:65vh}.chart-toolbar{font-size:8px;padding:0 10px}.chart-actions .button{font-size:9px;padding:8px 9px}.chart-shell .footer p{font-size:8px}}