:root{--ink:#153148;--muted:#5c7080;--navy:#0b2945;--line:#dce5ec}*{box-sizing:border-box}body{margin:0;font:1rem/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#f7f9fc}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,.canvas:focus-visible{outline:3px solid #a56c00;outline-offset:3px}header{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem 2rem;padding:1rem 4%;background:white;border-bottom:1px solid var(--line)}.brand{font-size:1.6rem;font-weight:800}.brand span{font-size:.875rem;font-weight:500;border-left:1px solid var(--line);padding-left:.9rem;margin-left:.9rem}nav{display:flex;gap:1.3rem}nav a{font-size:.875rem;min-height:2.75rem;display:flex;align-items:center}nav [aria-current]{color:#125b9a;border-bottom:2px solid #125b9a}.tag{font-size:.875rem;color:var(--muted);margin-left:auto;display:none}main{padding:1.2rem 4% 0}.map-heading{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:#416985;margin:0}h1{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.4;margin:.4rem 0}.map-heading>p{font-size:.875rem;color:var(--muted);margin:0 0 .3rem}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.view-tabs,.zoom-controls{display:flex;align-items:center;gap:.25rem}.toolbar button{min-width:2.75rem;min-height:2.75rem;padding:.5rem .9rem;background:white;border:1px solid var(--line);border-radius:.35rem;color:var(--ink);font-size:.875rem}.view-tabs [aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}output{font-size:.875rem;min-width:3.5rem;text-align:center}.canvas{height:38rem;overflow:auto;border:1px solid var(--line);border-radius:.75rem;background-color:#fff;background-image:radial-gradient(#dfe6ed .8px,transparent .8px);background-size:20px 20px;position:relative;overscroll-behavior:contain}.map-stage{width:1240px;height:620px;position:relative;transform-origin:0 0}.root-node{position:absolute;left:460px;top:248px;width:320px;background:var(--navy);color:#fff;border-radius:1rem;padding:1.1rem;text-align:center;box-shadow:0 10px 28px #0b294525;z-index:1}.root-node>span{font-size:.875rem;color:#f5c85b}.root-node h2{font-size:1.3rem;line-height:1.6;margin:.3rem 0}.root-node p{font-size:.875rem;color:#cadcea;margin:.3rem 0 0}.branch{position:absolute;width:350px;z-index:1;--accent:#175ca1}.branch.left{left:25px}.branch.right{left:865px}.branch-head{display:flex;align-items:center;gap:.75rem;padding:.5rem .2rem;border-bottom:3px solid var(--accent);color:var(--accent);font-size:1.1rem;font-weight:700;min-height:2.75rem}.branch-head small{font:1.2rem Georgia,serif;opacity:.8}.leaves{padding:.35rem 0 0 1.2rem;display:flex;flex-direction:column;align-items:flex-start;border-left:1px solid var(--line);margin-left:.8rem}.leaves a{font-size:1rem;padding:.35rem .65rem;min-height:2.75rem;background:#ffffffeb;position:relative;border-radius:.3rem}.leaves a:before{content:'';position:absolute;width:1.2rem;height:1px;background:var(--line);left:-1.2rem;top:50%}.branch a:hover{background:#edf3f8}.branch-head:hover{border-color:var(--navy)}#wires{position:absolute;inset:0;width:1240px;height:620px;pointer-events:none}.map-key{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem;font-size:.875rem;color:var(--muted);padding:.7rem 0}.logic-strip{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;background:var(--navy);color:#fff;padding:1rem 1.3rem;border-radius:.5rem;font-size:.875rem}.logic-strip strong{color:#f5c85b;margin-right:.5rem}.logic-strip i{font-style:normal;color:#a2bfd7}.logic-strip b{font-weight:500;color:#f5c85b}.principles{display:grid;gap:.5rem;padding:1rem 0}.principles p{margin:.3rem 0;font-size:.875rem}.principles b{display:block}.principles span{color:var(--muted)}footer{border-top:1px solid var(--line);padding:1rem 4%;font-size:.875rem;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}footer a{color:#175ca1;min-height:2.75rem}@media(min-width:768px){.tag{display:block}nav{margin-left:auto}.principles{grid-template-columns:repeat(3,1fr)}.canvas{height:40rem}}@media(min-width:1280px){.canvas{height:39rem}.map-stage{margin:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{header,.toolbar,footer{display:none}.canvas{height:auto;overflow:visible}.map-stage{transform:scale(.75)!important;transform-origin:top left}.principles{display:none}}
:root .canvas{max-width:100%}
@media(max-width:767px){.canvas{height:auto;max-height:65vh;padding:1rem}.map-stage{width:100%;height:auto;zoom:1!important}.root-node{position:relative;left:auto;top:auto;width:100%;padding:1rem;margin-bottom:1.4rem}.branch{position:relative;left:auto!important;top:auto!important;width:100%;margin:.6rem 0 1rem;padding-left:.7rem;border-left:2px solid var(--accent)}#wires{display:none}.branch-head{font-size:1rem}.leaves a{font-size:1rem}.zoom-controls{display:none}.map-key span:last-child{display:none}}