/* time-zone-converter.css v2-r4 */
.tz-form { display:grid; grid-template-columns:1fr 1fr; gap:0.8rem; margin-bottom:0.9rem; }
@media (max-width:540px) { .tz-form { grid-template-columns:1fr; } }
.tz-results { margin-top:1rem; padding-top:1rem; border-top:1px solid var(--border); }
.tz-result-grid { display:grid; gap:0.55rem; }
.tz-row { display:grid; grid-template-columns:180px 1fr auto; align-items:center; gap:0.75rem; padding:0.55rem 0.75rem; border:1px solid var(--border); background:#fcfcfc; }
@media (max-width:500px) { .tz-row { grid-template-columns:1fr; } }
.tz-row.highlight { border-color:rgba(37,99,235,0.3); background:var(--accent-soft); }
.tz-zone-name { font-size:0.78rem; color:var(--text-muted); }
.tz-time { font-size:1.25rem; font-weight:700; font-variant-numeric:tabular-nums; letter-spacing:-0.01em; }
.tz-offset { font-size:0.72rem; color:var(--text-muted); font-family:ui-monospace,monospace; }
.tz-copy { font-size:0.7rem; padding:0.22rem 0.5rem; border:1px solid var(--border); background:#fff; color:var(--text-muted); cursor:pointer; }
.tz-copy:hover { border-color:var(--accent); color:var(--accent); }
.tz-select { width:100%; padding:0.45rem 0.55rem; border:1px solid var(--border); background:#fff; font-size:0.85rem; }