
/* styles-tree.css */
:root{--bg:#0b0b0f;--ink:#eaeaf0;--muted:#a0a3ad;--a:#00ff88;--b:#ff2fd6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,Segoe UI,Roboto,Arial,sans-serif}
header{padding:1.5rem 2rem;border-bottom:1px solid #1f1f2b;background:#11111a}
h1{margin:0;font-size:1.25rem;color:var(--a)}
main{padding:1.25rem 2rem}
.tree,.tree ul{list-style:none;margin:0;padding-left:1.2rem;position:relative}
.tree ul::before{content:"";border-left:1px solid #2c2c3a;position:absolute;top:0;bottom:0;left:0}
.tree li{margin:.35rem 0;position:relative}
.tree li::before{content:"";border-top:1px solid #2c2c3a;position:absolute;top:.9em;left:-1.2rem;width:1.2rem}
summary{cursor:pointer;color:var(--b);outline:none}
summary::-webkit-details-marker{display:none}
details>summary::before{content:"▸";display:inline-block;transform:translateY(-.04em);margin-right:.35rem;transition:transform .2s ease;color:#888}
details[open]>summary::before{transform:rotate(90deg) translateX(-.02em)}
a{color:var(--ink);text-decoration:none;border-bottom:1px dashed transparent}
a:hover{color:var(--a);border-bottom-color:var(--a)}
footer{padding:1rem 2rem;color:var(--muted);border-top:1px solid #1f1f2b}
