.content.compare{max-width:900px}.compare-title{font-size:27px;line-height:1.25}.compare-diff-line{font-size:18px;font-weight:600;color:#14161a;margin:6px 0 18px;line-height:1.4}.compare-clocks{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:4px 0 10px}.compare-clock{background:linear-gradient(135deg,#0f1220,#1b1e34);color:#f5f7fb;border-radius:16px;padding:22px 20px;text-align:center}.compare-clock .cc-city{font-size:15px;font-weight:700;margin-bottom:6px}.compare-clock .cc-city a{color:#f5f7fb;text-decoration:none}.compare-clock .cc-city a:hover{text-decoration:underline}.compare-clock .cc-time{font-size:clamp(30px,6vw,44px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.5px}.compare-clock .cc-date{font-size:14px;color:#aab2c5;margin-top:6px}.compare-clock .cc-offset{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;background:#3c82f6e6;border-radius:999px;padding:4px 12px}.compare-vs{font-size:13px;font-weight:700;color:#9aa0aa;text-transform:uppercase;letter-spacing:.05em}.compare-toggle-row{display:flex;justify-content:flex-end;margin:2px 0 4px}.compare-toggle-row .chip-toggle{background:#fff;border:1px solid #e0e3e8;color:#1a1a1a}.compare-toggle-row .chip-toggle:hover{background:#eef0f2}@media(max-width:640px){.compare-clocks{grid-template-columns:1fr}.compare-vs{padding:2px 0}.compare-title{font-size:22px}}@media(prefers-color-scheme:dark){.compare-diff-line{color:#f2f4f7}.compare-toggle-row .chip-toggle{background:#1b1e24;border-color:#2b2f36;color:#f2f4f7}.compare-toggle-row .chip-toggle:hover{background:#23262d}}