.wcp-clock { text-align: center; margin: 12px 0; }
#wcp-taiwan-time { font-variant-numeric: tabular-nums; }
#wcp .wcp-date, #wcp .wcp-offset, #wcp .wcp-diff { margin-top: 4px; }
#wcp .wc-table td, #wcp .wc-table th { white-space: normal; }
#wcp .table-scroll { max-width: 100%; }
#wcp .wcp-time, #wcp .wcp-date, #wcp .wcp-offset { white-space: nowrap; }
#wcp .wc-conv-in input { min-width: 0; max-width: 100%; }
#wcp-conv .wcp-warning { color: var(--bad); }
.wcp-zones th[scope=row] { text-align: left; }
.wcp-cities { font-weight: 400; font-size: .85rem; color: var(--muted, #555); margin-top: 2px; }
.wcp-sub { font-size: .85rem; color: var(--muted, #555); margin-top: 2px; }
#wcp .wcp-error { white-space: normal; font-size: .85rem; }
#wcp .wcp-tw { margin-top: 14px; }
@media (max-width: 480px) { .wcp-zones .wc-big { font-size: 1.25rem; } .wcp-zones th, .wcp-zones td { padding: 8px 6px; } }
.wcp-zones th[scope=row] { width: 31%; }
.wcp-zones td.wcp-diff { width: 31%; }