/* Änderungsprotokoll: 2026-08-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Neuanlage world-clock */

#world-clock-container {
    max-width: 980px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Änderungsprotokoll: 2026-08-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Tool-Beschreibung linksbündig für konsistente Leseführung */
.world-clock-description {
    text-align: left;
    color: var(--color-text-muted);
    margin-bottom: 1.5rem;
}

.world-clock-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 1rem;
}

.world-clock-card {
    border: 1px solid var(--color-border);
    border-radius: 10px;
    padding: 1rem;
    background: var(--color-surface);
}

.world-clock-card h2 {
    margin: 0 0 0.5rem;
    font-size: 1rem;
}

.world-clock-time {
    font-size: 1.8rem;
    font-family: monospace;
    margin: 0;
    color: var(--color-primary);
}

.world-clock-date {
    margin: 0.3rem 0 0;
    color: var(--color-text-muted);
    font-size: 0.85rem;
}