html{scroll-behavior:smooth}#mindmap-organisasi{scroll-margin-top:24px;margin-bottom:70px}.sotk-public{min-width:0}.sotk-public .map-head{align-items:flex-start}.sotk-public .map-head h2{margin-bottom:10px}.sotk-public .map-head p{max-width:740px;line-height:1.7}
.sotk-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:26px 0 12px}.sotk-search{flex:1;max-width:550px;min-width:0}.sotk-search label{display:block;font-size:12px;font-weight:600;color:#53647d;margin-bottom:8px}.sotk-search input{width:100%;min-height:44px;border:1px solid #d9e3f0;border-radius:10px;background:#fff;padding:11px 14px}.sotk-search #map-results{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.sotk-search #map-results:empty{display:none}#map-results button{border:1px solid #dbe4f0;padding:7px 10px;border-radius:8px;background:#f4f7fc;color:#164c9b;cursor:pointer;font:inherit;font-size:12px}.sotk-zoom{display:flex;gap:6px;align-items:center;flex-shrink:0;padding-bottom:0}.sotk-zoom button{min-width:38px;min-height:38px;border:1px solid #d9e3f0;border-radius:9px;background:#fff;color:#164c9b;font:inherit;font-size:17px;cursor:pointer}.sotk-zoom button:hover{background:#edf4ff}.sotk-zoom #sotk-fit{padding:8px 12px;font-size:12px;font-weight:600;margin-left:4px}.sotk-zoom output{min-width:44px;text-align:center;font-size:12px;color:#64748b}.sotk-guide{font-size:12px;color:#74839a;line-height:1.7;margin:0 0 16px}
.sotk-viewport{position:relative;width:100%;min-width:0;height:650px;height:min(700px,75vh);min-height:400px;overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid #dce5f1;border-radius:16px;background-color:#f7f9fd;background-image:radial-gradient(#dce4ef 1px,transparent 1px);background-size:18px 18px;scrollbar-color:#b4c5de #edf2f9;scrollbar-width:thin}
.sotk-scene-size{position:relative;margin:0 auto}.sotk-stage{position:absolute;top:0;left:0;transform-origin:top left;padding:20px 12px 28px;isolation:isolate}.sotk-stage #sotk-lines{position:absolute;inset:0;z-index:-1;overflow:visible;pointer-events:none}.sotk-edge{fill:none;stroke:#9eb4d1;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.sotk-edge.is-selected{stroke:#1c5bb4;stroke-width:2.8}
.sotk-tree,.sotk-tree ul{list-style:none;margin:0;padding:0}.sotk-tree .sotk-branches{display:grid;grid-template-columns:repeat(var(--sotk-columns),minmax(0,1fr));gap:22px;align-items:start;padding-top:58px}.sotk-subtree{padding-top:16px!important;margin-left:14px!important}.sotk-subtree>.sotk-item+.sotk-item{margin-top:12px}
.sotk-node{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;position:relative;z-index:1;width:100%;min-height:86px;padding:16px 14px;border:1px solid #cfdded;border-top:3px solid #285caa;border-radius:12px;background:#fff;box-shadow:0 4px 14px #101c4006;color:#162647;font-family:inherit;text-align:left;cursor:pointer}.sotk-node>b{font-size:15px;line-height:1.45;overflow-wrap:anywhere}.sotk-node>span{font-size:11px;line-height:1.5;color:#6e819d}.sotk-node:hover{background:#f0f6ff;border-color:#6e9ad2}.sotk-node.is-selected{border-color:#1b5db6;box-shadow:0 0 0 3px #1959b126}.sotk-node.is-match{background:#fff8df;border-color:#d7a627}.sotk-node--root{width:320px;max-width:100%;margin:0 auto;align-items:center;text-align:center;background:linear-gradient(135deg,#101c40,#23477e);border:0;color:#fff;min-height:120px;padding:22px}.sotk-node--root>b{font-size:24px}.sotk-node--root>span{color:#d5e1f7;font-size:11px;letter-spacing:.08em}.sotk-node--root:hover{background:linear-gradient(135deg,#172852,#2b5693)}
.sotk-selection{display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.6;border:1px solid #dce6f4;border-radius:12px;background:#f3f7fd;padding:18px 20px;margin-top:16px}.sotk-selection>span{color:#64748b;font-size:12px}.public-map-note{background:#f1f5fc;border:1px solid #e0e8f2;padding:24px;border-radius:14px;margin-top:22px}.public-map-note p{color:#64748b;line-height:1.6}.public-map-note a{font-weight:700;color:#164c9b}
.sotk-public button:focus-visible,.sotk-viewport:focus-visible{outline:3px solid #efb425;outline-offset:3px}
@media(max-width:900px){.sotk-toolbar{flex-wrap:wrap;gap:12px}.sotk-search{flex-basis:100%;max-width:none}.sotk-zoom{margin-left:auto}.sotk-public .map-head{flex-wrap:wrap}.sotk-public .map-head>.btn{font-size:12px}.sotk-viewport{height:620px}}
@media(max-width:700px){.sotk-stage{padding:16px 6px 24px}.sotk-tree .sotk-branches{display:block;padding-top:24px;margin-left:18px}.sotk-branches>.sotk-item+.sotk-item{margin-top:14px}.sotk-subtree{margin-left:18px!important;padding-top:14px!important}.sotk-node{min-height:72px;padding:13px 12px;gap:7px}.sotk-node>b{font-size:14px}.sotk-node--root{width:100%;min-height:102px}.sotk-node--root>b{font-size:21px}.sotk-viewport{padding:10px;height:600px;min-height:350px}.sotk-zoom #sotk-fit{font-size:11px}.sotk-guide{font-size:11px}.sotk-selection{padding:16px}.public-map-note{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sotk-navigation{display:flex;flex-direction:column;gap:12px;margin:16px 0}.sotk-navigation-actions{display:flex;flex-wrap:wrap;gap:8px}.sotk-navigation button{font:inherit;font-size:12px;line-height:1.5;border:1px solid #d9e3f0;background:#fff;color:#164c9b;border-radius:8px;padding:8px 12px;cursor:pointer}.sotk-navigation button:disabled{cursor:default;opacity:.55}.sotk-navigation button:not(:disabled):hover{background:#edf4ff}.sotk-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.sotk-breadcrumb button{padding:6px 10px;background:#f3f7fd}.sotk-breadcrumb button[aria-current]{opacity:1;background:#164c9b;color:white;border-color:#164c9b}.sotk-crumb-separator{color:#9aabc1}.sotk-leaf-note{max-width:360px;font-size:13px;color:#64748b;text-align:center;line-height:1.7;margin:24px auto 0}.sotk-viewport.is-leaf{height:330px;min-height:300px}
.sotk-node>.sotk-holders{display:grid;width:100%;gap:10px;color:inherit;font-size:12px;text-align:left}.sotk-holder{display:flex;align-items:center;gap:9px;min-width:0}.sotk-portrait{position:relative;display:block;flex-shrink:0;width:36px;height:42px;border:1px solid #dbe4f1;border-radius:8px;overflow:hidden;background:#edf3fb}.sotk-portrait img,.sotk-initials{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.sotk-initials{display:flex;align-items:center;justify-content:center;background:#e6eefb;color:#285997;font-size:12px;font-weight:700}.sotk-initials[hidden]{display:none}.sotk-holder-name{font-size:12px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}.sotk-holder-empty{display:block;font-size:11px;font-weight:400;color:#8391a6;line-height:1.6}.sotk-holder-more{display:block;font-size:10px;color:#1959b1;line-height:1.6}.sotk-node--root{gap:14px}.sotk-node--root .sotk-holder{justify-content:center}.sotk-node--root .sotk-portrait{width:58px;height:68px;border-color:#ffffff40}.sotk-node--root .sotk-holder-name{font-size:15px;color:#fff}.sotk-node--root .sotk-holder-empty{color:#c7d5ed}.sotk-node--root.has-many-holders{width:480px}.sotk-node--root .sotk-holders--many{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sotk-node--root .sotk-holders--many .sotk-holder{justify-content:flex-start}.sotk-node--root .sotk-holders--many .sotk-portrait{width:42px;height:50px}.sotk-node--root .sotk-holders--many .sotk-holder-name{font-size:12px}.sotk-viewport.is-leaf:has(.has-many-holders){height:600px}.sotk-selected-names{overflow-wrap:anywhere}
@media(max-width:700px){.sotk-node--root .sotk-holder-name{font-size:14px}.sotk-node--root .sotk-holders--many{grid-template-columns:minmax(0,1fr)}.sotk-node--root .sotk-holders--many .sotk-holder-name{font-size:13px}.sotk-holder-name{font-size:12px}.sotk-node>.sotk-holders{gap:10px}}