:root{--paper:#f3f0e8;--ink:#10100e;--muted:#6f6b62;--line:#171715}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
body{display:grid;grid-template-rows:68px 1fr 30px}
.topbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(16,16,14,.25);background:rgba(243,240,232,.98)}
.brand{display:flex;align-items:baseline;gap:16px}.brand strong{font-size:17px;font-weight:900;letter-spacing:.02em}.brand span{font-size:11px;font-weight:800;color:#555148;text-transform:uppercase;letter-spacing:.08em}
.tools{display:flex;align-items:center;gap:7px}.tools button{height:34px;padding:0 11px;border:1px solid rgba(16,16,14,.25);background:transparent;color:var(--ink);font-weight:900;font-size:11px;letter-spacing:.05em;cursor:pointer}.tools button:hover{background:#111;color:#f7f3e9}.tools b{min-width:45px;text-align:center;font-size:11px;font-weight:900}
.search-wrap{height:34px;display:flex;align-items:center;border:1px solid rgba(16,16,14,.25);padding:0 9px;gap:8px}.search-wrap span{font-size:9px;font-weight:900;letter-spacing:.1em}.search-wrap input{width:180px;border:0;outline:0;background:transparent;font:800 12px Arial;color:var(--ink)}
#viewport{position:relative;overflow:hidden;cursor:grab;background-image:radial-gradient(rgba(16,16,14,.12) .6px,transparent .6px);background-size:18px 18px;touch-action:none}#viewport.dragging{cursor:grabbing}
#mapSurface{position:absolute;left:0;top:0;width:3000px;height:1900px;transform-origin:0 0;will-change:transform}
.wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wires path{fill:none;stroke:var(--line);stroke-width:4.5;stroke-linecap:round;opacity:.7}
.hub{position:absolute;left:1205px;top:715px;width:590px;height:470px;border:7px solid #111;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--paper);z-index:4;box-shadow:0 0 0 16px var(--paper)}
.hub span{font-size:16px;font-weight:900;letter-spacing:.16em}.hub h1{margin:18px 0 12px;font-size:47px;line-height:.98;font-weight:900;letter-spacing:-.045em}.hub p{width:72%;margin:0;font-size:13px;line-height:1.3;font-weight:900;letter-spacing:.08em}
.chapter{position:absolute;background:rgba(243,240,232,.97);padding:22px 24px 18px;border-top:5px solid #111;border-bottom:1px solid rgba(16,16,14,.22);z-index:3;transition:opacity .18s ease,filter .18s ease}.chapter::before{content:"";position:absolute;inset:-10px -12px;background:var(--paper);z-index:-1;border-radius:26px}
.chapter-c1{left:120px;top:70px;width:1160px;height:710px}.chapter-c2{left:1720px;top:70px;width:1160px;height:760px}.chapter-c3{left:2240px;top:760px;width:640px;height:620px}.chapter-c4{left:1660px;top:1270px;width:1220px;height:560px}.chapter-c5{left:120px;top:1280px;width:1220px;height:550px}.chapter-c6{left:120px;top:770px;width:650px;height:520px}
.chapter-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:13px;padding-bottom:10px;border-bottom:2px solid #111}.chapter-head>span{font-size:30px;line-height:1;font-weight:900;letter-spacing:-.03em}.chapter-head h2{margin:0;font-size:27px;line-height:1;font-weight:900;letter-spacing:-.025em;text-transform:uppercase}
.topics{columns:var(--cols);column-gap:25px;column-rule:1px solid rgba(16,16,14,.14)}.topic{display:inline-block;width:100%;break-inside:avoid;margin:0 0 13px;padding:0 0 9px;border-bottom:1px solid rgba(16,16,14,.16);transition:opacity .15s ease,transform .15s ease,background .15s ease}.topic h3{margin:0 0 5px;font-size:16px;line-height:1.03;font-weight:900;letter-spacing:-.018em}.topic p,.detail-line{margin:0;font-size:10.5px;line-height:1.22;font-weight:800}.topic p span{font-weight:800}.topic p .sep{display:inline-block;margin:0 4px;font-weight:900}.detail-line{margin-bottom:3px}.detail-line strong{font-weight:900}.detail-line em{font-style:normal;font-weight:900;margin:0 3px}.topic:hover{transform:scale(1.025);transform-origin:left top;background:#faf7ef;z-index:10;position:relative}
.search-dim{opacity:.12}.search-hit{background:#fff;border-bottom-color:#111}.chapter-dim{opacity:.28;filter:grayscale(1)}
.foot{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid rgba(16,16,14,.25);font-size:10px;font-weight:900;letter-spacing:.035em;background:var(--paper)}
@media(max-width:900px){body{grid-template-rows:58px 1fr 26px}.brand span{display:none}.brand strong{font-size:13px}.tools{gap:4px}.tools button{padding:0 7px;font-size:9px}.search-wrap{display:none}.foot{font-size:8px}.foot span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}