.radar-module {
    margin: 0 auto;
    padding: 0px; /* Match padding from airquality.css */
    background-color: white;
    border: 0px solid #f8f9fb;
    border-radius: 15px;
    box-shadow: none;
    color: #000000;
    transition: background-color 0.5s ease, border 0.5s ease, box-shadow 0.5s ease;
    max-width: 100%; /* Ensure full width on mobile */
    box-sizing: border-box; /* Include padding and border in element's total width and height */
    margin-bottom: 20px; /* Add margin for spacing between modules */
}

body.dark-mode .radar-module {
    background-color: #20242c;
    border: 0px solid #555555;
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);
}

body.dark-mode .radar-module.alternate {
    background-color: #20242c;
    border: 0px solid #666;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.radar-module iframe {
    width: 100%; /* Ensure full width on mobile */
    max-width: 100%; /* Ensure full width on mobile */
    height: auto;
    border: 0px #ddd;
    border-radius: 8px;
    transition: background-color 0.5s ease;
    box-sizing: border-box; /* Include padding and border in element's total width and height */
}

body.dark-mode .radar-module iframe {
    background-color: #202020;
}

body.dark-mode .radar-module.alternate iframe {
    background-color: #202020;
}