/* ==========================================================================
 4. 当日の流れ・利用可能海域
   ========================================================================== */
.related-seas {
    border-top: 1px solid var(--sys-border-light);
}

.sea-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
    margin-top: 25px;
}

.sea-card-mini {
    text-decoration: none !important;
    display: block;
    background: var(--mist-50);
    border: 1px solid var(--sys-border-light);
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
    text-align: center;
}

.sea-card-mini:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px var(--shadow-mid);
    border-color: var(--horizon-cta);
}

.sea-thumb { height: 120px; overflow: hidden; }
.sea-thumb img { width: 100%; height: 100%; object-fit: cover; }
.sea-name {
    display: block;
    padding: 12px 5px;
    font-size: 14px;
    font-weight: bold;
    color: var(--depth-700);
}