.trip-content {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.trip-image {
    flex: 0 0 50%;
}

.trip-itinerary {
    flex: 1;
}

.trip-photo {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

.route-buttons {
    display: flex;
    gap: 0.75rem;
    margin: 1rem 0;
}

.map-button {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 6px;
    border: 1px solid #666;
    text-decoration: none;
    background: #1e1e1e;
    color: white;
}

.trip-itinerary ul {
    list-style: disc;
    padding-left: 1.5rem;
    margin: 0;
}

.trip-itinerary li {
    margin-bottom: 1rem;
}

.stop-notes {
    margin-top: 0.25rem;
    color: #ccc;
}

@media (max-width: 768px) {
    .trip-content {
        display: block;
    }

    .trip-image {
        margin-bottom: 1rem;
    }
}