.explorer{display:flex;flex-direction:column;gap:20px}.sector-alternative{order:2}.sector-alternative>summary{font-size:16px;min-height:54px;color:var(--gold)}.sector-alternative .sector-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-bottom:20px;border:0}.sector-alternative .sector-button{border:1px solid var(--line);padding:10px;gap:8px}.sector-alternative .sector-button>span:nth-child(2){font-size:14px}.sector-panel{display:grid;grid-template-columns:1.6fr 1fr;min-height:0;align-items:center;overflow:hidden}.diagram-stage{background:radial-gradient(ellipse at center,#16344b 0%,#00112e 72%);border-inline-end:1px solid var(--line);min-width:0;padding:24px 16px 12px}.diagram-instructions{text-align:center}.diagram-instructions strong{font-size:18px;color:var(--gold);font-weight:500}.diagram-instructions p{font-size:12px;color:var(--muted);margin-top:8px}.desktop-hint{display:block}.diagram-stage #network{width:100%;height:auto;aspect-ratio:800/640;display:block;touch-action:none;user-select:none;cursor:grab;overflow:hidden}.diagram-stage #network.dragging{cursor:grabbing}.graph-node{cursor:pointer;outline:none}.graph-node .node-disc{fill:#062345;stroke:#a08f6b;stroke-width:1.5;transition:fill .25s,stroke .25s}.graph-node.selected .node-disc{fill:#d6bc86;stroke:#f8e8c2;stroke-width:2}.graph-node .node-number{fill:#d6bc86;font:18px Manrope,sans-serif;text-anchor:middle;pointer-events:none}.graph-node.selected .node-number{fill:#011943}.graph-node .node-label{fill:#e9edf4;font:18px 'Noto Sans Arabic',sans-serif;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#00112e;stroke-width:5px;stroke-linejoin:round}html[lang=en] .graph-node .node-label{font:16px Manrope,sans-serif}.graph-node:focus-visible .node-disc,.graph-node:hover .node-disc{stroke:#fff;stroke-width:3}.graph-edge{stroke:#d6bc8625;stroke-width:1;pointer-events:none;transition:stroke .3s}.graph-edge.active{stroke:#d6bc86;stroke-width:2;stroke-dasharray:6 8;animation:connection-flow 12s linear infinite}.graph-node.related .node-disc{stroke:#d6bc86;stroke-width:2.5}.touch-ring{fill:none;stroke:#d6bc86;stroke-width:1;opacity:.7;pointer-events:none;animation:touch-hint 2.5s ease-out 3;transform-box:fill-box;transform-origin:center}.diagram-controls{display:flex;justify-content:center;align-items:center;gap:9px;direction:ltr}.diagram-controls button{border:1px solid var(--line);min-height:44px;min-width:44px;font-size:23px}.diagram-controls button[data-zoom=reset]{font-size:12px;padding:8px 12px}.diagram-controls button:hover{background:#d6bc8620}.diagram-controls button:disabled{opacity:.35;cursor:default}#zoom-level{font:12px Manrope,sans-serif;min-width:46px;text-align:center}.diagram-status{text-align:center;font-size:12px;color:var(--muted);margin-top:12px;min-height:24px}.panel-content{padding:32px}.panel-content>p{min-height:0}.panel-content h3{font-size:28px}.section-heading>p{max-width:440px}@keyframes connection-flow{to{stroke-dashoffset:-140}}@keyframes touch-hint{0%{opacity:.65;transform:scale(.9)}100%{opacity:0;transform:scale(1.6)}}
@media(max-width:1000px){.sector-panel{grid-template-columns:1.25fr 1fr}.panel-content{padding:22px}.panel-content h3{font-size:24px}.sector-alternative .sector-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sector-panel{display:block}.diagram-stage{padding:20px 3px 14px;border-inline:0;border-bottom:1px solid var(--line)}.diagram-instructions{padding-inline:14px}.diagram-instructions strong{font-size:16px}.diagram-instructions p{font-size:12px}.desktop-hint{display:none}.diagram-stage #network{height:370px;aspect-ratio:auto}.diagram-controls{gap:7px}.diagram-status{font-size:11px;padding-inline:10px}.panel-content{padding:22px}.graph-node .node-label{font-size:21px}html[lang=en] .graph-node .node-label{font-size:18px}}
@media(prefers-reduced-motion:reduce){.graph-edge.active,.touch-ring{animation:none}.graph-node .node-disc,.graph-edge{transition:none}}
@media(max-width:760px){.diagram-stage #network{height:auto;aspect-ratio:440/720}.graph-node .node-label{font-size:17px}html[lang=en] .graph-node .node-label{font-size:15px}}