.city-hero{display:grid;grid-template-columns:330px 1fr;gap:18px;margin-bottom:18px}
.hero-card.compact select{max-width:300px}
.hero-card.compact h1{font-size:46px}
.forecast-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.forecast-grid article,.tide-list div,.nearby-list a{background:#071c2d;border:1px solid var(--border);border-radius:12px;padding:12px;display:block}
.forecast-grid p{line-height:1.45;color:#d9f2ff}
.tide-list,.nearby-list{display:grid;gap:8px}
.nearby-list small{display:block;color:var(--muted)}
canvas{width:100%;max-height:260px}
@media(max-width:1000px){.city-hero,.forecast-grid{grid-template-columns:1fr}.hero-card.compact h1{font-size:34px}}
.panel canvas {
  height: 260px !important;
}