.clock-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:2rem;align-items:center;margin-bottom:2.5rem}
.clock-intro p{color:var(--muted);max-width:640px}
.clock-country{margin-top:1.75rem}
.clock-country>h2{padding-bottom:.75rem;border-bottom:1px solid var(--line)}
.clock-country>h2{scroll-margin-top:6rem}
.country-jump{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}
.country-jump label{font-size:.85rem;font-weight:600;color:var(--ink)}
.country-jump select{max-width:100%;min-height:44px;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.5rem;background:var(--soft);color:var(--ink);font:inherit;font-size:.85rem}
.country-picker{position:relative;width:250px;max-width:100%;z-index:20}
.country-picker-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:46px;padding:.75rem .9rem;border:1px solid var(--line);border-radius:.75rem;background:var(--soft);color:var(--ink);font:500 .85rem/1.4 "Inter",sans-serif;text-align:left;cursor:pointer}
.country-picker-toggle::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s;flex:none;margin-right:.2rem}
.country-picker-toggle[aria-expanded="true"]::after{transform:rotate(225deg)}
.country-picker-toggle:hover,.country-picker-toggle[aria-expanded="true"]{border-color:var(--rose)}
.country-picker-links{position:absolute;top:calc(100% + .5rem);left:0;right:0;padding:.5rem;background:#fff;border:1px solid var(--line);border-radius:.9rem;box-shadow:0 12px 30px rgba(49,35,40,.15)}
.country-picker-links[hidden]{display:none}
.country-picker-links a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:.65rem .8rem;border-radius:.55rem;color:var(--ink);text-decoration:none;font-size:.85rem;line-height:1.4}
.country-picker-links a+a{margin-top:.2rem}
.country-picker-links a:hover,.country-picker-links a:focus-visible,.country-picker-links a[aria-current]{background:var(--soft);color:var(--wine)}
.country-picker-links a[aria-current]::after{content:"\2713";font-weight:700}
.country-picker-toggle:focus-visible,.country-picker-links a:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
html[data-theme="dark"] .country-picker-toggle,html[data-theme="dark"] .country-picker-links{background:#281d22;border-color:#58414b;color:#f6edf1}
html[data-theme="dark"] .country-picker-links a:hover,html[data-theme="dark"] .country-picker-links a:focus-visible,html[data-theme="dark"] .country-picker-links a[aria-current]{background:#49303c;color:#f6edf1}
@media(prefers-reduced-motion:reduce){.country-picker-toggle::after{transition:none}}
.clock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:.75rem}
.world-clock,.local-clock{padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:#fff;box-shadow:var(--shadow);min-width:0}
.local-clock{background:var(--soft);border-top:3px solid var(--rose)}
.world-clock h3,.local-clock h3{margin:0 0 .5rem;font:600 .85rem/1.4 "Poppins",sans-serif;color:var(--wine)}
.world-clock time,.local-clock time{display:block;font-size:clamp(1.25rem,1.7vw,1.55rem);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.35;color:var(--ink)}
.clock-date,.clock-zone{display:block;color:var(--muted);font-size:.78rem;margin-top:.3rem;overflow-wrap:anywhere}
.clock-zone{font-size:.72rem}
html[data-theme="dark"] .world-clock,html[data-theme="dark"] .local-clock{background:#281d22;border-color:#58414b}
html[data-theme="dark"] .remote-support-page{--ink:#f6edf1;--muted:#d4c3cb;--line:#58414b}
@media(max-width:700px){.clock-intro{grid-template-columns:1fr;gap:1rem}.clock-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,155px),1fr))}.world-clock,.local-clock{padding:.85rem}.world-clock time,.local-clock time{font-size:1.3rem}}