.mobility-three-page{box-sizing:border-box;width:100%;padding:28px var(--page-gutter) 48px;margin:auto}#mobility-three-layer{--foreground:var(--ink);--background:var(--paper);--border:var(--line);--viz-series-1:#63869a;--viz-series-2:#b29861;--viz-series-3:#ac7b88;color:var(--ink);font:14px/1.65 var(--font-sans)}#mobility-three-layer *{box-sizing:border-box}#mobility-three-layer [hidden]{display:none!important}#mobility-three-layer h1{font-size:clamp(24px,2.3vw,34px);line-height:1.4;margin:8px 0}#mobility-three-layer h2{font-size:16px;margin:0}#mobility-three-layer .version{font-size:13px;font-weight:400;white-space:nowrap;color:var(--muted)}#mobility-three-layer .eyebrow{font-size:10px;letter-spacing:.15em;color:var(--teal)}#mobility-three-layer .intro{color:var(--muted);margin:8px 0}#mobility-three-layer a{color:var(--teal);text-underline-offset:4px}#mobility-three-layer .comparison{margin:12px 0 20px;font-size:13px}#mobility-three-layer .layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}#mobility-three-layer .settings,#mobility-three-layer .network{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--paper);padding:22px;min-width:0}#mobility-three-layer .settings{display:grid;gap:22px}#mobility-three-layer label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px}#mobility-three-layer select{width:100%;min-width:0;font:inherit;font-size:14px;padding:9px 8px;border:1px solid #bdcdc3;border-radius:5px;background:var(--paper);color:var(--ink)}#mobility-three-layer .prefectures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#mobility-three-layer .population{font-variant-numeric:tabular-nums;margin:16px 0}#mobility-three-layer .population strong{font-size:28px;font-weight:500}#mobility-three-layer .summary{display:block;color:var(--muted)}#mobility-three-layer .legend,#mobility-three-layer .tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0}#mobility-three-layer .legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px}#mobility-three-layer .hs{background:var(--viz-series-1)}#mobility-three-layer .univ{background:var(--viz-series-2)}#mobility-three-layer .res{background:var(--viz-series-3)}#mobility-three-layer button{font:inherit;font-size:12px;padding:8px 12px;border:1px solid #bdcdc3;border-radius:5px;background:var(--paper);color:var(--ink);cursor:pointer}#mobility-three-layer button:hover{background:var(--soft-green)}#mobility-three-layer .small{font-size:12px;overflow-wrap:anywhere}#mobility-three-layer .muted{color:var(--muted)}#mobility-three-layer .gestures{margin:4px 0}#mobility-three-layer .stage{position:relative;max-width:100%;margin:0 auto}#mobility-three-layer canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#mobility-three-layer canvas:active{cursor:grabbing}#mobility-three-layer .tip{position:absolute;pointer-events:none;padding:8px 10px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:5px;max-width:calc(100% - 16px);z-index:2}#mobility-three-layer .method{margin:24px 0 0 254px;max-width:1000px;color:var(--muted);font-size:13px}#mobility-three-layer .method summary{color:var(--teal);cursor:pointer}#mobility-three-layer .method p{line-height:1.9}#mobility-three-layer .related-articles{margin:32px 0 0 254px;max-width:1000px;overflow-wrap:anywhere}#mobility-three-layer .related-articles ul{padding-left:22px;margin:12px 0}@media (max-width:1000px){#mobility-three-layer .layout{grid-template-columns:1fr}#mobility-three-layer .settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#mobility-three-layer .settings h2,#mobility-three-layer .settings p{grid-column:1/-1}#mobility-three-layer .method,#mobility-three-layer .related-articles{margin-left:0}}@media (max-width:600px){#mobility-three-layer .network,#mobility-three-layer .settings{padding:14px 12px}#mobility-three-layer .prefectures{grid-template-columns:1fr}#mobility-three-layer .settings{gap:14px}#mobility-three-layer button{min-height:44px}#mobility-three-layer select{font-size:16px;min-height:44px}}
