:root{--navy:#123458;--blue:#2563eb;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--line:#dce3ee;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wrap{max-width:1180px;margin:auto;padding:0 20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-badge{width:40px;height:40px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center}.nav{display:flex;gap:10px;align-items:center}.nav a,.btn{padding:10px 14px;border-radius:9px}.nav a:hover{background:#eef3f8}.btn{border:0;cursor:pointer;background:var(--navy);color:#fff;font-weight:700;display:inline-block}.btn.secondary{background:#e8eef6;color:var(--navy)}.btn.danger{background:#fee4e2;color:var(--danger)}.btn.ok{background:#dcfae6;color:var(--ok)}.hero{padding:58px 0 26px;background:linear-gradient(180deg,#fff 0,#f4f7fb 100%)}.hero h1{font-size:clamp(30px,4vw,52px);line-height:1.08;margin:0 0 14px}.hero p{max-width:760px;color:var(--muted);font-size:18px}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8eef6;color:var(--navy);font-size:12px;font-weight:800}.mindmap-shell{margin:24px 0 50px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 12px 35px rgba(17,24,39,.06)}.search{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.mindmap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.node{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;cursor:pointer;transition:.18s}.node:hover,.node.active{transform:translateY(-2px);box-shadow:0 8px 22px rgba(18,52,88,.12);border-color:#9db3cc}.node.center{grid-column:1/-1;max-width:380px;margin:auto;text-align:center;background:var(--navy);color:#fff}.node .icon{font-size:26px}.node small{display:block;color:var(--muted);margin-top:6px}.node.center small{color:#dce7f5}.detail{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.stat{grid-column:span 3}.main{grid-column:span 8}.side{grid-column:span 4}.card h3{margin-top:0}.muted{color:var(--muted)}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0e2742;color:#dce7f5;padding:24px 16px}.sidebar h2{color:#fff;font-size:17px;margin:0 0 24px}.sidebar a{display:block;padding:10px 12px;border-radius:8px;margin:3px 0}.sidebar a:hover{background:#173b61}.content{padding:28px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted);background:#fafbfc}.form-card{max-width:860px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:14px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #cfd7e3;border-radius:8px;background:#fff}.field textarea{min-height:120px}.flash{padding:12px 14px;border-radius:9px;margin-bottom:12px}.flash.success{background:#dcfae6;color:#067647}.flash.error{background:#fee4e2;color:#b42318}.status{display:inline-block;padding:5px 8px;border-radius:999px;background:#eef2f6;font-size:12px;font-weight:700}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.08)}.step{padding:12px;border-left:3px solid #cbd5e1;margin:8px 0;background:#f8fafc}.step.pending{border-color:#f59e0b}.step.approved{border-color:#10b981}.step.rejected,.step.revision{border-color:#ef4444}@media(max-width:900px){.mindmap{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.sidebar{position:static}.stat,.main,.side{grid-column:1/-1}.form-row{grid-template-columns:1fr}}@media(max-width:560px){.nav a:not(.btn){display:none}.mindmap{grid-template-columns:1fr}.hero{padding-top:32px}.content{padding:18px}}

/* Interactive hierarchical public mindmap patch */
.home-hero{padding:70px 0 46px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:46px;align-items:center}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.system-explainer{background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:0 18px 50px rgba(18,52,88,.08)}.explain-item{display:flex;gap:14px;padding:15px;border-radius:14px;align-items:flex-start}.explain-item+.explain-item{border-top:1px solid #edf1f5}.explain-item>strong{font-size:12px;background:#eef3f8;color:var(--navy);padding:7px;border-radius:9px}.explain-item span{display:grid;gap:3px}.explain-item small{color:var(--muted);line-height:1.4}.about-system{background:#fff;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;padding:50px 0}.section-heading{max-width:790px}.section-heading h2,.map-head h2{font-size:clamp(25px,3vw,38px);margin:5px 0 10px}.section-heading p{color:var(--muted);font-size:16px;line-height:1.7}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:900}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.feature-strip>div{padding:18px;border:1px solid var(--line);border-radius:14px;display:grid;gap:5px}.feature-strip span{font-size:13px;color:var(--muted);line-height:1.45}.interactive-map{margin-top:42px;padding:28px}.map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.map-head p{margin-bottom:0}.map-controls{display:flex;gap:8px;flex-wrap:wrap}.map-controls button:disabled{opacity:.35;cursor:not-allowed}.map-search-wrap{position:relative;margin-top:20px;z-index:8}.map-search-wrap .search{margin:0}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px rgba(18,52,88,.15);display:none;overflow:hidden}.search-results.open{display:block}.search-results button{width:100%;border:0;background:#fff;text-align:left;padding:11px 13px;display:flex;gap:10px;cursor:pointer}.search-results button:hover{background:#f6f9fc}.search-results button span:last-child{display:grid}.search-results small{color:var(--muted)}.no-search{padding:14px;color:var(--muted)}.map-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:16px 0 8px}.crumb{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:4px 6px;border-radius:7px}.crumb:hover{background:#eef3f8;color:var(--navy)}.crumb.current{font-weight:800;color:var(--navy)}.mindmap-viewport{min-height:430px;overflow:auto;border:1px solid #e7edf4;border-radius:18px;background:radial-gradient(circle at 50% 16%,#fff 0,#f8fafc 62%,#f4f7fb 100%);padding:38px 26px;scroll-behavior:smooth}.mindmap-stage{min-width:780px;transition:opacity .11s ease,transform .11s ease}.mindmap-stage.is-switching{opacity:.1;transform:scale(.96)}.tree-focus{display:flex;flex-direction:column;align-items:center}.tree-level{position:relative;display:flex;justify-content:center}.org-node{appearance:none;border:1px solid #d8e0ea;background:#fff;border-radius:16px;padding:15px;min-width:220px;max-width:270px;display:flex;text-align:left;gap:11px;align-items:flex-start;position:relative;cursor:pointer;box-shadow:0 5px 16px rgba(15,39,66,.05);transition:.18s ease;border-top:4px solid var(--node-color)}.org-node:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(15,39,66,.12)}.focus-node{min-width:320px;max-width:420px;padding:19px;background:linear-gradient(145deg,#123458,#1e4a75);color:#fff;border-color:#123458;border-top:0}.focus-node small{color:#d8e6f4}.org-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:11px;background:#f1f5f9;font-size:22px}.focus-node .org-icon{background:rgba(255,255,255,.13)}.org-copy{display:grid;gap:4px;min-width:0}.org-copy strong{font-size:15px}.org-copy small{font-size:12px;color:var(--muted);line-height:1.35}.child-count{position:absolute;right:10px;bottom:-10px;background:#eef3f8;border:1px solid #d8e0ea;color:var(--navy);font-size:10px;font-weight:800;padding:3px 7px;border-radius:999px}.tree-trunk{width:2px;height:38px;background:#9eb0c4}.child-level{width:max-content;min-width:100%;align-items:flex-start;gap:26px;padding-top:30px}.child-level:before{content:"";position:absolute;top:0;left:calc(26px + 110px);right:calc(26px + 110px);height:2px;background:#9eb0c4}.tree-branch{position:relative;display:flex;flex-direction:column;align-items:center;width:245px}.branch-line{position:absolute;top:-30px;left:50%;width:2px;height:30px;background:#9eb0c4}.grandchildren-preview{margin-top:16px;display:grid;gap:6px;width:100%;padding-left:16px;position:relative}.grandchildren-preview:before{content:"";position:absolute;left:5px;top:-16px;bottom:14px;width:1px;background:#c9d4df}.mini-node{border:1px solid #e1e7ef;background:#fff;border-radius:10px;padding:8px 10px;font-size:11px;text-align:left;cursor:pointer;color:#425466;position:relative}.mini-node:before{content:"";position:absolute;left:-12px;top:50%;width:11px;height:1px;background:#c9d4df}.mini-node:hover{border-color:#9db3cc;color:var(--navy)}.grandchildren-preview>span{font-size:11px;color:var(--muted);padding-left:5px}.empty-children{margin-top:30px;padding:18px 22px;border:1px dashed #c9d4df;border-radius:14px;color:var(--muted);max-width:650px;text-align:center}.zoom-pulse .mindmap-stage{animation:mapZoom .42s ease}@keyframes mapZoom{0%{transform:scale(.82);opacity:.35}65%{transform:scale(1.025);opacity:1}100%{transform:scale(1)}}.stakeholder-focus{padding-top:28px}.focus-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}.focus-head h2{margin:5px 0 8px;font-size:27px}.focus-head p{max-width:760px;color:var(--muted);line-height:1.6}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.focus-card{border:1px solid var(--line);background:#fafbfd;border-radius:15px;padding:15px}.focus-card-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.focus-card-title>span{width:31px;height:31px;border-radius:9px;background:#e8eef6;color:var(--navy);display:grid;place-items:center;font-weight:900}.focus-card-title>div{display:grid;gap:2px}.focus-card-title small{font-size:11px;color:var(--muted);line-height:1.4}.subitem-list{display:grid;gap:8px}.subitem{width:100%;border:1px solid #e1e7ef;background:#fff;border-radius:11px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;text-align:left;cursor:pointer;color:inherit}.subitem:hover{border-color:#9db3cc;box-shadow:0 5px 14px rgba(18,52,88,.06)}.subitem>span:nth-child(2){display:grid;gap:2px}.subitem small{font-size:11px;color:var(--muted);line-height:1.35}.subitem i{font-style:normal;color:#8da1b7}.subitem.static{cursor:default}.empty-mini{padding:12px;border-radius:10px;background:#fff;color:var(--muted);font-size:12px}.focus-meta{margin-top:14px;display:flex;gap:10px 22px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:#eef3f8;color:#425466;font-size:12px}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.feature-strip{grid-template-columns:repeat(2,1fr)}.focus-grid{grid-template-columns:1fr}.map-head,.focus-head{flex-direction:column}.mindmap-viewport{padding:28px 16px}}
@media(max-width:620px){.home-hero{padding-top:38px}.feature-strip{grid-template-columns:1fr}.interactive-map{padding:18px}.map-controls{width:100%}.map-controls .btn{flex:1;text-align:center}.mindmap-viewport{min-height:390px}.mindmap-stage{min-width:650px}.focus-node{min-width:280px}.focus-head .btn{width:100%;text-align:center}}