/* Getting here: the map of Milsons Point and Kirribilli from
   lib/visit/getting-here-map.js, with the ways to the clubhouse under it.
   Its own file because site.css sits at its weight budget; linked from the
   page's front matter and nowhere else. The map's land, water, pins,
   labels and north come from site.css, which every page with a map loads. */
.gh h2 { margin: 2rem 0 .4rem; }
.gh-map { margin: 1rem 0 0; max-width: 40rem; }
.gh-map figcaption { font-size: .82rem; color: var(--slate); margin-top: .35rem; }
.gh-list { max-width: 40rem; font-size: .95rem; }
.gh-list li { scroll-margin-top: 1rem; padding: .15rem .3rem; margin: 0 -.3rem; }
.gh-list li:target { background: rgba(201, 165, 92, .22); }
.gh-maps { white-space: nowrap; font-size: .9em; }
.gh-ways { padding-left: 1.2rem; max-width: 46rem; }
.gh-ways li { margin: .35rem 0; }
.gh-credit { font-size: .95rem; color: var(--slate); max-width: 46rem; }
/* Streets are white on the land, the main roads wider with a grey edge; the
   railway a grey dashed line; each walk a dashed navy line over them. */
.gh-st { fill: none; stroke: #FFF; stroke-linecap: round; }
.gh-st-case { stroke: #CFC9B8; }
.gh-rail { fill: none; stroke: var(--slate); stroke-opacity: .55; }
.gh-walk { fill: none; stroke: var(--navy-2); stroke-linecap: round; }
/* A pin links to its entry in the list: a clear circle round it is the tap target. */
.gh-link { cursor: pointer; }
.gh-link:focus-visible { outline: 2px solid var(--navy-2); outline-offset: 2px; }
.gh-hit { fill: transparent; }
.lbl-pin { fill: var(--navy); }
.lbl-street { font-weight: 500; fill: var(--slate); }
.lbl-water { fill: var(--navy-2); }