.world-clock__controls{display:grid;grid-template-columns:minmax(12rem,2fr) minmax(8rem,1fr) auto auto;align-items:end;gap:1rem}.world-clock__list{margin-top:1.5rem}.world-clock__list h2{margin-bottom:.75rem}.world-clock__list ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;list-style:none;margin:0;padding:0}.world-clock__item article{height:100%;padding:1rem;border:1px solid var(--border,#d8deea);border-radius:1rem;background:var(--surface,#fff)}.world-clock__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.world-clock__header h3{margin:.15rem 0;font-size:1.05rem}.world-clock__remove{padding:.4rem .65rem;white-space:nowrap}.world-clock__time{display:block;margin:.5rem 0;font-size:clamp(1.8rem,7vw,2.7rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1.1}.world-clock__item [data-clock-date]{margin:.2rem 0 1rem;color:var(--muted,#596579)}.world-clock__details{display:grid;grid-template-columns:1fr auto;gap:.35rem .75rem;margin:0;font-size:.9rem}.world-clock__details dt{color:var(--muted,#596579)}.world-clock__details dd{margin:0;text-align:end;font-variant-numeric:tabular-nums}.world-clock__controls select{max-width:100%}@media (max-width:760px){.world-clock__controls{grid-template-columns:1fr 1fr}.world-clock__controls .button{width:100%}}@media (max-width:420px){.world-clock__controls{grid-template-columns:1fr}}