path.visited {
    fill: #4CAF50 !important;
    cursor: pointer;
    transition: fill 0.2s ease;
}

path.visited:hover {
    fill: #66bb6a !important;
}

path.visited,
circle.visited {
    fill: #4CAF50 !important;
    cursor: pointer;
    transition: fill 0.2s ease;
}

path.visited:hover,
circle.visited:hover {
    fill: #66bb6a !important;
}

.travel-detail-card h2 {
    color: #e58422;
    margin-bottom: 8px;
}

.photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.photo-grid img {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.empty-state {
    color: #999;
    font-style: italic;
}

#world-map-svg svg path {
    vector-effect: non-scaling-stroke;
}