.maptool{display:grid;gap:var(--g)}@media(min-width:1000px){.maptool{grid-template-columns:minmax(0,1fr) 22rem;align-items:start}.mapinfo{position:sticky;top:var(--g)}}.mapsvg{padding:0;background:var(--ink)}.mapsvg svg{display:block;width:100%;height:auto;max-height:82vh;margin-inline:auto}.mapsvg .sea{fill:#051729}.mapsvg .grid-line{stroke:#1e354b;stroke-width:1}.mapsvg .soundings text{fill:#4b677e;font:600 13px Barlow,sans-serif}.mapsvg .water-label{fill:#5f85a1;font:italic 600 22px Barlow Condensed,sans-serif;letter-spacing:.3em;text-transform:uppercase}.mapsvg .zone{fill:#dfd0a5;stroke:#051729;stroke-width:3;cursor:pointer;transition:fill .2s;outline:none}.mapsvg .zone:nth-of-type(2){fill:#a3cb9a}.mapsvg .zone:nth-of-type(3){fill:#edd5a3}.mapsvg .zone:nth-of-type(4){fill:#8dc6ac}.mapsvg .zone:nth-of-type(5){fill:#e9c2a4}.mapsvg .zone:hover,.mapsvg .zone:focus-visible{fill:#fce584}.mapsvg .zone[aria-pressed=true]{fill:var(--accent)}.mapsvg .lake{fill:#051729;pointer-events:none}.mapsvg .coast{fill:none;stroke:var(--on-ink);stroke-width:2.5;pointer-events:none}.mapsvg .zone-keys{cursor:pointer;outline:none}.mapsvg .zone-keys ellipse{fill:#dfd0a5;stroke:var(--on-ink);stroke-width:1.5;transition:fill .2s}.mapsvg .zone-keys:hover ellipse,.mapsvg .zone-keys:focus-visible ellipse{fill:#fce584}.mapsvg .zone-keys[aria-pressed=true] ellipse{fill:var(--accent)}.mapsvg .labels text{fill:#071727;font:700 19px Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.04em;pointer-events:none;paint-order:stroke;stroke:#f5efd8a6;stroke-width:4px}.mapsvg .labels text[data-label=key]{fill:var(--on-ink);stroke:#051729}.mapsvg .labels text.on{fill:var(--on-accent)}.mapsvg .compass circle{fill:none;stroke:#5f85a1;stroke-width:1.5}.mapsvg .compass path{fill:var(--accent)}.mapsvg .compass .compass-minor{fill:#5f85a1}.mapsvg .compass text{fill:var(--on-ink);font:700 16px Barlow Condensed,sans-serif}.info-photo{position:relative;aspect-ratio:16 / 9;overflow:hidden;margin-bottom:1.1rem;background:var(--ink)}.info-photo picture,.info-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mapinfo{padding:1.4rem 1.4rem 1.5rem;display:grid;align-content:start;gap:1.6rem}.mapinfo h2{font-size:1.6rem;margin-bottom:.9rem}.mapinfo .facts dd{font-weight:500}.mapinfo a{color:var(--accent-strong);font-weight:600}.maptool.js .info[hidden]{display:none}.hint{grid-column:1 / -1;padding:.7rem .3rem .2rem;color:var(--on-ink-soft);font-size:.95rem;max-width:80ch}.checktool{display:grid;gap:var(--g)}@media(min-width:900px){.checktool{grid-template-columns:repeat(3,minmax(0,1fr))}.checkhead{grid-column:1 / -1}}.checkhead{padding:1.3rem 1.4rem;display:grid;gap:.9rem}.checkhead .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.5rem}.count{font-family:Barlow Condensed,sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem);line-height:1;font-variant-numeric:tabular-nums}.count small{font-size:.5em;font-style:normal;font-weight:600;letter-spacing:.07em;margin-left:.4rem;color:var(--text-soft)}.bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;height:.7rem}.bar i{background:var(--rule);transform:skew(-18deg);transition:background-color .25s}.bar i.on{background:var(--accent)}.checkhead p:not(.count){color:var(--text-soft);font-size:.95rem}.checkhead p.complete{color:var(--accent);font-weight:600}.btn{font:inherit;font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1rem;padding:.5rem .95rem;background:transparent;color:var(--text);border:2px solid var(--rule);cursor:pointer;transition:border-color .18s,background-color .18s}.btn:hover{border-color:var(--text)}.btn:active{background:var(--paper-2)}.btn:disabled{opacity:.45;cursor:default;border-color:var(--rule)}fieldset.checkgroup{border:0;margin:0;padding:1.3rem 1.4rem 1rem;min-width:0}fieldset.checkgroup legend{float:left;width:100%;padding:0;margin-bottom:.6rem;font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;font-size:1.3rem;line-height:1.1}.checkgroup ul{clear:both}.checkgroup li{display:flex;align-items:flex-start;gap:.5rem;border-top:1px solid var(--rule)}.checkgroup label{flex:1;display:flex;gap:.8rem;align-items:flex-start;padding:.75rem 0;cursor:pointer;line-height:1.4}.checkgroup input{flex:none;width:1.35rem;height:1.35rem;margin:.08rem 0 0;accent-color:var(--accent);cursor:pointer}.checkgroup input:checked+span{color:var(--text-soft);text-decoration:line-through;text-decoration-thickness:1px}.checkgroup li>a{flex:none;display:inline-flex;align-items:center;gap:.3rem;padding:.75rem 0 .75rem .4rem;color:var(--accent-strong);font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;text-decoration:none}.checkgroup li>a:hover{text-decoration:underline}.checkgroup li>a svg{width:.95em;height:.95em}.tools{display:grid;gap:var(--g)}@media(min-width:900px){.tools{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.tools .tile{min-height:17rem}.tools .tile-text{justify-content:flex-end;gap:.9rem;padding:1.6rem}.tools .tile-text h2{font-size:clamp(1.9rem,1.5rem + 1.6vw,2.8rem);font-style:italic;font-weight:800}.tools .go{display:inline-flex;align-items:center;gap:.6rem;font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:1.15rem}.tools .go svg{width:1em;height:1em;transition:transform .35s cubic-bezier(.16,1,.3,1)}a.tile:hover .go svg{transform:translate(.3rem)}.tools .mini{max-width:22rem}