#lake-overlay-map {
    height: 600px;
    width: 100%;
    border: 2px solid #ccc;
    margin-bottom: 10px;
}

#layer-controls {
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
}

#layer-controls select,
#layer-controls input[type="date"],
#layer-controls button {
    margin-left: 10px;
    padding: 4px 6px;
}

#overlay-legend {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #ccc;
    font-family: Arial, sans-serif;
}