.harbor-intro{text-align:center;padding:2.5rem 0 1.25rem;background:#0f2038;border-bottom:1px solid #1a4a6a}
.harbor-intro h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:800;margin-bottom:.6rem;color:#4dd4c8;font-family:monospace}
.harbor-intro p{font-size:.92rem;color:#6a9ab0;max-width:580px;margin:0 auto}

.gauge-board{padding:2rem 0 3.5rem}
.gauge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.gauge-slot{background:#0f2038;border:1px solid #1a4a6a;border-radius:8px;padding:0;overflow:hidden;display:flex;flex-direction:column}
.gauge-slot.featured{grid-column:1/-1;flex-direction:row;align-items:stretch}
.gauge-meter{background:#0a1628;padding:1rem 1.25rem;border-bottom:1px solid #1a4a6a;min-width:100px;display:flex;flex-direction:column;justify-content:flex-end}
.gauge-slot.featured .gauge-meter{border-bottom:none;border-right:1px solid #1a4a6a;min-width:120px}
.meter-bar{width:24px;height:80px;background:#1a3040;border-radius:4px;margin:0 auto;position:relative;overflow:hidden}
.meter-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#4dd4c8,#1a6a8a);border-radius:0 0 4px 4px}
.gauge-slot:nth-child(1) .meter-fill{height:70%}
.gauge-slot:nth-child(2) .meter-fill{height:55%}
.gauge-slot:nth-child(3) .meter-fill{height:85%}
.gauge-slot.featured .meter-fill{height:95%;background:linear-gradient(180deg,#6ee8dc,#4dd4c8)}
.meter-val{font-size:.65rem;font-weight:800;color:#4dd4c8;font-family:monospace;text-align:center;margin-top:.5rem}
.gauge-body{padding:1.25rem 1.35rem;flex:1}
.gauge-body img{margin-bottom:.7rem;max-height:72px;object-fit:contain}
.gauge-body h2{font-size:1rem;font-weight:800;margin-bottom:.4rem;color:#d0e8f4}
.gauge-body p{font-size:.84rem;color:#6a9ab0;line-height:1.6;margin-bottom:.85rem}
.btn-gauge{display:inline-block;background:#4dd4c8;color:#0a1628!important;padding:.42rem .95rem;font-size:.8rem;font-weight:800;text-decoration:none!important;border-radius:4px;font-family:monospace}
.btn-gauge:hover{background:#6ee8dc}

.tide-seal{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem 3rem;padding:1.35rem 0;margin-bottom:2rem;background:#0f2038;border:1px solid #1a4a6a;border-radius:8px}
.tide-seal div{text-align:center;font-family:monospace}
.tide-seal strong{display:block;font-size:1.2rem;color:#4dd4c8;font-weight:900}
.tide-seal span{font-size:.68rem;color:#6a9ab0}

.harbor-faq{background:#0a1628}

@media(max-width:640px){
  .gauge-grid{grid-template-columns:1fr}
  .gauge-slot.featured{flex-direction:column}
  .gauge-slot.featured .gauge-meter{border-right:none;border-bottom:1px solid #1a4a6a;flex-direction:row;align-items:center;gap:1rem}
  .meter-bar{height:60px;width:60px}
}