.tool-clock{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));align-items:start;background:var(--color-paper-2);border:var(--rule-hairline);border-radius:var(--radius-card);padding:clamp(var(--space-md),3vw,var(--space-xl))}.tool-clock__now{grid-column:1 / -1}.tool-clock__label{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-3);margin:0 0 var(--space-xs)}.tool-clock__digits{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:baseline;margin:0;font-family:var(--font-mono);color:var(--color-ink-2);font-size:var(--text-sm)}.tool-clock__unit b{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.2rem);line-height:1;color:var(--color-accent);font-variant-numeric:tabular-nums;margin-right:.1em}.tool-clock__unit--sec b{color:var(--color-ink-3);font-size:clamp(1.2rem,3vw,1.7rem)}.tool-clock__live{margin:var(--space-xs) 0 0;font-size:var(--text-sm);color:var(--color-ink-3)}.tool-clock__tz,.tool-clock__dst,.tool-clock__rotation{border-top:var(--rule-hairline);padding-top:var(--space-md)}.tool-clock__tzlabel{display:block;font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-3);margin-bottom:var(--space-xs)}.tool-clock__select{width:100%;font:inherit;font-size:var(--text-sm);color:var(--color-ink);background:var(--color-paper-inset);border:var(--rule-hairline);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);min-height:44px;transition:border-color var(--dur-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.tool-clock__select:hover{border-color:var(--color-ink-3)}}.tool-clock__select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tool-clock__answer{margin:var(--space-sm) 0 0;animation:tool-clock-in var(--dur-base) var(--ease-out)}.tool-clock__answer--idle{font-size:var(--text-sm);color:var(--color-ink-3)}@keyframes tool-clock-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.tool-clock__when{margin:0;font-size:var(--text-xl);font-family:var(--font-display);color:var(--color-ink)}.tool-clock__abbr{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-3)}.tool-clock__shift{margin:var(--space-2xs) 0 0;font-size:var(--text-sm);color:var(--color-ink-2)}.tool-clock__shift[data-shift=true]{color:var(--color-accent)}.tool-clock__probes{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2xs)}.tool-clock__probes li{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-sm);border-bottom:var(--rule-hairline);padding-bottom:var(--space-2xs)}.tool-clock__probekey{color:var(--color-ink-3)}.tool-clock__probeval{font-family:var(--font-mono);color:var(--color-ink);text-align:right}.tool-clock__probeval small{color:var(--color-ink-3)}.tool-clock__verdict{margin:var(--space-sm) 0 0;font-size:var(--text-sm);color:var(--color-ink-2)}.tool-clock__verdict[data-shifts=true]{color:var(--color-accent)}.tool-clock__track{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin:0;padding:0;counter-reset:none}.tool-clock__track li{flex:1 1 4.5rem;text-align:center;font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-2xs) var(--space-xs);border:var(--rule-hairline);border-radius:var(--radius-sm);color:var(--color-ink-3)}.tool-clock__track li[data-state=done]{color:var(--color-ink-2);border-color:var(--color-ink-3)}.tool-clock__track li[data-state=now]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.tool-clock__next{margin:var(--space-sm) 0 0;font-size:var(--text-sm);color:var(--color-ink-2)}.tool-clock__projected{color:var(--color-accent);font-size:var(--text-xs)}.zone-scroller{overflow-x:auto;-webkit-overflow-scrolling:touch;border:var(--rule-hairline);border-radius:var(--radius-md);background:var(--color-paper-inset)}.zone-table{width:100%;min-width:44rem;border-collapse:collapse;font-size:var(--text-sm);text-align:left}.zone-table caption{caption-side:top;padding:var(--space-sm) var(--space-md);color:var(--color-ink-3);font-size:var(--text-xs);text-align:left;border-bottom:var(--rule-hairline)}.zone-table th,.zone-table td{padding:var(--space-sm) var(--space-md);vertical-align:top;border-bottom:var(--rule-hairline)}.zone-table tbody tr:last-child th,.zone-table tbody tr:last-child td{border-bottom:0}.zone-table thead th{background:var(--color-paper-2);color:var(--color-ink-2);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.zone-table tbody th{font-weight:600;white-space:nowrap;color:var(--color-ink)}.zone-table td{font-family:var(--font-mono);color:var(--color-ink-2);white-space:nowrap}.zone-table__sub{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;color:var(--color-ink-3)}.zone-table__verdict{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-ink-3);white-space:normal}.zone-table__verdict[data-shifts=true],.zone-table__verdict[data-next=true]{color:var(--color-accent)}.zone-hint{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-ink-3)}@media(max-width:640px){.zone-table{min-width:38rem}}.tool-body{max-width:var(--measure)}.tool-faq{display:grid;gap:var(--space-md);margin:0}.tool-faq dt{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink)}.tool-faq dd{margin:var(--space-2xs) 0 0;color:var(--color-ink-2);max-width:var(--measure)}@media(prefers-reduced-motion:reduce){@keyframes tool-clock-in{0%{opacity:0}to{opacity:1}}}
