*{box-sizing:border-box}body{overflow-wrap:anywhere}button{font:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible,aside:focus-visible{outline-offset:3px;outline:2px solid #2563eb}.dataset-page{padding:16px}.dataset-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-top:8px;display:flex}.dataset-header>div{min-width:0}.dataset-header h1{font-size:clamp(22px,4vw,32px)}.map-type-controls{flex-shrink:0;gap:8px;display:flex}.comment-map{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:16px;display:grid}.map-card,.detail-panel{background:#fff;border:1px solid #eee;border-radius:12px;min-width:0}.map-card{padding:8px}.detail-panel{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:min(640px,70dvh);padding:12px;overflow:auto}.plot-container{touch-action:none;width:100%;min-width:0;height:clamp(260px,60dvh,560px)}.plot-container .js-plotly-plot,.plot-container .plotly,.plot-container .nsewdrag{touch-action:none}.map-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.map-controls>span{color:#555;font-size:12px}.map-controls>div{gap:8px;display:flex}.map-controls button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;min-width:44px;min-height:44px;padding:8px 12px}@media (max-width:760px){.dataset-page{padding:12px}.comment-map{grid-template-columns:minmax(0,1fr);gap:12px}.detail-panel{grid-row:1;max-height:32dvh}.plot-container{height:clamp(280px,55dvh,480px)}.dataset-header{align-items:flex-start;gap:8px}}
