.nukh-tree-page{padding:32px 0 70px;background:var(--surface);color:#1c1c1c}
.nukh-tree-page *{box-sizing:border-box}
.nukh-tree-container{width:min(var(--page-max-width),calc(100% - 2.5rem));margin-inline:auto}
.nukh-tree-intro{max-width:680px;margin-bottom:20px}
.nukh-tree-eyebrow{display:block;margin-bottom:6px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8a6a2f}
.nukh-tree-intro h1{margin:0 0 8px;font:700 34px/1.2 var(--display);letter-spacing:-.035em}
.nukh-tree-intro h1 span{color:#8a6a2f}
.nukh-tree-intro p{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary)}
.nukh-tree-explorer{width:100%;background:#fff}
.nukh-tree-canvas{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(64px,.55fr) repeat(2,minmax(0,1fr)) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,64px);width:100%;padding:24px}
.nukh-tree-connectors{position:absolute;top:0;left:0;z-index:0;pointer-events:none;overflow:hidden}
.nukh-tree-root,.nukh-tree-branches,.nukh-tree-nukhs,.nukh-tree-card{position:relative;z-index:1;min-width:0}
.nukh-tree-root{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;color:#6b6b6b;text-align:center;overflow-wrap:anywhere}
.nukh-tree-root-mark{display:block;width:56px;height:56px;object-fit:contain;border:3px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #e3d9c4}
.nukh-tree-branches,.nukh-tree-nukhs{display:flex;flex-direction:column;gap:6px;width:100%}
.nukh-tree-tile,.nukh-tree-pill{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;margin:0;padding:6px 12px;border:1px solid #d1cec8;border-radius:7px;background:#fff;color:#1c1c1c;font:400 13px/1.4 var(--body);text-align:left;cursor:pointer;overflow-wrap:anywhere}
.nukh-tree-tile:hover,.nukh-tree-pill:hover{background:#faf6ee;border-color:#8a6a2f}
.nukh-tree-tile[aria-pressed="true"]{border-color:#7b1f2b;background:#fff7f7;color:#7b1f2b}
.nukh-tree-pill[aria-pressed="true"]{border-color:#8a6a2f;background:#faf6ee;color:#71521d}
.nukh-tree-tile:focus-visible,.nukh-tree-pill:focus-visible{outline:3px solid #f2b705;outline-offset:2px}
.nukh-tree-count{flex-shrink:0;font-size:10px;color:#6b6b6b}
.nukh-tree-card{width:100%;padding:16px;border:1px solid #efe2cb;border-radius:12px;background:#faf7f0;overflow-wrap:anywhere}
.nukh-tree-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:8px;border-radius:50%;background:#8a6a2f;color:#fff;font-size:16px;font-weight:600}
.nukh-tree-card h2{margin:0 0 6px;color:#1c1c1c;font:600 16px/1.3 var(--body);letter-spacing:0}
.nukh-tree-badge{display:inline-block;max-width:100%;padding:2px 8px;border-radius:999px;background:#f4e8ea;color:#7b1f2b;font-size:11px;line-height:1.5}
.nukh-tree-fact{margin:10px 0 0}
.nukh-tree-fact dt{font-size:11px;color:#6b6b6b}
.nukh-tree-fact dd{margin:0;font-size:13px;font-weight:500;color:#1c1c1c}
.nukh-tree-empty{margin:0;color:#6b6b6b;font-size:12px;line-height:1.6}
.nukh-tree-message{padding:20px;background:#faf6ee;border:1px solid #efe7d6;border-radius:12px}
.nukh-tree-expansion{display:contents}
.nukh-tree-summary{display:none}
@media(max-width:767px){
    .nukh-tree-page{padding:24px 0 48px}
    .nukh-tree-intro{margin-bottom:16px}
    .nukh-tree-intro h1{font-size:28px}
    .nukh-tree-canvas{display:block;padding:14px}
    .nukh-tree-connectors,.nukh-tree-root,.nukh-tree-card{display:none}
    .nukh-tree-branches{--nukh-tree-columns:3;display:grid;grid-template-columns:repeat(var(--nukh-tree-columns),minmax(0,1fr));gap:8px}
    .nukh-tree-tile{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:66px;padding:10px 12px;border-radius:8px}
    .nukh-tree-count{font-size:11px}
    .nukh-tree-count::after{content:" nukhs"}
    .nukh-tree-expansion{display:block;grid-column:1/-1;min-width:0;padding:12px;border:1px solid #eae1d0;border-radius:10px;background:linear-gradient(120deg,#fbf8f2,#fffdf9)}
    .nukh-tree-summary{display:block;margin:0 0 10px;font-size:12px;font-weight:500;color:#71521d}
    .nukh-tree-nukhs{flex-direction:row;flex-wrap:wrap;gap:6px}
    .nukh-tree-pill{display:inline-flex;width:auto;min-height:32px;padding:5px 10px;border-color:#e5dfd3;background:#fff;font-size:12px;cursor:default}
    .nukh-tree-pill::before{content:"";flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#cfb98e}
}
@media(max-width:479px){.nukh-tree-branches{--nukh-tree-columns:2}}

@media(min-width:768px) and (max-width:991px){.nukh-tree-canvas{gap:24px;padding:20px 16px}.nukh-tree-tile,.nukh-tree-pill{padding-inline:9px}.nukh-tree-card{padding:12px}}