.tz{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}.tz-pair{display:grid;gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}@media(min-width:48em){.tz-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.tz-zone{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2);padding:var(--sp-5);border:var(--border-w) solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);min-width:0;align-content:start}.tz-zone__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-1)}.tz-zone__name{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-lg);overflow-wrap:anywhere}.tz-zone__long{font-size:var(--fs-md);color:var(--c-text-2)}.tz-clock{font-family:var(--font-mono);font-weight:500;font-size:clamp(2rem,1.4rem + 2.4vw,3rem);line-height:var(--lh-tight);letter-spacing:var(--ls-display);font-feature-settings:"zero";margin:var(--sp-2) 0 0}.tz-zone__date{font-size:var(--fs-md);color:var(--c-text-2)}.tz-facts{margin-top:var(--sp-3);font-size:var(--fs-md)}.tz-facts>div{padding-block:var(--sp-2)}.tz-facts dd{text-align:end}.tz-note{font-size:var(--fs-sm);color:var(--c-text-2);max-width:60ch;margin-top:var(--sp-2);min-height:1.4em}.tz-utc{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2) var(--sp-4);padding:var(--sp-4) var(--sp-5);border:var(--border-w) solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface-2)}.tz-utc__clock{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-xl);font-feature-settings:"zero"}.tz-utc .btn{margin-inline-start:auto}.tz-cities{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}.tz-cities__zone{display:block;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-3)}.tz-cities__date{font-size:var(--fs-xs);font-family:var(--font-sans)}.tz-cities tr.is-you{background:var(--c-accent-soft)}