:root{--ink:#172c45;--muted:#64758a;--line:#dce3eb;--soft:#f4f7fa;--blue:#245aca;--night:#13243c;--sun:#b97716;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}select,.source-box,.result-box,.selectors>div{min-width:0;max-width:100%}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:var(--blue)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #598bf1;outline-offset:3px}button{touch-action:manipulation}header{border-bottom:1px solid var(--line)}.header-inner{max-width:1168px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:22px;font-weight:800;text-decoration:none;letter-spacing:-.6px}.brand svg{width:27px;height:27px}.nav{display:flex;gap:22px;font-size:14px}.nav a{text-decoration:none;color:var(--muted)}main{max-width:1168px;margin:auto;padding:28px 24px 48px}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}h1{font-size:clamp(26px,4vw,34px);margin:0 0 8px;letter-spacing:-1.1px}.intro p{margin:0;color:var(--muted);font-size:15px}.format-toggle{display:flex;border:1px solid var(--line);border-radius:8px;padding:3px;flex-shrink:0}.format-toggle button{border:0;background:transparent;border-radius:5px;color:var(--muted);padding:8px 11px;font-size:13px;font-weight:700}.format-toggle button[aria-pressed=true]{background:var(--ink);color:white}.selectors{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-bottom:18px}label{display:block;font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:7px;color:#52647a}select,input{width:100%;min-height:46px;border:1px solid #cdd7e2;border-radius:7px;padding:10px 12px;background:white;color:var(--ink);font-size:15px}select{padding-right:28px}.quiet-button{border:1px solid #cdd7e2;border-radius:7px;min-height:46px;padding:10px 16px;background:white;color:var(--ink);font-size:14px;font-weight:600}.clock-panel{border-radius:13px;padding:25px 32px 23px;transition:background .2s,color .2s;background:#f7f4eb;color:#283242;border:1px solid #e8e0cd}.clock-panel[data-phase=night]{background:var(--night);border-color:var(--night);color:#f2f5ff}.location-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.location{font-size:18px;font-weight:700;margin:0}.phase{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:7px 11px;border:1px solid #bdac8d;border-radius:30px;flex-shrink:0}.clock-panel[data-phase=night] .phase{border-color:#54718c;color:#d8e7ff}.time-wrap{text-align:center;padding:17px 0 10px;white-space:nowrap}.clock-digits{font-size:clamp(58px,11.4vw,150px);font-weight:800;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';letter-spacing:-.065em;line-height:1.12}.ampm{font-size:clamp(18px,3vw,36px);font-weight:700;margin-left:12px}.date-line{text-align:center;font-size:clamp(16px,2.2vw,23px);margin-bottom:18px}.metadata{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 19px;font-size:13px;opacity:.9}.metadata strong{font-size:15px}.hero-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;min-height:25px}.tiny{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.hero-actions button{font-size:12px;border:0;background:none;padding:5px;color:var(--blue);white-space:nowrap}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:29px 0 13px}h2{font-size:20px;letter-spacing:-.4px;margin:0}.hint{font-size:12px;color:var(--muted)}.world-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.world-card{text-align:left;border-radius:9px;border:1px solid #e7e0cf;background:#faf7ef;padding:16px 13px;color:#273549;min-height:135px}.world-card[data-phase=night]{background:#20324b;color:#f1f5ff;border-color:#20324b}.card-top{display:flex;justify-content:space-between;gap:4px;font-size:13px;font-weight:700}.card-clock{font-size:23px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.6px;display:block;margin-top:13px;white-space:nowrap}.card-date{display:block;font-size:11px;opacity:.8;margin-top:9px}.card-zone{display:block;font-size:11px;opacity:.8;margin-top:5px}.favorite-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.fav-chip{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:6px;overflow:hidden;font-size:12px}.fav-chip button{border:0;background:var(--soft);padding:9px 10px;color:var(--ink)}.fav-chip .remove-fav{border-left:1px solid var(--line);padding:9px 8px;color:var(--muted)}.ad-slot{display:none;min-height:90px;margin:28px 0;background:#f7f8fa;border:1px dashed #c9d3df;align-items:center;justify-content:center;text-align:center;color:#6b7888;font-size:11px;letter-spacing:1.2px}.ads-preview .ad-slot{display:flex}.ads-preview-note{display:none}.ads-preview .ads-preview-note{display:block;padding:10px;background:#fff7da;text-align:center;font-size:12px}.map-wrap{margin-top:22px;border:1px solid var(--line);border-radius:9px;padding:0 17px}.map-wrap summary{padding:15px 0;cursor:pointer;font-size:13px;font-weight:600}.map-wrap svg{display:block;width:100%;max-width:820px;height:auto;margin:0 auto;background:#f4f8fc;border-radius:7px}.land{fill:#bccadb;stroke:#b4c2d3;stroke-width:.25;fill-rule:evenodd}.map-dot{fill:var(--blue);stroke:white;stroke-width:1.5}.map-pin-ring{fill:#245aca25;stroke:#245aca80;stroke-width:1}.map-label{text-align:center;font-size:12px;margin:12px 0 16px;color:var(--muted)}.converter{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.converter>p{font-size:14px;color:var(--muted);margin:9px 0 18px;line-height:1.5}.convert-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.form-row{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:14px}.source-box,.result-box{padding:21px;border-radius:10px;background:var(--soft);border:1px solid var(--line)}.result-box{background:#edf3ff;border-color:#d2e0f9}.result-kicker{margin:19px 0 8px;font-size:12px;color:#516a90}.result-time{font-size:clamp(28px,4vw,44px);letter-spacing:-1.2px;font-weight:750;font-variant-numeric:tabular-nums;margin:4px 0}.result-date{font-size:14px;margin:9px 0;color:#435c7f}.result-note{font-size:13px;color:#435c7f;line-height:1.5;margin:14px 0 0}.inline-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.inline-actions button{background:white;border:1px solid #c5d3e4;border-radius:6px;padding:8px 12px;color:#304d76;font-size:12px}.alert{font-size:13px;line-height:1.5;color:#8a4c06;background:#fff2d8;padding:12px;border-radius:6px;margin-top:12px}.error{color:#a32925;background:#fff0ee}.hidden,[hidden]{display:none!important}.status{min-height:18px;font-size:12px;color:var(--blue);margin:8px 0 0}.about{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:13px;color:var(--muted);line-height:1.7}.about summary{cursor:pointer;font-weight:600;color:var(--ink)}.about h3{font-size:14px;color:var(--ink);margin-bottom:3px}.about p{margin:6px 0 14px}.about ul{padding-left:20px}.footer{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);margin-top:30px;padding-top:18px;border-top:1px solid var(--line);line-height:1.5}.footer a{color:var(--muted)}.skip{position:absolute;left:-10000px;top:5px}.skip:focus{left:10px;background:white;z-index:99;padding:8px}.no-js{padding:24px;background:#fff3d5}input[type=date],input[type=time]{min-width:0}.city-small{font-size:12px;margin:6px 0 0;color:var(--muted)}
@media(max-width:850px){.world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.world-card{min-height:123px}.clock-digits{font-size:clamp(58px,12vw,120px)}.nav{gap:16px}.clock-panel{padding:22px}.header-inner{padding:17px 20px}main{padding:23px 20px 36px}}
@media(max-width:560px){main{padding:22px 15px 30px}.header-inner{padding:16px 15px}.nav{font-size:12px;gap:14px}.brand{font-size:19px}.brand svg{width:22px;height:22px}.intro{align-items:start}.intro p{max-width:220px;font-size:13px;line-height:1.5}h1{font-size:26px;letter-spacing:-.9px}.format-toggle button{font-size:11px;padding:7px}.selectors{grid-template-columns:1fr 1fr;gap:10px}.selectors>.quiet-button{grid-column:1 / -1;min-height:35px;padding:6px;font-size:12px}.clock-panel{padding:19px 14px}.location{font-size:14px}.phase{font-size:11px;padding:6px 8px}.clock-digits{font-size:clamp(50px,13.8vw,78px);letter-spacing:-.055em}.ampm{font-size:18px;margin-left:6px}.time-wrap{padding:24px 0 15px}.date-line{font-size:15px;line-height:1.5}.metadata{gap:8px 12px;font-size:11px}.metadata strong{font-size:13px}.hero-actions{align-items:start}.hero-actions .tiny{max-width:65%}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-card{min-height:128px;padding:14px}.card-clock{font-size:24px}.convert-grid{grid-template-columns:1fr}.source-box,.result-box{padding:17px}.section-head{margin-top:25px}.hint{font-size:11px}h2{font-size:18px}.footer{flex-direction:column;gap:6px}.result-time{font-size:38px}.form-row{grid-template-columns:1.1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}


/* TimeNow homepage mockup: deliberately restrained, with no ad overlays. */
:root{--ink:#172b3b;--blue:#246682;--night:#172b3c;--line:#dde4e8;--muted:#697981;--soft:#f5f7f8; background:#ffffff}
html{scroll-behavior:smooth;scroll-padding-top:16px}
.preview-banner{font:11px/1.5 Arial,sans-serif;text-align:center;background:#eef3f6;color:#536775;padding:6px 14px;letter-spacing:.25px}
.header-inner{max-width:1260px;padding:18px 24px}.brand{font-size:29px;letter-spacing:-1.1px}.brand svg{color:#27758e}.nav{font-size:13px;gap:26px}.nav a:hover{text-decoration:underline}
main.page-main{max-width:1260px;padding:20px 24px 36px}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:28px;align-items:start}.hero-main{min-width:0}.hero-rail{padding-top:59px}.rail-note{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 8px 0;text-align:center}
.intro{margin:0 0 18px;align-items:center}.intro h1{font-size:24px;letter-spacing:-.55px;margin-bottom:5px}.intro p{font-size:13px}.format-toggle{border-radius:5px}.format-toggle button{padding:7px 9px;font-size:12px}
.selectors{gap:12px;margin-bottom:17px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}select,input{border-radius:5px}label{font-size:10px;letter-spacing:1.1px}.quiet-button{border-radius:5px}.clock-panel{padding:23px 25px 18px;border-radius:8px;background:#f8f5ec;border-color:#e4ddc8}.clock-panel[data-phase=night]{background:#172b3c;border-color:#172b3c}.location{font-size:18px}.phase{font-size:11px;padding:6px 9px}.clock-digits{font-size:clamp(72px,9.8vw,142px);letter-spacing:-.065em}.ampm{font-size:27px;margin-left:12px}.time-wrap{padding:16px 0 8px}.date-line{font-size:19px;margin-bottom:12px}.metadata{font-size:11px;gap:8px 16px}.metadata strong{font-size:14px}
.weather-preview{display:flex;gap:11px;align-items:center;border-top:1px solid #d8d0bd;margin-top:22px;padding-top:15px;text-align:left}.clock-panel[data-phase=night] .weather-preview{border-top-color:#405363}.weather-cloud{font-size:34px;line-height:1}.weather-temperature{font-size:29px;font-weight:700;line-height:1}.weather-info{font-size:12px;display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.weather-info span{opacity:.72;font-size:11px}.weather-status{text-align:right;font-size:11px;line-height:1.55;opacity:.8}.weather-status small{font-size:8px;letter-spacing:.7px}.hero-actions{margin-top:11px}.hero-actions .tiny{font-size:10px}#saveStatus:empty{min-height:0;margin:0}#favorites:empty{margin-top:0}.favorite-list{margin-top:7px}
.section-head{margin-top:22px}.section-head h2{font-size:18px}.world-grid{gap:12px}.world-card{min-height:120px;border-radius:6px;padding:15px;transition:box-shadow .15s}.world-card:hover{box-shadow:0 3px 12px #1d3a5020}.card-clock{font-size:25px}.card-name{font-size:13px}.card-date{margin-top:8px}.card-zone{margin-top:5px}
.ad-placeholder{background:#f6f7f8;border:1px solid #e2e7ea;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7d8a91;overflow:hidden;pointer-events:none}.ad-label{font-size:9px;letter-spacing:2px;margin-bottom:9px;color:#839099}.ad-caption{font-size:15px;font-weight:400;color:#8f9ba3}.ad-sub{font-size:9px;margin-top:8px;letter-spacing:.2px}.ad-top{height:90px;width:min(100%,970px);margin:0 auto 24px}.ad-rectangle{width:100%;height:250px}.ad-wide{height:90px;max-width:970px;margin:27px auto 30px}.ad-top,.ad-wide{flex-direction:row;gap:20px}.ad-top .ad-label,.ad-wide .ad-label,.ad-top .ad-sub,.ad-wide .ad-sub{margin:0}
.city-directory{border-top:1px solid var(--line);padding-top:24px;margin-top:12px}.directory-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.directory-heading h2{font-size:23px}.directory-heading p{font-size:13px;color:var(--muted);margin:7px 0}.directory-filter{width:230px;margin:0;font-size:10px;flex-shrink:0}.directory-filter input{margin-top:5px;min-height:38px;padding:8px 10px;font-size:13px;letter-spacing:0}.directory-note{font-size:10px;color:#809099;margin:7px 0 18px;line-height:1.5}.directory-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:42px}.country-group{border-bottom:1px solid var(--line);padding:20px 0 23px;min-width:0}.country-group h3{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 12px;color:#71828b}.city-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px 17px}.city-link{font-size:18px;line-height:1.45;color:#2d657d;text-decoration:none;font-weight:500;letter-spacing:-.3px;padding:2px 0;max-width:100%;overflow-wrap:break-word}.city-link.prominence-2{font-size:24px;font-weight:600}.city-link.prominence-3{font-size:34px;font-weight:700;letter-spacing:-.8px}.city-link:hover{color:#153d50;text-decoration:underline}.city-link[aria-current=true]{color:#142f40;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.all-countries{display:block;margin:22px auto 7px;font-size:12px;min-height:38px}.map-wrap{margin-top:22px;border-radius:6px}.map-wrap svg{max-width:840px}.tool-details{margin-top:18px;border:1px solid var(--line);border-radius:6px}.tool-details>summary{padding:16px 18px;cursor:pointer;font-size:13px;font-weight:600}.tool-details>summary span{font-size:11px;color:var(--muted);font-weight:400;margin-left:10px}.tool-details .converter{margin:0;padding:18px;border-top:1px solid var(--line)}.about{margin-top:22px}.footer{margin-top:24px}
@media(max-width:1100px){.hero-layout{grid-template-columns:1fr}.hero-rail{display:none}.clock-digits{font-size:clamp(70px,13vw,150px)}.time-wrap{padding-top:10px}.clock-panel{padding:20px 28px}.weather-preview{margin-top:15px}.header-inner,main.page-main{max-width:1000px}}
@media(max-width:850px){.world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-clock{font-size:24px}.directory-grid{column-gap:25px}.city-link.prominence-3{font-size:29px}.city-link.prominence-2{font-size:21px}}
@media(max-width:600px){.preview-banner{font-size:9px;padding:5px 9px}.header-inner{padding:13px 15px}.brand{font-size:24px}.nav{gap:13px;font-size:10px}.nav a:last-child{display:none}main.page-main{padding:14px 15px 30px}.ad-top{height:60px;margin-bottom:19px;gap:12px}.ad-top .ad-caption{font-size:12px}.ad-top .ad-sub{display:none}.ad-label{font-size:8px;letter-spacing:1.5px}.intro{align-items:flex-start;gap:12px;margin-bottom:15px}.intro h1{font-size:21px;letter-spacing:-.5px}.intro p{font-size:12px}.format-toggle button{font-size:10px;padding:7px}.selectors{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.selectors .quiet-button{grid-column:1/-1;min-height:32px;font-size:11px;padding:5px}.clock-panel{padding:18px 15px 14px}.location{font-size:14px;line-height:1.5}.phase{font-size:10px;white-space:nowrap;padding:5px 7px}.clock-digits{font-size:clamp(48px,14vw,80px)}.ampm{font-size:17px;margin-left:6px}.time-wrap{padding:20px 0 13px}.date-line{font-size:14px}.metadata{font-size:10px;gap:7px 12px}.metadata strong{font-size:12px}.weather-preview{gap:8px;margin-top:17px;padding-top:13px}.weather-cloud{font-size:25px}.weather-temperature{font-size:24px}.weather-info{font-size:11px}.weather-info span{font-size:10px}.weather-status{font-size:9px}.weather-status small{font-size:7px}.hero-actions{gap:6px;align-items:start}.hero-actions .tiny{max-width:68%;font-size:9px}.hero-actions button{font-size:10px;white-space:nowrap}.section-head{align-items:flex-start;gap:10px;margin:24px 0 12px}.section-head h2{font-size:17px}.hint{font-size:10px;max-width:130px;text-align:right;line-height:1.6}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.world-card{padding:13px;min-height:121px}.card-clock{font-size:25px}.ad-wide{height:80px;margin:23px auto;gap:14px}.ad-wide .ad-caption{font-size:12px}.ad-wide .ad-sub{display:none}.directory-heading{align-items:flex-start;gap:14px;flex-wrap:wrap}.directory-heading h2{font-size:21px}.directory-heading p{font-size:12px}.directory-filter{width:100%}.directory-filter input{width:100%;min-height:42px}.directory-grid{grid-template-columns:1fr}.country-group{padding:19px 0 22px}.city-link{font-size:17px}.city-link.prominence-2{font-size:23px}.city-link.prominence-3{font-size:31px}.city-links{gap:8px 15px}.directory-note{font-size:9px;line-height:1.65}.tool-details>summary span{display:block;margin:5px 0 0 16px}.footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Preview v2: visible map, readable zone name. */
.zone-line{display:flex;justify-content:center;align-items:center;gap:8px 12px;flex-wrap:wrap;text-align:center;margin:3px 0 10px;font-size:16px;line-height:1.5}
.zone-caption{font-size:10px;letter-spacing:1.3px;opacity:.8}
#zoneName{font-weight:700}
#gmt{font-size:15px}
.metadata{font-size:12px}
.form-row>div{min-width:0}
.form-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.map-wrap{padding:20px 18px 4px;scroll-margin-top:20px;margin-bottom:24px}
.map-wrap h2{font-size:20px;margin:0 0 7px}
.map-intro{font-size:13px;color:var(--muted);margin:0 0 16px;line-height:1.5}
.map-wrap svg{aspect-ratio:2/1;width:100%;height:auto;max-width:840px}
.map-label{line-height:1.6}
.nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 18px}
@media(max-width:600px){
 .header-inner{gap:12px}.nav{gap:8px 12px;max-width:220px}.nav a:last-child{display:none}
 .zone-line{font-size:14px;gap:5px 8px}.zone-caption{flex-basis:100%;font-size:9px}#gmt{font-size:13px}
 .metadata{font-size:10px}.map-wrap{padding:17px 12px 2px}.map-wrap h2{font-size:18px}.map-intro{font-size:12px}.map-label{font-size:11px}
}


/* v3: the map is part of the clock. No external assets, fonts, APIs or advertising. */
#clockTop,#world,#directory,#converterDetails,#about{scroll-margin-top:22px}
.clock-panel{position:relative;isolation:isolate;overflow:hidden;min-height:425px;padding:22px 25px 18px;background:#f7faf9;border:1px solid #dbe5e4;border-radius:12px;color:#162c40}
.clock-panel[data-phase=night]{background:#142737;border-color:#253e50;color:#f5f7fb}
.hero-map,.marker-overlay{position:absolute;inset:0;pointer-events:none}
.hero-map{z-index:0}.marker-overlay{z-index:3}
.hero-map svg,.marker-overlay svg{display:block;width:100%;height:100%;max-width:none;overflow:visible}
.world-land{fill:url(#mapPastels);stroke:#91a5ac;stroke-width:.35;fill-rule:evenodd;opacity:.57}
.clock-panel[data-phase=night] .world-land{opacity:.35;stroke:#b5c4cd;stroke-width:.3}
.map-graticule{fill:none;stroke:#94adb6;stroke-width:.4;opacity:.18}
.clock-panel[data-phase=night] .map-graticule{stroke:#b6cedc;opacity:.12}
.clock-foreground{position:relative;z-index:2;display:flex;flex-direction:column;min-height:383px}
.clock-panel .location-line{position:relative;z-index:2;align-items:flex-start}
.clock-panel .location{font-size:18px;line-height:1.5;max-width:74%;text-shadow:0 1px 9px #f7faf9,0 1px 3px #f7faf9}
.clock-panel[data-phase=night] .location{text-shadow:0 1px 10px #142737,0 1px 3px #142737}
.clock-panel .phase{background:#f7faf9b8;border-color:#bac9c5;color:#3a574c}
.clock-panel[data-phase=night] .phase{background:#142737b8;color:#e2eaf6;border-color:#657a8a}
.clock-panel .time-wrap{padding:65px 0 8px;margin:0;text-shadow:0 2px 15px #f7faf9,0 1px 3px #f7faf9}
.clock-panel[data-phase=night] .time-wrap{text-shadow:0 2px 17px #142737,0 1px 4px #142737}
.clock-panel .clock-digits{font-size:clamp(72px,10.2vw,146px);line-height:1.05;font-weight:800;letter-spacing:-.065em}
.clock-panel .ampm{font-size:27px;margin-left:10px}
.clock-panel .date-line{font-size:18px;margin:3px 0 12px;text-shadow:0 1px 7px #f7faf9,0 1px 2px #f7faf9}
.clock-panel[data-phase=night] .date-line{text-shadow:0 1px 7px #142737,0 1px 2px #142737}
.clock-panel .zone-line{align-self:center;font-size:15px;gap:6px 10px;border-radius:5px;background:#f7faf9c9;padding:4px 10px;margin-bottom:8px;max-width:100%}
.clock-panel[data-phase=night] .zone-line{background:#142737c7}
.clock-panel .zone-caption{font-size:9px}.clock-panel #gmt{font-size:14px}
.clock-panel .metadata{font-size:11px;text-shadow:0 1px 4px #f7faf9}
.clock-panel[data-phase=night] .metadata{text-shadow:0 1px 4px #142737}
.clock-panel .weather-preview{margin-top:auto;padding-top:13px;border-top-color:#afc4bd66;background:linear-gradient(0deg,#f7faf9c9,transparent)}
.clock-panel[data-phase=night] .weather-preview{border-top-color:#afc4d044;background:linear-gradient(0deg,#142737d9,transparent)}
.clock-panel .weather-info{font-size:12px}.clock-panel .weather-status{font-size:10px}.clock-panel .weather-status small{font-size:8px}
.map-footnote{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:9px 1px 0}
.map-footnote .map-label{font-size:10px;line-height:1.5;text-align:left;margin:0;color:#6b7b83;min-width:0}
.star-motion{border:0;background:transparent;font-size:10px;color:#426b80;padding:5px 0 5px 7px;cursor:pointer;white-space:nowrap}
.star-motion:hover{text-decoration:underline}
.rainbow-color{color:#9563d3;animation:starRainbow 21s linear infinite}
.star-halo{fill:currentColor;opacity:.13;animation:starHalo 4.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.star-orbit{fill:none;stroke:currentColor;stroke-width:.65;opacity:.6}
.star-breathe{animation:starBreathe 4.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.star-outline{fill:#ffffff;stroke:#ffffff;stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 0 2px #17334b99)}
.city-star{fill:currentColor;stroke:currentColor;stroke-width:.5;stroke-linejoin:round}
.star-heart{fill:#fff6cf;opacity:.92}
@keyframes starRainbow{0%,100%{color:#9864d7}14.285%{color:#7761c8}28.571%{color:#5a9fe0}42.857%{color:#60b88d}57.142%{color:#e4c252}71.428%{color:#e9a062}85.714%{color:#dd7189}}
@keyframes starBreathe{0%,100%{opacity:.76;transform:scale(.96)}50%{opacity:1;transform:scale(1.12)}}
@keyframes starHalo{0%,100%{opacity:.09;transform:scale(.88)}50%{opacity:.20;transform:scale(1.12)}}
#clockPanel[data-star-motion=paused] .rainbow-color,#clockPanel[data-star-motion=paused] .star-breathe,#clockPanel[data-star-motion=paused] .star-halo{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.rainbow-color,.star-breathe,.star-halo{animation:none!important}.rainbow-color{color:#c69b43}.star-halo{opacity:.13}html{scroll-behavior:auto}}
@media(max-width:1100px){.clock-panel{min-height:450px}.clock-foreground{min-height:408px}.clock-panel .clock-digits{font-size:clamp(80px,13.3vw,150px)}.clock-panel .time-wrap{padding-top:74px}}
@media(max-width:600px){
 .header-inner{align-items:center;flex-wrap:wrap;padding:14px 15px 12px;gap:12px}.nav{width:100%;max-width:none;justify-content:space-between;gap:8px;font-size:10px}.nav a:last-child{display:inline}
 .clock-panel{padding:17px 14px 14px;min-height:358px;border-radius:10px}.clock-foreground{min-height:325px}
 .hero-map,.marker-overlay{inset:20px -8px 65px}
 .clock-panel .location{font-size:14px;max-width:70%;line-height:1.5}.clock-panel .phase{font-size:9px;padding:5px 7px}
 .clock-panel .time-wrap{padding:70px 0 8px}.clock-panel .clock-digits{font-size:clamp(43px,13.3vw,78px);letter-spacing:-.06em}.clock-panel .ampm{font-size:16px;margin-left:5px}
 .clock-panel .date-line{font-size:13px;margin:5px 0 10px}.clock-panel .zone-line{font-size:12px;padding:3px 6px;gap:3px 6px;margin:0 0 6px}.clock-panel .zone-caption{font-size:8px;flex-basis:auto}.clock-panel #gmt{font-size:12px}
 .clock-panel .metadata{font-size:9px}.clock-panel .weather-preview{padding-top:12px;gap:8px}.clock-panel .weather-info{font-size:10px}.clock-panel .weather-info span{font-size:9px}.clock-panel .weather-status{font-size:9px}.clock-panel .weather-status small{font-size:7px}.clock-panel .weather-cloud{font-size:25px}.clock-panel .weather-temperature{font-size:24px}
 .map-footnote{gap:8px;margin-top:7px}.map-footnote .map-label{font-size:9px}.star-motion{font-size:9px}
}


/* v4: placements surround useful content; they never overlay or delay it.
   This is a design study, not an AdSense integration or policy approval. */
.hero-layout{grid-template-columns:minmax(0,1fr) 300px;column-gap:28px}
.hero-rail{padding-top:var(--clock-ad-offset,200px)}
.ad-placeholder{box-sizing:border-box;background:#f6f7f8;border:1px solid #dbe2e6;border-radius:4px;pointer-events:none;color:#71818b}
.ad-placeholder .ad-label{color:#5c6f79;font-size:9px;font-weight:600;letter-spacing:1.8px}
.ad-placeholder .ad-caption{color:#7b8a93;font-size:15px}
.ad-placeholder .ad-sub{color:#657984;font-size:10px;letter-spacing:0}
.ad-rectangle{width:300px;height:250px;max-width:100%}
.rail-note{max-width:270px;margin:12px auto 0}
.ad-after-hero{display:none}
.ad-directory{grid-column:1/-1;min-height:100px;flex-direction:row;gap:20px;margin:30px 0 16px}
.ad-directory .ad-label,.ad-directory .ad-sub{margin:0}
.ad-result{max-width:100%;margin:30px 0 20px;min-height:90px}
.ad-after-world{margin-top:32px;margin-bottom:32px}
@media(max-width:1100px){
 .hero-layout{grid-template-columns:1fr}
 .hero-rail{display:none}
 .ad-after-hero{display:flex;min-height:90px;margin:30px auto 32px;max-width:970px;flex-direction:row;gap:16px}
 .ad-after-hero .ad-label,.ad-after-hero .ad-sub{margin:0}
}
@media(max-width:600px){
 .ad-top{height:60px;min-height:60px}
 .ad-after-hero{min-height:90px;flex-direction:column;gap:8px;margin:30px 0}
 .ad-after-hero .ad-sub{font-size:9px}
 .ad-directory{min-height:100px;flex-direction:column;gap:9px;margin:28px 0 18px}
 .ad-directory .ad-caption,.ad-after-hero .ad-caption{font-size:13px}
 .ad-directory .ad-sub{font-size:9px}
 .ad-result{min-height:90px;height:90px;margin-top:30px;flex-direction:column;gap:8px}
 .ad-result .ad-sub{display:block;font-size:9px;margin:0}
 .ad-after-world{margin:30px 0}
}


/* v5: round city clocks. The hero/map, advertising reservations and application
   behavior are retained from v4. No additional external scripts or services. */
#world .world-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px;align-items:center;justify-items:center;padding:8px 0 12px;
}
#world .world-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:100%;max-width:188px;aspect-ratio:1 / 1;height:auto;min-height:0;
  border-radius:50%;padding:18px 10px;text-align:center;position:relative;
  border:1px solid #ded6c5;background:#faf7ef;color:#273549;
  box-shadow:inset 0 0 0 5px #ffffff80;
  transition:box-shadow .15s,border-color .15s;
}
#world .world-card[data-phase=night]{
  background:#20324b;color:#f1f5ff;border-color:#32465f;
  box-shadow:inset 0 0 0 5px #ffffff08;
}
#world .world-card:hover{
  border-color:#498198;box-shadow:inset 0 0 0 5px #ffffff20,0 4px 16px #17334b16;
}
#world .world-card:focus-visible{outline:3px solid #598bf1;outline-offset:4px}
#world .card-top{
  display:flex;justify-content:center;align-items:center;gap:7px;
  font-size:13px;line-height:18px;font-weight:700;max-width:100%;
}
#world .card-name{font-size:13px;line-height:18px;white-space:nowrap}
#world .card-icon{font-size:13px;line-height:18px;flex-shrink:0}
#world .card-clock{
  display:block;font-size:clamp(21px,1.8vw,26px);line-height:1.15;
  font-weight:750;letter-spacing:-.7px;margin-top:11px;white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#world .card-date{display:block;font-size:11px;line-height:15px;margin-top:8px;opacity:.85}
#world .card-zone{display:block;font-size:10px;line-height:14px;margin-top:3px;opacity:.82}
@media(max-width:1100px){
  #world .world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}
  #world .world-card{max-width:184px}
  #world .card-clock{font-size:26px}
}
@media(max-width:600px){
  #world .world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding:8px 2px 12px}
  #world .world-card{max-width:176px;padding:15px 8px}
  #world .card-clock{font-size:clamp(21px,6vw,26px);margin-top:8px}
  #world .card-top,#world .card-name,#world .card-icon{font-size:12px;line-height:17px}
  #world .card-date{font-size:10px;line-height:14px;margin-top:6px}
  #world .card-zone{font-size:10px;line-height:13px;margin-top:2px}
}
@media(max-width:350px){
  #world .world-grid{gap:16px 12px}
  #world .world-card{padding:13px 6px}
  #world .card-top,#world .card-name,#world .card-icon{font-size:11px;line-height:16px}
  #world .card-clock{font-size:21px;margin-top:7px}
  #world .card-date{font-size:9px;margin-top:5px;line-height:13px}
  #world .card-zone{font-size:9px;line-height:12px}
}
@media(prefers-reduced-motion:reduce){#world .world-card{transition:none}}

/* Growth additions: restrained controls; approved clock/map/circles stay unchanged. */
.growth-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0 5px}.growth-actions button,.growth-actions a{font:12px/1.4 Arial,sans-serif;border:1px solid #d7e2e8;border-radius:6px;padding:9px 12px;background:#fff;color:#245f78;text-decoration:none;cursor:pointer}.growth-actions a:hover,.growth-actions button:hover{background:#f1f6f8}.growth-status{font-size:12px;color:#526979;min-height:18px;margin:6px 0}.growth-note{font-size:11px;color:#647785;line-height:1.65}.growth-disclosure{margin:10px 0 18px;border:1px solid #dde6eb;border-radius:8px;padding:12px 15px;font-size:12px;line-height:1.6}.growth-disclosure summary{cursor:pointer;font-weight:600}.growth-disclosure textarea{display:block;width:100%;min-height:82px;margin:12px 0;padding:10px;border:1px solid #d2dde4;border-radius:5px;font:12px/1.5 monospace;resize:vertical}.seo-content{padding:25px 0;border-top:1px solid #dde4e8;margin-top:22px;line-height:1.75;max-width:100%;color:#354d5b}.seo-content h2{font-size:23px;color:#172b3b;margin:0 0 12px}.seo-content h3{font-size:17px;color:#172b3b;margin:22px 0 9px}.seo-content p{max-width:80ch;font-size:14px;margin:8px 0 15px}.seo-content a,.useful-links a{color:#246682;text-underline-offset:3px}.seo-content table{border-collapse:collapse;width:100%;font-size:13px;background:#fff}.seo-content th,.seo-content td{padding:11px 14px;text-align:left;border-bottom:1px solid #e2e8ec;vertical-align:top}.seo-content th{background:#f3f7f8;color:#244759}.table-scroll{overflow:auto;width:100%;margin:15px 0}.quick-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.quick-facts div{background:#f3f7f8;border-radius:8px;padding:15px;font-size:14px;overflow-wrap:anywhere}.quick-facts small{display:block;color:#647785;margin-bottom:7px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.link-grid{display:flex;gap:9px 19px;flex-wrap:wrap;margin:14px 0;font-size:14px}.breadcrumbs{font-size:12px;line-height:1.6;color:#667986;margin:0 0 17px}.breadcrumbs a{color:#315e74;text-decoration:none}.about-document{max-width:850px;margin:auto;padding:35px 24px;line-height:1.8}.about-document h1{font-size:32px}.about-document h2{margin:30px 0 12px}.about-document p,.about-document li{font-size:15px}.about-document a{color:#246682}.site-footer-links{display:flex;gap:15px;flex-wrap:wrap}.world-card{text-decoration:none}.feedback-details{max-width:850px}.seo-stamp{font-size:11px!important;color:#6b7e87}.ad-placeholder{display:none!important}body.ads-layout-preview .ad-placeholder{display:flex!important}.weather-preview{display:none!important}body.ads-layout-preview .weather-preview{display:flex!important}.hero-layout{grid-template-columns:minmax(0,1fr)}.hero-rail{display:none}body.ads-layout-preview .hero-layout{grid-template-columns:minmax(0,1fr) 300px}body.ads-layout-preview .hero-rail{display:block}.consent-controls{display:flex;gap:10px;flex-wrap:wrap}.consent-controls button{padding:10px 15px;border:1px solid #b8cbd7;border-radius:6px;background:white;color:#244e63;cursor:pointer}.seo-focus{background:#f5f8fa;padding:16px 20px;border-radius:8px;margin:15px 0}.mini-return-link{font-size:12px;line-height:1.6;color:#2d657d;margin-left:auto}
@media(max-width:1100px){body.ads-layout-preview .hero-layout{grid-template-columns:minmax(0,1fr)}body.ads-layout-preview .hero-rail{display:none}}
@media(max-width:600px){.growth-actions{gap:7px}.growth-actions button,.growth-actions a{font-size:11px;padding:9px}.quick-facts{grid-template-columns:1fr}.seo-content h2{font-size:21px}.seo-content th,.seo-content td{padding:10px 8px;font-size:12px}.about-document{padding:24px 16px}.about-document h1{font-size:26px}.breadcrumbs{font-size:11px}.mini-return-link{margin-left:0}}
.growth-status,.growth-note,.growth-disclosure,.seo-content p{overflow-wrap:anywhere}.intro>div:first-child{min-width:0}.growth-disclosure textarea{max-width:100%;min-width:0}

/* AUM preview typography refinement: lighter main time, better-filled circular clocks. */
.clock-panel .clock-digits,.clock-panel .ampm{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.clock-panel .clock-digits{font-weight:600;letter-spacing:-.02em;font-size:clamp(68px,10.4vw,148px)}
.clock-panel .ampm{font-weight:500}
#world .card-clock{font-size:clamp(24px,2.05vw,30px)}
#world .card-top,#world .card-name,#world .card-icon{font-size:14px;line-height:19px}
#world .card-date{font-size:12px;line-height:16px}
#world .card-zone{font-size:11px;line-height:15px}
@media(max-width:1100px){
 .clock-panel .clock-digits{font-size:clamp(76px,13.5vw,148px)}
 #world .card-clock{font-size:30px}
}
@media(max-width:600px){
 .clock-panel .clock-digits{font-size:clamp(41px,13.5vw,80px)}
 #world .card-clock{font-size:clamp(23px,6.8vw,29px)}
 #world .card-top,#world .card-name,#world .card-icon{font-size:13px;line-height:18px}
 #world .card-date{font-size:11px;line-height:15px}
 #world .card-zone{font-size:11px;line-height:14px}
}
@media(max-width:350px){
 #world .card-top,#world .card-name,#world .card-icon{font-size:12px;line-height:17px}
 #world .card-clock{font-size:23px}
 #world .card-date{font-size:10px;line-height:14px}
 #world .card-zone{font-size:10px;line-height:13px}
}

.clock-panel .clock-colon{display:inline-block;position:relative;width:.24em;height:.72em;height:1cap;overflow:hidden;text-indent:-9999px;font-size:inherit;line-height:1;vertical-align:baseline;letter-spacing:0;margin:0;text-shadow:none}
.clock-panel .clock-colon::before,.clock-panel .clock-colon::after{content:"";position:absolute;left:50%;width:.06em;height:.06em;border-radius:50%;background:currentColor;transform:translateX(-50%)}
.clock-panel .clock-colon::before{top:calc(50% - .10em)}
.clock-panel .clock-colon::after{top:calc(50% + .04em)}

.clock-panel .date-line{font-size:20px}
@media(max-width:600px){.clock-panel .date-line{font-size:15px}}

/* Directory entrance to the same bounded worldwide search engine. */
.world-location-finder{background:#f4f8fa;border:1px solid #d7e4e9;border-radius:12px;padding:26px;margin:24px 0 36px;color:#18384c}
.world-location-finder .finder-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#436979;margin:0 0 8px}
.world-location-finder h2{font-size:25px;line-height:1.25;margin:0 0 12px}
.world-location-finder .finder-intro{font-size:15px;line-height:1.65;margin:0 0 22px;max-width:65ch}
.world-finder-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:14px;align-items:end}
.world-finder-fields>div{min-width:0}.world-finder-fields label{font-size:11px;letter-spacing:.7px;margin:0 0 8px}
#worldwideSearch.world-location-finder #worldSearchInput{margin:0;min-height:46px;padding:10px 12px;font-size:15px}
.world-finder-fields select{min-height:46px}.world-finder-submit{min-height:46px;padding:10px 18px;border:1px solid #245f78;border-radius:5px;background:#245f78;color:white;font:600 14px Arial,sans-serif;cursor:pointer}
.world-finder-submit:hover{background:#194b61}.world-location-finder .finder-help{font-size:12px;line-height:1.6;margin:12px 0 6px;color:#526570}
#worldwideSearch.world-location-finder #worldSearchResults{background:white;max-height:310px;margin:12px 0 0}
#worldwideSearch.world-location-finder #worldSearchResults li{line-height:1.5;padding:12px 14px}
.world-location-finder .world-credit{margin:12px 0 0;font-size:12px;color:#526570}.world-location-finder .world-credit a{text-underline-offset:3px}
@media(max-width:700px){.world-finder-fields{grid-template-columns:1fr}.world-location-finder{padding:21px 18px}.world-location-finder h2{font-size:22px}.world-finder-submit{width:100%}}

/* Optical spacing around offset signs; underlying offset text remains unchanged. */
.gmt-sign{display:inline-block;margin-inline:.10em}

/* Consistent title-style navigation and action labels requested in acceptance review. */
nav a,.nav a,.site-footer-links a,.growth-actions a,.growth-actions button,.quiet-button,.world-finder-submit,.inline-actions button,#localButton,#favoriteButton,#starMotionButton,#allCountriesButton,details>summary{text-transform:capitalize}

#comparisonBody td:last-child{text-transform:capitalize}

.selected-zone-offset{display:flex;align-items:center;justify-content:center;min-width:132px;white-space:nowrap;cursor:default;font-variant-numeric:tabular-nums}

/* Day/night marks: modestly larger, with clear shapes and accessible names. */
#world .card-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
#world .card-icon svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:600px){#world .card-icon{width:18px;height:18px;flex-basis:18px}}

.world-land-image{opacity:.57}.clock-panel[data-phase=night] .world-land-image{opacity:.35}

/* v6.1 utility repairs; approved geometry is unchanged. */
.quick-facts small,.seo-stamp,.ad-placeholder .ad-caption,.ad-placeholder .ad-sub,.directory-note,.country-group h3,.map-footnote .map-label{color:#526570}

#worldwideSearch{position:relative;margin:8px 0 12px}#worldwideSearch label{display:block;margin-top:14px;font-size:13px}#worldSearchInput{box-sizing:border-box;width:100%;padding:12px;border:1px solid #9bb0bd;border-radius:5px;font:inherit;margin-top:5px}#worldSearchResults{max-height:260px;overflow-y:auto;list-style:none;padding:0;border:1px solid #9bb0bd;border-radius:5px}#worldSearchResults li{padding:12px;cursor:pointer;font-size:14px;color:#18384c}#worldSearchResults li:hover,#worldSearchResults [aria-selected=true]{background:#e5f1f7}#worldwideSearch .world-credit{font-size:12px;color:#526570;line-height:1.6}
.breadcrumbs a{text-decoration:underline}
[hidden]{display:none!important}
.weather-live{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid #dbe4e9;border-radius:10px;background:#f5f8fa;margin:18px 0;color:#263f51}
.weather-live .weather-info{flex:1;min-width:0}.weather-info #weatherStatus{font-size:12px;line-height:1.5;margin-top:5px}.weather-info a{font-size:12px;color:#245f78}.weather-controls{display:flex;gap:6px;flex-wrap:wrap}.weather-live .weather-temperature{min-width:54px;font-size:25px}.location-note{font-size:12px;line-height:1.6;color:#526979;margin-bottom:10px}.location-note p{max-width:75ch}.selectors{flex-wrap:wrap}.selectors>div{min-width:0}.clock-panel[data-phase=unknown]{background:#eff4f7}.clock-panel[data-phase=unknown] #phaseLabel{color:#445e6c}
.directory-filter input{max-width:100%}button:disabled{cursor:default}
@media(max-width:600px){.weather-live{flex-wrap:wrap;padding:14px}.weather-controls{width:100%}.weather-live .weather-info{width:65%}.location-note{font-size:12px}}