.port-nearby-card{background:#123342;border:1px solid #315260;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:.8rem;padding:1rem;display:grid}.port-detail section{margin:3rem 0}.port-data-note{color:#9db8c0;margin-top:1rem;font-size:.84rem;line-height:1.65}.port-service-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.port-service-grid>div{background:#123342;border:1px solid #315260;border-radius:8px;grid-template-columns:auto 1fr;column-gap:.65rem;padding:1rem;display:grid}.port-service-grid svg{color:#72dacb;grid-row:1/3;width:20px}.port-service-grid strong{color:#f2d17d;font-size:1.35rem}.port-service-grid span{color:#9db8c0;font-size:.76rem}.port-detail .noaa-tides{margin:3rem 0}@media (max-width:800px){.port-service-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.port-service-grid{grid-template-columns:1fr}.port-nearby-card{grid-template-columns:1fr auto auto}}
