/* Responsive clock styling for top-right embed */
#maldives-clock-container {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #fff;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    text-align: center;
    max-width: 220px;
}

#maldives-clock-container h1 {
    margin: 0 0 .25rem;
    font-size: 1rem;
    color: #00695c;
}

#maldives-clock-container .clock {
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: .05em;
    margin: .25rem 0;
    color: #004d40;
}

#maldives-clock-container .date {
    font-size: .85rem;
    color: #555;
}

/* Mobile responsive */
@media (max-width: 576px) {
    #maldives-clock-container {
        padding: .5rem;
        max-width: 180px;
    }
    #maldives-clock-container h1 { font-size: .8rem; }
    #maldives-clock-container .clock { font-size: 1.4rem; }
    #maldives-clock-container .date { font-size: .7rem; }
}