.map-panel{overscroll-behavior-y:contain;flex-direction:column;min-height:0;padding-inline:4px;display:flex;overflow-y:auto}.map-panel [data-panel-body]{flex:none}.map-panel>.panel-close,.sheet-grip{display:none}.panel-head{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.panel-head h2{font-size:var(--t-section);margin:-6px 0 0;line-height:1.45}.panel-topics{font-size:var(--t-meta);color:var(--muted);flex-wrap:wrap;gap:6px 14px;display:flex}.panel-topics span{align-items:center;gap:6px;display:inline-flex}.panel-topics i{border-radius:50%;width:10px;height:10px}.panel-summary{color:var(--muted);font-size:var(--t-side);margin:0;line-height:1.6}.panel-lists{flex-direction:column;min-height:0;display:flex}.panel-lists .list-block{flex-direction:column;flex:0 auto;min-height:0;display:flex}.sheet-backdrop{display:none}@media (width<=1000px){.sheet-backdrop{z-index:30;background:color-mix(in srgb, var(--ink) 25%, transparent);display:block;position:fixed;inset:0}@media (prefers-color-scheme:dark){:root:not([data-theme]) .sheet-backdrop{background:#00000073}}:root[data-theme=dark] .sheet-backdrop{background:#00000073}.sheet-backdrop[hidden]{display:none}.map-panel{z-index:31;border-top:1px solid var(--line);background:var(--paper-strong);max-height:55dvh;box-shadow:none;border-radius:0;padding:12px 20px 24px;transition:transform .2s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.map-panel[data-open]{transform:translateY(0)}.sheet-grip{touch-action:none;cursor:grab;flex:none;margin:-4px 0 0;padding:8px 0 6px;display:block}.sheet-grip:before{background:var(--line);content:"";border-radius:2px;width:36px;height:4px;margin:0 auto;display:block}.map-panel>.panel-close{align-self:flex-end;margin-top:-14px;display:inline-flex}.map-panel[data-panel]{overscroll-behavior-y:contain;max-height:55dvh}.map-panel .side-list a{padding-block:10px;display:block}}.map-page{padding:var(--s-page-top-index) 0 48px}.map-page .page-head .feedback-link{font-size:var(--t-meta);white-space:nowrap;margin-left:auto}.map-layout{grid-template-columns:minmax(0, 1fr) var(--s-sidebar);gap:var(--s-column-gap);align-items:stretch;margin-top:16px;display:grid}.graph-box{height:calc(100dvh - 246px - var(--s-page-top-index));border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:420px}.map-panel{max-height:calc(100dvh - 158px - var(--s-page-top-index))}.map-toolbar{align-items:center;gap:12px;margin-bottom:10px;display:flex}.legend{flex-wrap:wrap;flex:auto;align-items:center;gap:4px 12px;min-width:0;display:flex}.hub-filter-group{flex:none;align-items:center;gap:8px;display:inline-flex}.hub-filter-group:before{background:var(--line);content:"";width:1px;height:16px}.legend-item{color:var(--muted);font-size:var(--t-meta);white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:4px;transition:background-color .15s,color .15s;display:inline-flex}.legend button.legend-item[aria-pressed=true]{color:var(--accent);position:relative}.legend button.legend-item[aria-pressed=true]:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:calc(50% - .5lh - 4px);left:4px;right:4px}@media (hover:hover){.legend button.legend-item:hover{background:var(--accent-soft);color:var(--accent)}}.filter-reset{white-space:nowrap;flex:none;min-height:32px}.filter-reset:disabled{visibility:hidden}.graph-box{position:relative}.map-stage{min-width:0}.map-start{display:none}.key-hint{border:1px solid var(--line);background:var(--paper-strong);max-width:calc(100% - 24px);color:var(--muted);font-size:var(--t-meta);opacity:0;pointer-events:none;border-radius:6px;margin:0;padding:5px 10px;transition:opacity .15s;position:absolute;bottom:12px;left:12px}.graph-box:has(.graph:focus-visible,.graph .node:focus-visible) .key-hint{opacity:1}.graph-controls{border:1px solid var(--line);background:var(--paper-strong);border-radius:6px;gap:0;padding:0;display:flex;position:absolute;bottom:12px;right:12px}.graph-controls button{min-width:36px;min-height:36px;color:var(--muted);font-size:var(--t-meta);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s,transform .15s cubic-bezier(.23,1,.32,1);display:inline-flex}.graph-controls button+button{border-left:1px solid var(--line)}.graph-controls button:first-child{border-radius:4px 0 0 4px}.graph-controls button:last-child{border-radius:0 4px 4px 0}.graph-controls button:focus-visible{outline-offset:-3px}.graph-controls svg{fill:currentColor;width:16px;height:16px}.graph-controls button:active{background:var(--accent-soft)}@media (hover:hover){.graph-controls button:hover{background:var(--accent-soft);color:var(--accent)}}@media (width<=1000px){.map-layout{grid-template-columns:1fr;gap:24px}.graph-box{height:60vh;min-height:360px}.map-start{padding-top:14px;display:block}.map-start-hint{margin:0}.map-page .page-head .feedback-link{display:none}.map-start-end{font-size:var(--t-side);margin:0;padding-top:24px}}@media (width<=720px){.graph-box{width:100vw;height:60vh;margin-left:calc(50% - 50vw)}.graph-controls button{min-width:40px;min-height:40px}.map-toolbar{align-items:center;gap:8px}.map-toolbar .legend{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.map-toolbar .legend::-webkit-scrollbar{display:none}.map-toolbar .legend:after{content:"";flex:0 0 24px}.map-toolbar .legend-item{flex:none;min-height:36px}.key-hint{top:12px;bottom:auto}}@media (pointer:coarse){.legend-item,.map-toolbar .legend-item,.filter-reset{min-height:44px}.map-start-end .feedback-link{margin-block:-12px;padding-block:12px;display:inline-block}.graph-controls button{min-width:44px;min-height:44px}}
