#venus-poi-map {
    width: 100%;
    height: 500px;
    border: 2px solid #ccc;
    border-radius: 12px;
    margin-bottom: 10px;
}

@media (max-width: 768px){ #venus-poi-map { height: 400px; } }

#route-instructions {
    background:#f7f7f7;
    border:1px solid #ddd;
    border-radius:8px;
    padding:10px;
    font-size:14px;
    line-height:1.4;
    max-height:200px;
    overflow-y:auto;
    margin-top:5px;
}

#route-instructions ol { margin:0; padding-left:20px; }

.toggle-instructions {
    margin-bottom:5px;
    padding:5px 10px;
    font-size:14px;
    cursor:pointer;
    border-radius:4px;
    border:1px solid #ccc;
    background:#eee;
}
.toggle-instructions:hover { background:#ddd; }

.leaflet-bar a {
    display:block;
    text-align:center;
    font-size:18px;
    text-decoration:none;
    background:#eee;
    cursor:pointer;
    line-height:30px;
    width:34px;
    height:34px;
}
.leaflet-bar a:hover { background:#ddd; }
.leaflet-control-layers-expanded { font-size:14px; }
.leaflet-popup-content { font-size:14px; line-height:1.3; }

.popup-controls { display:flex; align-items:center; gap:5px; margin-top:5px; }
.popup-controls select {
    padding:3px 6px;
    border-radius:4px;
    border:1px solid #ccc;
    font-size:14px;
}
.popup-controls button {
    padding:3px 6px;
    border:none;
    border-radius:4px;
    background:#eee;
    cursor:pointer;
    font-size:14px;
}
.popup-controls button:hover { background:#ddd; }

@media (max-width:480px){
    .leaflet-bar a { font-size:20px; line-height:36px; width:36px; height:36px; }
    .popup-controls button { font-size:16px; }
}