.wide{grid-column:1/-1}.clock-card{border:1px solid var(--line);padding:16px;border-radius:12px;margin:12px 0;overflow-wrap:anywhere}.clock-card h2{font-size:16px;margin:0 0 8px}.clock-time{font:600 clamp(20px,4vw,34px)/1.4 Consolas,monospace;display:block}.clock-date{font-size:14px;color:var(--muted);display:block}.clock-card button{margin-top:10px}.zone-result{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.zone-result h3{font-size:16px;margin:0 0 8px}.zone-result dl{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0;font-size:14px}.zone-result dd{margin:0;overflow-wrap:anywhere}.zone-result dt{color:var(--muted)}#now{display:block;font-family:Consolas,monospace;font-size:24px}.fields{margin-top:0}fieldset{border:1px solid var(--control);border-radius:8px}fieldset .check{display:inline-flex;margin:8px 12px 8px 0}.tool .result output{font-size:22px}.tool input[list]{min-width:0}.fields input,.fields select{max-width:100%}#saved{margin-top:20px}#saved h2{font-size:16px}.clock-card [data-delete]{float:none}#live-results{overflow-wrap:anywhere}@media(max-width:420px){.zone-result dl{grid-template-columns:1fr}.zone-result dd{margin-bottom:8px}}