.live-conditions{border:1px solid var(--line);border-radius:16px;padding:22px;margin:0 0 28px;background:var(--cream);color:var(--ink)}.conditions-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.conditions-heading h2,.conditions-heading h3{margin:0}.conditions-refresh{border:1px solid var(--line);border-radius:20px;padding:10px 16px;background:transparent;color:var(--ink);cursor:pointer;min-height:44px}.conditions-refresh:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.conditions-status,.conditions-note{font-size:12px;line-height:1.6;color:var(--muted)}.conditions-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.conditions-grid>section{min-width:0;border-top:1px solid var(--line);padding-top:14px}.conditions-grid h3,.conditions-grid h4{font-size:17px;margin:0 0 12px}.conditions-grid p{line-height:1.6}.conditions-grid a{color:var(--ink);text-decoration:underline}.conditions-reading{font-size:32px;font-weight:700;margin:8px 0}.forecast-list,.tide-list,.surf-facts{list-style:none;padding:0;margin:0}.forecast-list li{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.forecast-list span{display:block;margin-top:4px}.tide-list li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px}.flag-unknown{border:1px dashed var(--line);border-radius:8px;padding:10px}.rip-reading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:5px solid var(--muted);border-radius:8px;padding:12px 14px;background:color-mix(in srgb,var(--cream) 88%,var(--ink) 12%)}.rip-reading span{font-size:13px}.rip-reading strong{font-size:20px}.rip-reading.risk-low{border-color:#368267}.rip-reading.risk-moderate{border-color:#d18b35}.rip-reading.risk-high{border-color:#c74735}.surf-facts li{padding:6px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}.condition-source-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.condition-source-actions a{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:12px;text-decoration:none}.condition-source-actions a:hover{border-color:var(--teal)}.area-alerts{margin-top:4px}.weather-alert{border-left:3px solid #d18b35;padding:8px 12px;margin-top:12px}.weather-alert summary{font-weight:bold;cursor:pointer}.weather-alert p{font-size:13px;white-space:pre-line;overflow-wrap:anywhere}.feed-unavailable{font-size:13px}@media(max-width:600px){.conditions-grid{grid-template-columns:1fr}.live-conditions{padding:16px}.conditions-heading h2,.conditions-heading h3{font-size:21px}.rip-reading{align-items:flex-start;flex-direction:column}.condition-source-actions{align-items:stretch;flex-direction:column}.condition-source-actions a{border-radius:8px}}
.uv-block{border-top:1px solid var(--line);margin:16px 0;padding-top:14px}.uv-reading{font-size:21px}
.water-quality{border:1px solid var(--line);border-radius:16px;padding:22px;margin:0 0 28px;background:var(--cream);color:var(--ink)}.water-quality p{line-height:1.6}.water-quality a{color:var(--ink);text-decoration:underline}.water-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.water-results article{border-top:1px solid var(--line);padding-top:12px}.water-results h3,.water-results h4{font-size:16px;margin:0 0 10px}.water-badge{font-weight:700;border-left:4px solid var(--muted);padding:8px 12px;background:var(--cream)}.water-good{border-color:#368267}.water-warning{border-color:#c74735}.water-older{border-color:#ba853c}.water-explainer{border-top:1px solid var(--line);padding-top:16px}.water-explainer summary{cursor:pointer;font-weight:600}.water-explainer p{font-size:13px}@media(max-width:600px){.water-quality{padding:16px}.water-quality .conditions-heading{align-items:flex-start;flex-direction:column}}