/* Isolated additions; shared site.css and app assets remain byte-identical. */
.water-data { margin-bottom: 36px; }
.water-data .snapshot { padding: 16px; background: var(--primary-tint); border-radius: 8px; }
.water-data .cards { display: grid; gap: 14px; margin: 24px 0; }
.water-data .card { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 18px; }
.water-data .card h2 { margin: 0 0 8px; padding: 0; border: 0; }
.water-data .reading { font-size: 30px; font-weight: 700; color: var(--primary); margin: 6px 0; }
.water-data .card p { margin: 4px 0; }
.water-data dl { display: grid; grid-template-columns: minmax(85px, 1fr) minmax(0, 3fr); gap: 8px 14px; }
.water-data dt { color: var(--text3); }
.water-data dd { margin: 0; overflow-wrap: anywhere; }
.water-data time { font-variant-numeric: tabular-nums; }
.water-data table { display: table; table-layout: fixed; white-space: normal; }
.water-data th, .water-data td { overflow-wrap: anywhere; }
.water-data caption { text-align: left; color: var(--text2); padding-bottom: 8px; }
.water-data .muted { color: var(--text3); font-size: 14px; }
.water-data .stale, .water-data .missing { border-left: 4px solid #946316; padding-left: 12px; }
.water-data .actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.water-data .actions a { min-height: 44px; display: inline-flex; align-items: center; }
.water-data .actions .back { margin-top: 8px; }
#reading-guide > h2:first-child { margin-top: 0; }