/* Water location pages and desktop layout; coastline map artwork untouched. */
.water-page{--navy:#071a2b;--panel:#0b2942;--silver:#adbecf;max-width:1240px;margin:0 auto;padding:24px 22px 55px;color:#edf5ff}.water-page .water-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.water-page h1{font:800 clamp(2rem,4vw,3.5rem)/1.05 'Barlow Condensed',sans-serif;margin:10px 0 12px}.water-page .muted{color:#b5c9dc}.water-page .water-back{color:#a3e1ff;text-decoration:none}.water-page .water-breadcrumb{color:#b0cee4}.water-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:20px}.water-panel{background:linear-gradient(145deg,#0c304e,#061c31);border:1.6px solid #aebfd0;border-radius:16px;padding:22px;min-width:0;margin:0 0 18px}.water-panel h2{margin:0 0 16px;font:800 1.35rem 'Barlow Condensed',sans-serif;letter-spacing:.04em}.water-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.water-fact,.water-species{min-width:0;display:flex;flex-direction:column;gap:10px;background:#11334e;border:1px solid #829eb7;border-radius:10px;padding:16px}.water-fact small,.water-species small{color:#b9cede}.water-fact strong,.water-species strong{color:#f5f9fd;overflow-wrap:anywhere}.water-species-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.water-links{display:flex;flex-direction:column;gap:10px}.water-links a{display:block;color:#a7e4ff;border:1px solid #557b98;border-radius:9px;padding:10px 12px;text-decoration:none;background:#0d2941}.water-links a:hover{border-color:#d7e1eb;background:#164364}.water-title-tag{display:inline-block;border:1px solid #90a9bf;border-radius:100px;padding:6px 12px;color:#dcecf8;font-size:.78rem}.water-page .water-logo{max-width:140px;max-height:90px;object-fit:contain}.nearby-open-page,.nearby-open-detail{display:inline-flex;align-items:center;color:#9be1ff;text-decoration:underline;font-size:.8rem;align-self:center;white-space:nowrap}.nearby-open-detail{display:flex;margin:4px 0 14px}.nearby-choices{flex-wrap:wrap;overflow-x:visible}.nearby-choice{max-width:220px}.nearby-open-page{padding-right:8px}
@media(min-width:1100px){.station-card:not(.hidden){width:min(940px,94vw);max-width:940px}.station-card .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.station-card .nearby-waters{max-width:100%}.station-card .nearby-detail{padding:22px}}
@media(max-width:760px){.water-page{padding:18px 13px 42px}.water-grid{grid-template-columns:1fr}.water-facts{grid-template-columns:1fr 1fr}.water-panel{padding:16px}.water-page .water-logo{max-width:98px}.water-species-list{grid-template-columns:1fr 1fr}.nearby-choices{flex-wrap:nowrap;overflow-x:auto}}
@media(max-width:410px){.water-facts{grid-template-columns:1fr}.water-species-list{grid-template-columns:1fr}}

/* 2026-10-16: desktop town conditions legibility repair only. No map or phone changes. */
@media (min-width: 851px) {
  .shell > .sidebar #stationCard .metrics {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    min-width:0!important;
  }
  .shell > .sidebar #stationCard .metrics > div {
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    padding:14px 12px!important;
    overflow:hidden!important;
  }
  .shell > .sidebar #stationCard .metrics :is(strong,small,span) {
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  .shell > .sidebar #stationCard .town-moon-body {
    flex-wrap:wrap!important;
  }
  .shell > .sidebar #stationCard .town-moon-cycle {
    white-space:normal!important;
    flex-wrap:wrap!important;
  }
}
@media (min-width: 1101px) {
  .shell {
    grid-template-columns:minmax(395px,425px) minmax(360px,1fr) minmax(315px,365px)!important;
  }
}

/* Unified navy species cards: existing outlook calculations in expandable blue cards. */
.water-species-expand{display:block;cursor:default;color:#f5f9fd}
.water-species-expand summary{cursor:pointer;font-weight:750;list-style-position:inside;padding:1px 0}
.water-species-expand[open]{grid-column:1 / -1}
.water-species-measures{display:grid;gap:7px;margin-top:14px}
.water-species-measure{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #4d6b83;padding:9px 0;font-size:.92rem}
.water-species-measure strong{text-align:right;color:#a7e4bf;max-width:43%}
@media(max-width:480px){.water-species-list{grid-template-columns:1fr 1fr}.water-species-expand{padding:12px}.water-species-measure{font-size:.82rem}}

.species-spring-water-notice{color:#ffe600;font-size:1rem;font-weight:800;line-height:1.35;margin:5px 0 12px;}