.wcl-container{ max-width:1000px; margin:25px auto; padding:18px; border-radius:10px; background:#f8f9fb; font-family: Arial, Helvetica, sans-serif; }
.wcl-title{ text-align:center; margin-bottom:12px; font-size:20px; color:#222; }
.wcl-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap:14px; }
.wcl-item{ background:#fff; padding:12px; border-radius:8px; box-shadow:0 2px 8px rgba(20,20,20,0.06); text-align:center; }
.wcl-city{ font-weight:600; margin-bottom:6px; color:#333; }
.wcl-time{ font-size:1.4rem; font-weight:700; color:#111; }
.wcl-date{ margin-top:6px; color:#666; font-size:0.9rem; }
@media (max-width:480px){ .wcl-time{ font-size:1.1rem; } }