:root{--water:#1f6fd1;--rain:#7b8da3}.flood-map{height:min(62vh,40rem)}.map-date{background:var(--water);color:#fff;pointer-events:none;border-radius:4px;margin:0;padding:.25rem .6rem;font-size:.85rem;font-weight:700;position:absolute;top:1rem;left:3rem}.year-select{align-items:center;gap:.5rem;margin-top:.75rem;font-size:.9rem;font-weight:700;display:flex}.year-select select{font:inherit;border:1px solid var(--ink);background:var(--surface);color:var(--ink);border-radius:4px;padding:.2rem .4rem;font-weight:400}.flood-summary{color:var(--ink-secondary);font-size:.9rem;margin-top:.6rem!important}.flood-summary strong{color:var(--ink)}.flood{max-width:var(--wide);padding:0 var(--gutter);margin:1.5rem auto 0;position:relative}.flood-chart{margin:0 0 .75rem}.flood-chart figcaption{color:var(--ink-secondary);margin-left:44px;font-size:.9rem}.flood-chart figcaption strong{color:var(--ink)}.flood-chart svg{cursor:crosshair;touch-action:pan-y;width:100%;display:block;overflow:visible}.flood-chart .grid{stroke:var(--grid);stroke-width:1px}.flood-chart .baseline{stroke:var(--baseline);stroke-width:1px}.flood-chart .tick{fill:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:11px}.water-stem{stroke:var(--water);stroke-width:2px}.water-point{fill:var(--water);stroke:var(--surface);stroke-width:1px}.water-selected{fill:none;stroke:var(--ink);stroke-width:2px}.rain-bar{fill:var(--rain)}.crosshair{stroke:var(--ink);stroke-width:1px;pointer-events:none}.chart-tooltip{z-index:2;background:var(--ink);color:#fff;pointer-events:none;font-variant-numeric:tabular-nums;border-radius:4px;flex-direction:column;gap:.1rem;max-width:22rem;padding:.45rem .65rem;font-size:.8rem;line-height:1.35;display:flex;position:absolute;top:0;left:0}.example-water{background:var(--surface);border:1px solid var(--rule);border-radius:6px;flex-direction:column;gap:.5rem;padding:.6rem;display:flex}.example-water img{object-fit:cover;width:100%;height:13rem;image-rendering:pixelated;border-radius:3px;display:block}.example-water svg{border-bottom:1px solid var(--baseline);width:100%;height:3.5rem;display:block}.example-card:hover .example-water{border-color:var(--ink)}