/* Homepage live desk clock: selected zone stays pinned; other zones scroll. */
.world-clock-window{min-width:0;flex:1;overflow:hidden;position:relative;border-left:1px solid #344354;padding-left:18px;mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 30px),transparent)}
.world-clock-track{display:flex;align-items:center;width:max-content;animation:world-clock-slide 85s linear infinite;will-change:transform}
.world-clock-window:hover .world-clock-track,.world-clock-window:focus-within .world-clock-track{animation-play-state:paused}
.world-clock-cycle{display:flex;align-items:center;flex:none;gap:32px;padding-right:32px;white-space:nowrap}
.world-clock-entry{display:inline-flex;align-items:center;gap:8px;font:11px 'JetBrains Mono',monospace;color:#c2d1de;letter-spacing:.01em}
.world-clock-entry b{color:#f2f7fc;font-weight:700}.world-clock-entry time{white-space:nowrap}.world-clock-entry .date{color:#8fa5b7}.world-clock-entry::before{content:'●';color:#517d97;font-size:6px}
@keyframes world-clock-slide{to{transform:translateX(-50%)}}
body:has(.site-nav) .utility .wrap{max-width:1500px;min-height:43px;gap:25px;overflow:hidden!important}
body:has(.site-nav) .utility .u-left{flex:none;color:#dce8f1;font-size:12px}
body:has(.site-nav) .utility .u-left #utcClock{color:#fff;font-weight:700}
@media(max-width:700px){body:has(.site-nav) .utility .wrap{gap:12px;padding-inline:13px}.utility .u-left{gap:5px!important;font-size:10px!important}.world-clock-window{padding-left:10px}.world-clock-cycle{gap:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.world-clock-track{animation:none}.world-clock-window{overflow-x:auto;mask-image:none}}