/* Lake pages for the all-US lakes (templates/lake3k.html.j2) and the state lists; scoped k3- classes only. */
.k3-frame{display:grid;place-items:center}
.k3-frame .k3-shape{width:86%;height:86%}
.k3-frame .k3-shape path{fill:rgba(255,255,255,.22);stroke:rgba(255,255,255,.85);stroke-width:2;vector-effect:non-scaling-stroke}
.k3-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 14px;margin:14px 0 2px}
.k3-facts div{background:var(--bg,rgba(127,150,165,.08));border-radius:10px;padding:8px 10px}
.k3-facts dt{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.k3-facts dd{margin:2px 0 0;font-weight:600}
.k3-map{margin:0}
.k3-map svg{display:block;width:100%;height:auto;max-height:520px}
.k3-map .water{fill:#cfe5f5;stroke:#1F6FB2;stroke-width:1.5;stroke-linejoin:round}
.k3-map .pin circle{fill:#1F6FB2;stroke:#fff;stroke-width:2}.k3-map .pin text{fill:#fff;font:700 12px system-ui,sans-serif}
.k3-map .lock{fill:#8a99a8;stroke:#fff;stroke-width:1.5}
.k3-map .scale path{stroke:currentColor;stroke-width:2;fill:none}.k3-map .scale text,.k3-map .north text{fill:currentColor;font:600 12px system-ui,sans-serif}
.k3-map .north path{fill:currentColor}
@media (prefers-color-scheme:dark){.k3-map .water{fill:#16384f;stroke:#5AA9E6}}
.k3-towns{list-style:none;padding:0;margin:6px 0 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.k3-towns li{display:flex;flex-direction:column;background:var(--bg,rgba(127,150,165,.08));border-radius:10px;padding:8px 10px}
.k3-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.k3-chips li{border:1px solid var(--line,#d5dbe0);border-radius:999px;padding:4px 12px;font-weight:600}
.k3-tab{width:100%;border-collapse:collapse;font-size:15px}
.k3-tab th,.k3-tab td{padding:8px 6px;border-bottom:1px solid var(--line,#e3e8ec);text-align:left;vertical-align:top}
.k3-tab th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.k3-tab td.n{text-align:right;white-space:nowrap}
.k3-tab a{font-weight:650;text-decoration:none}
.k3-glist{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:10px 0}
.k3-glist a{display:inline-block;border-radius:999px;padding:6px 12px;background:var(--surface);box-shadow:var(--shadow);text-decoration:none;font-weight:600}
.k3-states{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 18px}.k3-states h3{margin:10px 0 4px}
