.area-map{--map-hover:var(--color-map-hover);gap:14px;min-width:0;margin:0;display:grid}.area-map-frame{aspect-ratio:var(--area-map-crop-ratio);border:1.5px solid var(--r-line);border-top:var(--r-rule);background:var(--color-map-water);position:relative;overflow:hidden}.area-map-canvas{left:var(--area-map-crop-x);top:var(--area-map-crop-y);width:var(--area-map-crop-size);max-width:none;height:auto;display:block;position:absolute}@media (min-width:48rem){.area-map-frame{aspect-ratio:var(--area-map-ratio)}.area-map-canvas{width:100%;inset:0}}.area-map-water{fill:var(--color-map-water)}.area-map-land{fill:var(--color-map-land)}.area-map-focus{fill:var(--color-map-focus)}.area-map[data-area-map=suburb] .area-map-focus{fill:var(--color-map-place)}.area-map-served{fill:var(--color-map-served)}.area-map-linked{fill:var(--color-map-linked);cursor:pointer;transition:fill .15s}.area-map a:hover .area-map-linked{fill:var(--map-hover)}.area-map-outline{stroke:var(--color-map-outline);fill:none;stroke-linejoin:miter}.area-map-names{fill:var(--r-ink);stroke:var(--color-map-land);stroke-linejoin:miter;paint-order:stroke;font-family:var(--font-archivo), Arial, sans-serif;text-anchor:middle;pointer-events:none;font-weight:800;font-stretch:106%}.area-map-names [data-state=muted]{fill:var(--r-muted);font-weight:600;font-stretch:100%}.area-map-names [data-state=linked]{fill:#fff;stroke:var(--color-map-linked)}.area-map-names [data-state=focus]{fill:#fff;stroke:var(--color-map-place)}.area-map-names [data-state=callout]{fill:var(--r-ink)}.area-map-leaders{stroke:var(--r-ink);stroke-width:1.5px;pointer-events:none}.area-map-jobs{fill:var(--color-map-job);stroke:#fff;stroke-linejoin:miter;pointer-events:none}.area-map-caption{color:var(--r-muted);gap:6px;font-size:14px;line-height:1.6;display:grid}.area-map-caption>span:first-child{color:var(--r-ink);font-weight:700}.area-map-legend{width:fit-content;color:var(--r-ink);align-items:center;gap:10px;font-weight:700;display:inline-flex}.area-map-legend-job{background:var(--color-map-job);width:12px;height:12px;box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--r-line);flex:none}.area-map-legend-here{background:var(--color-map-place);width:12px;height:12px;box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--r-line);flex:none}.area-map-caption small{font-size:12px}@media (prefers-reduced-motion:reduce){.area-map-linked{transition:none}}@media (forced-colors:active){.area-map-frame{border-color:canvastext}.area-map-legend-job,.area-map-legend-here{forced-color-adjust:none}}@media (max-width:639px){.area-map-canvas text[data-state=muted]{display:none}}@media (min-width:48rem){.area-map-fixed .area-map-frame{aspect-ratio:var(--area-map-crop-ratio)}.area-map-fixed .area-map-canvas{inset:auto;left:var(--area-map-crop-x);top:var(--area-map-crop-y);width:var(--area-map-crop-size)}}
