:root{--bg:#f5f7fb;--paper:#fff;--ink:#15233c;--muted:#66768a;--line:#dce4ef;--brand:#4566ec;--soft:#eaf0ff;--dark:#101b31;--green:#087f66}body.dark{--bg:#101827;--paper:#1b2637;--ink:#edf2ff;--muted:#a9b7cc;--line:#344258;--soft:#293657;--dark:#0d1423}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.55}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}.top{background:var(--dark);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 16px #0d1a3214}.topin{max-width:1240px;margin:auto;display:flex;align-items:center;gap:25px;padding:14px 24px}.logo{color:#fff;font-size:22px;font-weight:850;letter-spacing:-.75px;white-space:nowrap}.logo i{display:inline-block;width:25px;height:25px;border:5px solid #7a8dff;border-radius:50%;vertical-align:-5px;margin-right:8px;position:relative}.logo i:before{content:'';position:absolute;width:9px;height:2px;background:#fff;transform:rotate(-40deg);top:5px;left:5px}.navigation{display:flex;gap:18px;flex:1;align-items:center;flex-wrap:wrap}.navigation a{color:#c5d1e7;font-size:13px;font-weight:600}.navigation a:hover{color:#fff}.theme{background:#25334f;color:#fff;border:1px solid #53617b;border-radius:9px;padding:7px 11px}.wrap{max-width:1240px;margin:auto;padding:38px 24px 80px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:24px}.breadcrumbs a{color:var(--muted)}h1{font-size:clamp(32px,4vw,46px);letter-spacing:-1.5px;line-height:1.13;margin:0 0 16px}h2{font-size:23px;letter-spacing:-.6px;margin:0 0 18px}h3{font-size:16px;margin:0 0 9px}.intro{font-size:16px;color:var(--muted);max-width:760px;margin:0 0 24px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:8px 0 28px}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;margin:0 0 12px}.pill{display:inline-block;background:var(--soft);color:var(--brand);border-radius:100px;padding:6px 12px;font-size:12px;font-weight:700;margin:5px 5px 5px 0}.btn{display:inline-block;color:#fff;background:var(--brand);border:0;border-radius:10px;padding:11px 18px;font-weight:750;font-size:14px}.btn:hover{background:#3454d6;color:white;text-decoration:none}.btn.secondary{background:var(--soft);color:var(--brand)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:25px;margin-bottom:24px;box-shadow:0 10px 25px #24395b08}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{display:block;border:1px solid var(--line);border-radius:13px;background:var(--paper);padding:19px;color:var(--ink);transition:transform .15s,border .15s}.tile:hover{text-decoration:none;border-color:#8a9df0;transform:translateY(-2px)}.tile p,.sub{color:var(--muted);font-size:13px;margin:6px 0}.tile strong{font-size:17px}.clocktime{font-size:clamp(25px,3vw,38px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-1.2px;margin:8px 0 4px}.tiny{font-size:12px;color:var(--muted)}.searchwrap{position:relative;max-width:650px}.search{width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:15px 17px;font-size:15px}.results{position:absolute;z-index:5;top:100%;width:100%;background:var(--paper);border:1px solid var(--line);border-radius:10px;max-height:290px;overflow:auto;box-shadow:0 18px 38px #17264224}.results a{display:block;padding:9px 14px;border-bottom:1px solid var(--line);color:var(--ink)}.results a:hover{background:var(--soft);text-decoration:none}.results small{color:var(--muted);display:block}.countries .countrylinks{columns:4;column-gap:25px}.countries .countrylinks a{display:block;padding:4px 0;font-size:14px;break-inside:avoid}.countryregion{scroll-margin-top:100px;margin-bottom:34px}.countryregion h2{padding-bottom:12px;border-bottom:1px solid var(--line)}.itemrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.itemrow:last-child{border:0}.itemrow .left{min-width:0}.itemrow .right{text-align:right;font-variant-numeric:tabular-nums}.itemrow .right strong{font-size:22px}.muted{color:var(--muted)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.table th{color:var(--muted);font-weight:700}.columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:20px}.footer{background:var(--dark);color:#aab8d0;padding:42px 24px}.footin{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer a{color:#cdd8ef;margin:0 12px 0 0}.footer p{font-size:12px}.notice{padding:15px;background:var(--soft);border-radius:12px;color:var(--muted);font-size:13px}.chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.chiprow a{border-radius:99px;border:1px solid var(--line);padding:8px 12px;background:var(--paper);font-size:12px}input[type='date'],input[type='time'],input[type='number']{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:9px}.controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.controls label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.timebar{height:14px;display:flex;border-radius:10px;overflow:hidden;background:var(--soft)}.timebar span{height:100%}.sr{position:absolute;left:-9999px}@media(max-width:850px){.navigation{overflow:auto;flex-wrap:nowrap;white-space:nowrap}.topin{flex-wrap:wrap;gap:10px}.grid,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.countries .countrylinks{columns:3}.columns{grid-template-columns:1fr}}@media(max-width:540px){.wrap{padding:28px 16px 55px}.topin{padding:13px 16px}.grid,.grid.four{grid-template-columns:1fr}.countries .countrylinks{columns:2}.hero{display:block}.panel{padding:19px}.navigation{gap:14px}.clocktime{font-size:29px}}
.skiplink{position:absolute;left:-9999px;top:0;z-index:50;background:white;color:#111;padding:8px}.skiplink:focus{left:10px}.footerlinks{display:flex;max-width:510px;gap:10px;flex-wrap:wrap}.navigation a[aria-current="page"]{color:white}.controls select{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.saved-clock{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:17px;display:grid;gap:7px}.saved-clock button{justify-self:start;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:5px 9px}.visual-timeline{overflow-x:auto}.timeline-city{min-width:620px;margin:20px 0}.timeline-city h3{margin:0 0 8px}.hour-ribbon{display:grid;grid-template-columns:repeat(24,minmax(19px,1fr));gap:2px}.hour-cell{min-height:45px;display:flex;align-items:center;justify-content:center;background:#efe9df;border-radius:4px;color:#514b45;font-size:11px}.hour-cell.working{background:#f6cbb8;color:#6c2e19}.meeting-option{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:11px 0}.compare-out{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-out article{background:var(--soft);padding:20px;border-radius:12px;display:grid;gap:10px}.compare-out strong{font-size:clamp(18px,2.7vw,29px)}.compare-out small,.compare-out span{color:var(--muted)}@media(max-width:720px){.saved-grid{grid-template-columns:1fr}.compare-out{grid-template-columns:1fr}}
.city-map{height:auto;position:relative;overflow:hidden;aspect-ratio:1000/460;border-radius:15px;border:1px solid var(--line);background:#f9efe4}.city-map svg{display:block;width:100%;height:100%}.city-map #map-points{position:absolute;inset:0}.map-marker{position:absolute;transform:translate(-50%,-50%);height:15px;width:15px;background:#f67748;border:3px solid white;box-shadow:0 0 0 2px #f67748;border-radius:50%;cursor:pointer}.map-marker:hover,.map-marker:focus-visible{background:#e36d1e;transform:translate(-50%,-50%) scale(1.45)}#map-selected{margin-top:14px}#map-selected h3{margin-bottom:5px}
.tool-layout{max-width:1240px;margin:0 auto;padding:34px 24px 75px}.tool-intro{margin:8px 0 24px}.tool-intro p{max-width:800px;color:var(--muted)}.tool-picker{display:flex;gap:8px;overflow-x:auto;padding:5px 0 19px;margin-bottom:18px;scrollbar-width:thin}.tool-picker .nav{border:1px solid var(--line);background:var(--paper);color:var(--ink);white-space:nowrap;border-radius:11px;padding:10px 14px;font-size:13px;font-weight:700}.tool-picker .nav.active{background:var(--brand);border-color:var(--brand);color:white}.tool-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}.tool-content{min-height:390px}.tool-content .heading h1{font-size:clamp(26px,3vw,35px)}.tool-content .eyebrow{font-size:11px}.tool-content .heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.tool-content .card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;margin:0 0 16px;box-shadow:0 10px 25px #24395b08}.tool-content .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-content .clocktitle{font-weight:700}.tool-content .muted{font-size:13px}.tool-content .statrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.tool-content .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-content .input{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:10px;max-width:100%}.tool-content .pill,.tool-controls .pill{background:var(--soft);color:var(--brand);border:0;border-radius:8px;padding:9px 12px;font-weight:700}.tool-content .btn.primary{background:var(--brand);color:white}.tool-content .btn{border:1px solid var(--line);border-radius:9px;padding:9px 14px;background:var(--paper);color:var(--ink)}.tool-content .btn.primary{background:var(--brand);color:white}.tool-content .clocktime{font-size:32px}.tool-content .bigdigit{font-size:clamp(42px,8vw,84px);text-align:center;font-variant-numeric:tabular-nums;font-weight:800;margin:28px 0}.tool-content .center{text-align:center}.tool-content .split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.tool-content .sectionbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 13px}.tool-content .metric{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.tool-content .tag{font-size:12px;background:var(--soft);color:var(--brand);border-radius:8px;padding:5px 8px}.tool-content .tablewrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.tool-content table{border-collapse:collapse;min-width:600px;width:100%}.tool-content td,.tool-content th{border-bottom:1px solid var(--line);text-align:left;padding:12px;font-size:13px}.tool-content .calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.tool-content .day{text-align:center;padding:11px 3px}.tool-content .day.weekday{background:var(--soft);font-weight:700}.tool-content .day.today{background:var(--brand);color:white;border-radius:8px}.tool-content .day.blank{opacity:0}.tool-content .timezone-card{display:grid;grid-template-columns:180px 1fr;gap:15px;align-items:center;margin:15px 0}.tool-content .zone-time{font-size:23px;font-weight:800}.tool-content .timeline{display:grid;grid-template-columns:repeat(24,minmax(10px,1fr));gap:2px}.tool-content .hour{height:36px;background:#36486e;border-radius:4px;cursor:pointer}.tool-content .hour.work{background:#bde9d7}.tool-content .hour.selected{outline:3px solid var(--brand)}.tool-content .hour small{display:none}.tool-content .legend{display:flex;gap:15px;font-size:12px;margin:14px 0}.tool-content .dot{display:inline-block;width:10px;height:10px;border-radius:3px;background:#bde9d7}.tool-content .searchwrap{max-width:490px;flex:1;position:relative}.tool-content .searchwrap .input{width:100%}.tool-content .suggest{position:absolute;z-index:15;top:100%;left:0;right:0;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow-y:auto;max-height:270px}.tool-content .suggest button{width:100%;text-align:left;padding:11px;background:var(--paper);color:var(--ink);border:0;border-bottom:1px solid var(--line)}.tool-content .mapgrid{height:280px;border-radius:14px;background:linear-gradient(155deg,#d5e2f6,#aec5e8);position:relative}.tool-content .mapgrid:after{content:'UTC −12 TO UTC +14';position:absolute;top:48%;left:15%;color:#405c96;font-weight:800}.tool-content .controls{display:flex;gap:8px;flex-wrap:wrap}.tool-content .controlcard{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}.tool-content .progress{background:var(--line);border-radius:10px;height:9px}.tool-content .progress>div{background:var(--brand);height:100%}.tool-content .hide{display:none!important}.tool-content .tiny{font-size:12px}.tool-description{line-height:1.65;max-width:850px}.tool-description h2{font-size:20px;margin-top:22px}@media(max-width:820px){.tool-content .grid{grid-template-columns:repeat(2,1fr)}.tool-content .split{grid-template-columns:1fr}}@media(max-width:550px){.tool-layout{padding:23px 16px 55px}.tool-content .grid{grid-template-columns:1fr}.tool-content .timezone-card{grid-template-columns:1fr}.tool-content table{min-width:520px}}
.tool-content > .heading {display:none}
:root{
--color-parchment-cream:#fdf9f4;--color-star-white:#fff;--color-dust-sand:#f9efe4;
--color-moon-silver:#ecedef;--color-shade-ink:#2d2f34;--color-shade-charcoal:#3f434a;
--color-shade-slate:#5e646e;--color-ember-orange:#f67748;
--bg:#fdf9f4;--paper:#fff;--ink:#2d2f34;--muted:#5e646e;--line:#ecedef;
--brand:#e96639;--soft:#f9efe4;--dark:#2d2f34;--green:#479a53;
--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
--shadow-subtle:0 1px 3px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.01)
}
body.dark{--bg:#242320;--paper:#30302e;--ink:#fdf9f4;--muted:#c9c5bf;--line:#494642;--soft:#3a3732;--dark:#fdf9f4;--brand:#f89069}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--sans);letter-spacing:-.012em}
body,button,input,select,textarea{font-family:var(--sans)}
a{color:var(--ink);text-underline-offset:4px}a:hover{color:var(--brand)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f67748;outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;color:var(--ink)}h1{font-size:clamp(38px,5.4vw,64px);line-height:1.17;letter-spacing:-.052em;margin:0 0 22px}h2{font-size:clamp(25px,2.7vw,36px);line-height:1.3;margin:0 0 20px}h3{font-size:21px;line-height:1.35;letter-spacing:-.025em}
p{margin-top:0}.intro{font-size:19px;line-height:1.65;color:var(--muted);max-width:740px}
.wrap,.tool-layout{max-width:1200px;margin:auto;padding:52px 24px 96px}.tool-layout{max-width:1200px;padding:52px 24px 96px}
.top{background:var(--bg);color:var(--ink);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(12px)}
.topin{max-width:1248px;min-height:88px;margin:auto;display:flex;align-items:center;gap:22px;padding:14px 24px}
.top .logo,.footer .logo{display:inline-flex;gap:9px;align-items:center;color:var(--ink);font:700 19px/1.1 var(--sans);letter-spacing:-.075em;text-decoration:none;white-space:nowrap}
.brand-light{font-weight:400}.brand-mark{width:32px;height:32px;border:3px solid #f67748;border-radius:50%;display:inline-grid;place-items:center;position:relative;flex:none}
.brand-mark:before{content:"";display:block;width:11px;height:12px;border-bottom:2px solid var(--ink);border-left:2px solid var(--ink);transform:translate(2px,-2px) rotate(-45deg);border-radius:1px}
.navigation{display:flex;align-items:center;justify-content:center;gap:19px;flex:1;flex-wrap:wrap}
.navigation a{color:var(--ink);font:600 13px/1.5 var(--sans);white-space:nowrap;transition:color .13s ease}.navigation a:hover,.navigation a[aria-current="page"]{color:var(--brand);text-decoration:none}
.header-action{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:700;padding:10px 16px}.header-action:hover{background:#45413e;color:#fff;text-decoration:none}
.theme{width:36px;height:36px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:50%;padding:0;flex:none}
.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:30px}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--brand)}
.eyebrow{color:var(--muted);font:700 11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.17em;margin:0 0 14px}
.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:36px;margin:14px 0 54px}.hero>div:first-child{max-width:820px}
.scribble-word{white-space:nowrap;position:relative;display:inline-block}.scribble-word:after{content:"";position:absolute;left:-3%;bottom:-8%;width:108%;height:26%;border-bottom:4px solid #f67748;border-radius:50%;transform:rotate(-2deg);pointer-events:none}
.pill,.chiprow a,.chiprow button{display:inline-flex;align-items:center;border-radius:9999px;background:var(--soft);color:var(--ink);font-size:13px;font-weight:600;padding:8px 15px;margin:2px;border:1px solid transparent}.chiprow a:hover{background:#f3e4d5;color:var(--ink);text-decoration:none}
.btn,.tool-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 23px;border-radius:999px;border:1px solid transparent;background:#f67748;color:#2d2f34;font:700 14px/1.25 var(--sans);text-decoration:none;box-shadow:none;transition:background .13s,transform .13s}.btn:hover,.tool-content .btn:hover{background:#eb6739;color:#2d2f34;text-decoration:none;transform:translateY(-1px)}
.btn.secondary,.tool-content .btn:not(.primary){background:transparent;border-color:var(--ink);color:var(--ink)}.btn.secondary:hover,.tool-content .btn:not(.primary):hover{background:var(--soft);color:var(--ink)}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:34px;margin-bottom:26px;box-shadow:none}
.wrap>section.panel{margin-top:30px}.wrap>section.panel:nth-of-type(odd){background:var(--soft);border-color:transparent;border-radius:32px;padding:38px}
.grid{gap:16px}.grid.four{gap:14px}.tile{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:23px;color:var(--ink);transition:border-color .13s,transform .13s,box-shadow .13s}.tile:hover{color:var(--ink);border-color:#f67748;transform:translateY(-3px);box-shadow:var(--shadow-subtle)}.tile strong{font:600 19px/1.35 var(--serif);letter-spacing:-.02em}.tile h3{margin:0 0 11px}.tile p{font-size:14px;line-height:1.6;color:var(--muted)}
.clocktime{font-family:var(--sans);font-size:clamp(27px,3.4vw,40px);font-weight:600;letter-spacing:-.06em;color:var(--ink)}
.searchwrap{max-width:690px;margin-top:25px}.search,input[type="text"],input[type="search"],input[type="date"],input[type="time"],input[type="number"],select,.tool-content .input{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;padding:13px 15px;font-size:15px;max-width:100%}.search{width:100%;padding:18px 21px;border-radius:999px;box-shadow:var(--shadow-subtle)}.results{border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-subtle)}.results a:hover{background:var(--soft)}
.itemrow{border-bottom:1px solid var(--line);padding:17px 0}.itemrow .right strong{font-family:var(--sans);font-weight:600;letter-spacing:-.035em}.table td,.table th{border-bottom:1px solid var(--line)}.countries .countrylinks a{color:var(--ink)}.countryregion h2{border-bottom:1px solid var(--line)}
.notice{background:var(--soft);border-radius:16px}.controls{align-items:center}.controls label{font-size:13px}.controls select{border-radius:12px!important}
.tool-intro{margin:4px 0 28px}.tool-intro h1{margin-bottom:14px}.tool-intro p{font-size:18px;line-height:1.6}
.tool-picker{border:0;display:flex;gap:9px;overflow-x:auto;padding:4px 0 23px;margin-bottom:14px}.tool-picker .nav{border-radius:999px;background:var(--soft);color:var(--ink);border:1px solid transparent;padding:10px 15px;white-space:nowrap;font-size:13px;font-weight:600;transition:background .13s}.tool-picker .nav:hover{background:#f3e1d3}.tool-picker .nav.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.tool-controls{margin-bottom:26px;padding:0 2px}.tool-content{min-height:330px}.tool-content .heading h1{font-family:var(--serif);font-size:clamp(28px,3.3vw,42px)}.tool-content .card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:none}.tool-content .grid{gap:16px}.tool-content .pill,.tool-controls .pill{background:var(--soft);color:var(--ink);border-radius:999px;border:1px solid transparent;font-weight:600}.tool-content .btn.primary{background:#f67748;color:#2d2f34;border-color:transparent}.tool-content .btn{border-radius:999px}.tool-content .bigdigit{font-weight:600;letter-spacing:-.055em}.tool-content .clocktime{font-weight:600}.tool-content .tag{background:var(--soft);border-radius:999px}.tool-content .metric{border-color:var(--line)}
.saved-clock{background:var(--soft);border-color:var(--line);border-radius:18px}.saved-clock button{border-radius:999px}.hour-cell{background:#efe9df;color:#514b45;border-radius:4px}.hour-cell.working{background:#f6cbb8;color:#6c2e19}.compare-out article{background:var(--soft);border-radius:18px}.city-map{border-radius:20px;border-color:var(--line);background:#f9efe4}.map-marker{background:#f67748;box-shadow:0 0 0 2px #f67748}
.footer{background:var(--bg);border-top:1px solid var(--line);padding:68px 24px 20px;color:var(--muted)}.footin{display:grid;grid-template-columns:minmax(230px,1.65fr) repeat(3,minmax(120px,1fr));gap:42px;max-width:1200px;margin:0 auto;padding-bottom:56px}
.footer .logo{margin-bottom:22px}.footer-about p{max-width:340px;font-size:14px;line-height:1.7}.footer-about small{font-size:11px;color:var(--muted)}.footer-column{display:flex;flex-direction:column;gap:10px}.footer-column strong{color:var(--ink);font-weight:700;font-size:13px;margin-bottom:9px}.footer-column a{color:var(--muted);font-size:13px;margin:0;line-height:1.55}.footer-column a:hover{color:var(--brand)}.footer-bottom{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:20px 0;display:flex;justify-content:space-between;gap:15px;font-size:12px}.footer-bottom a{color:var(--ink)}
@media (max-width:1100px){.topin{gap:14px}.navigation{gap:13px}.navigation a{font-size:12px}.header-action{display:none}.footin{gap:24px}}
@media (max-width:850px){.topin{flex-wrap:wrap;padding:13px 20px;gap:13px}.navigation{order:3;width:100%;flex:none;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:8px 0 2px;scrollbar-width:thin}.theme{margin-left:auto}.wrap,.tool-layout{padding:37px 20px 72px}.footin{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{margin-bottom:34px}}
@media (max-width:540px){h1{font-size:clamp(35px,10vw,48px)}h2{font-size:26px}.intro{font-size:17px}.wrap,.tool-layout{padding:28px 16px 58px}.panel,.wrap>section.panel:nth-of-type(odd){padding:23px;border-radius:20px}.grid,.grid.four{grid-template-columns:1fr}.footer{padding:46px 16px 15px}.footin{grid-template-columns:1fr 1fr;gap:26px 16px}.footer-about{grid-column:1/-1}.footer-bottom{flex-direction:column}.navigation{gap:16px}.tool-content .split,.compare-out{grid-template-columns:1fr}.tool-content .card{padding:20px}.scribble-word{white-space:normal}}
.hero-visual{background:var(--paper);min-width:330px;max-width:380px;flex:0 0 34%;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow-subtle);padding:24px;margin-top:6px;transform:rotate(.45deg)}
.hero-visual-top{display:flex;align-items:center;gap:8px;letter-spacing:.13em;font-weight:700;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line);padding-bottom:16px}.visual-dot{height:7px;width:7px;border-radius:50%;background:#f67748}.visual-globe{margin-left:auto;font-size:23px;font-weight:400;color:var(--ink)}.hero-clock-primary{padding:19px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.hero-clock-primary span,.hero-clock-mini span{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700}.hero-clock-primary small,.hero-clock-mini small{font-size:11px;color:var(--muted);font-weight:400}.hero-clock-primary strong{font-size:45px;letter-spacing:-.065em;line-height:1.18;font-weight:600}.hero-clock-mini{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:15px 0;border-bottom:1px solid var(--line)}.hero-clock-mini span{flex-direction:column;align-items:flex-start}.hero-clock-mini strong{font-size:24px;letter-spacing:-.055em;font-weight:600}.hero-clock-link{display:block;padding-top:21px;font-size:13px;font-weight:700;text-decoration:none}
@media(max-width:850px){.hero{flex-direction:column}.hero-visual{width:100%;max-width:530px;min-width:0;flex:auto;transform:none}}
.mobile-nav-heading,.mobile-nav-icon,.mobile-nav-cta,.mobile-nav-note,.menu-toggle,.mobile-nav-backdrop{display:none}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.menu-toggle{font-family:var(--sans);align-items:center;justify-content:center;gap:8px;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:10px 12px;border-radius:999px;font-size:13px;font-weight:650;min-height:44px}
.mobile-close{height:44px;width:44px;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);border-radius:999px;color:var(--ink)}
@media(max-width:1050px){
.topin{min-height:72px;flex-wrap:nowrap!important;gap:10px;justify-content:space-between;padding:10px 20px}
.top .logo{font-size:19px;min-width:0}
.top .brand-mark{width:31px;height:31px}
.header-action{display:none!important}
.header-actions{margin-left:auto;gap:9px}
.theme{height:44px;width:44px;min-width:44px;order:0;margin:0!important}
.menu-toggle{display:inline-flex;order:1}
.mobile-nav-backdrop:not([hidden]){position:fixed;inset:0;z-index:89;display:block;background:rgba(23,22,21,.48);backdrop-filter:blur(2px)}
body.menu-open{overflow:hidden}
.navigation{position:fixed!important;top:0;right:0;bottom:0;width:min(390px,90vw);height:100dvh;z-index:90;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:3px!important;flex:none!important;flex-wrap:nowrap!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;background:var(--bg);border-left:1px solid var(--line);padding:17px 17px max(25px,env(safe-area-inset-bottom));box-shadow:-10px 0 50px rgba(0,0,0,.08);transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility .22s;white-space:normal;scrollbar-width:auto}
body.menu-open .navigation{transform:translateX(0);visibility:visible}
.mobile-nav-heading{display:flex;justify-content:space-between;align-items:center;margin:1px 0 17px;padding:3px 3px 17px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.03em}
.navigation>a:not(.mobile-nav-cta){padding:13px 13px;min-height:50px;display:flex;align-items:center;gap:14px;border-radius:14px;color:var(--ink);font-size:15px!important;font-weight:650;white-space:normal;line-height:1.35;text-decoration:none}
.navigation>a:not(.mobile-nav-cta):hover,.navigation>a[aria-current="page"]:not(.mobile-nav-cta){background:var(--soft);color:var(--ink)}
.mobile-nav-icon{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:10px;background:var(--soft);color:var(--ink);font-size:20px;flex:none;font-weight:500}
.mobile-nav-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:13px 19px;margin-top:18px;border-radius:999px;background:#f67748;color:#2d2f34!important;font-size:14px!important;font-weight:750;text-decoration:none}
.mobile-nav-cta:hover{background:#ed6d3f;text-decoration:none}
.mobile-nav-note{display:block;margin-top:auto;padding:22px 4px 2px;color:var(--muted);font-size:12px;line-height:1.5}
}
@media(max-width:440px){.topin{padding:10px 14px}.top .logo{font-size:17px}.top .brand-mark{width:29px;height:29px}.header-actions{gap:6px}.menu-toggle{padding:9px 12px}.menu-toggle span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.navigation{transition:none!important}}
:where(.tile,.panel,.hero-visual){overflow-wrap:break-word}
img,svg{max-width:100%}
:where(.tool-content,.wrap){min-width:0}

/* Mobile navigation v3: functional without JavaScript. The checkbox precedes the navigation and overlay. */
.mobile-menu-state{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.mobile-nav-backdrop{display:none}
@media(max-width:1050px){
#mobile-menu-state:checked ~ .navigation{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
#mobile-menu-state:checked ~ .mobile-nav-backdrop{display:block!important;position:fixed;inset:0;z-index:89;background:rgba(23,22,21,.48);backdrop-filter:blur(2px)}
#mobile-menu-state:focus-visible ~ .header-actions .menu-toggle{outline:3px solid #f67748;outline-offset:3px}
.navigation{pointer-events:none}
#mobile-menu-state:checked ~ .navigation{pointer-events:auto}
}
@media(min-width:1051px){.mobile-menu-state{display:none}}
body:has(#mobile-menu-state:checked){overflow:hidden}

/* Override legacy backdrop rule that displayed any element without [hidden]. */
@media(max-width:1050px){.mobile-nav-backdrop:not([hidden]){display:none}#mobile-menu-state:checked ~ .mobile-nav-backdrop:not([hidden]){display:block}}

/* v4.2: navigation pointer interaction only limited while mobile panel is closed. */
@media(min-width:1051px){.navigation{pointer-events:auto!important}}
@media(max-width:1050px){.mobile-menu-state:checked~.navigation{pointer-events:auto!important}}
/* Check Time Zone, phases 3-5: cream-paper product design. Shared with all PHP pages. */
:root{--ctz-ember:#f67748;--ctz-cream:#fdf9f4;--ctz-sand:#f9efe4;--ctz-ink:#2d2f34;--ctz-slate:#5e646e;--ctz-stroke:#ecedef}
.ctz-quick,.ctz-advanced-planner,.ctz-scrubber{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,34px);margin:0 0 38px;box-shadow:0 2px 12px rgba(0,0,0,.035)}
.ctz-quick{background:var(--soft);box-shadow:none;margin:0 0 62px}
.ctz-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin:0 0 24px}
.ctz-section-heading h2{font:500 clamp(26px,3vw,37px)/1.2 var(--serif,Georgia,serif);letter-spacing:-.035em;margin:0 0 8px}
.ctz-section-heading p{margin:0;max-width:650px;color:var(--muted)}
.ctz-section-heading .eyebrow{font:700 11px/1.5 var(--sans,system-ui);letter-spacing:.13em;color:var(--muted);margin:0 0 7px}
.inline-link{color:var(--ink);font-weight:650;text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:4px}
.ctz-quick-form{display:grid;grid-template-columns:1fr 1fr minmax(210px,1fr) auto;align-items:end;gap:12px}
.ctz-quick-form label,.ctz-scrub-inputs label,.ctz-planner-settings label,.ctz-person-row label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:var(--muted)}
.ctz-quick :is(input,select),.ctz-scrubber :is(input,select),.ctz-advanced-planner :is(input,select){display:block;width:100%;min-width:0;min-height:48px;border:1px solid #d9dde6;border-radius:13px;padding:11px 12px;background:var(--paper);color:var(--ink);font:500 14px/1.4 var(--sans,system-ui);outline-offset:3px}
.ctz-quick :is(input,select):focus-visible,.ctz-scrubber :is(input,select):focus-visible,.ctz-advanced-planner :is(input,select):focus-visible{outline:2px solid var(--brand);border-color:var(--brand)}
.ctz-quick .btn,.ctz-scrubber .btn,.ctz-advanced-planner .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;line-height:1.3;text-align:center}
.ctz-quick-result{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin-top:18px;min-height:96px}
.ctz-compare-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.ctz-compare-display article{min-width:0;display:flex;flex-direction:column;gap:5px}
.ctz-compare-display article+article{border-left:1px solid var(--line);padding-left:20px}
.ctz-compare-display small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.ctz-compare-display strong{font:600 clamp(25px,3.2vw,42px)/1.16 var(--sans,system-ui);letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--ink)}
.ctz-compare-display span{font-size:12px;color:var(--muted)}
.ctz-inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.ctz-inline-actions .btn{font-size:13px;min-height:40px;padding:10px 15px}
.ctz-quick> .tiny{margin-top:12px}
.ctz-country-search{position:sticky;top:76px;z-index:30;width:100%;max-width:none;min-width:0;background:var(--bg);padding:16px 20px;margin:12px 0 24px;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 22px rgba(45,47,52,.06);isolation:isolate}
.ctz-country-search label{font-weight:700;font-size:14px;display:block;margin-bottom:8px}
.ctz-country-search input{display:block;width:100%;max-width:680px;min-width:0;min-height:48px;padding:11px 17px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink)}
.ctz-country-search .tiny{margin:7px 3px 0}
.countryregion[hidden],.countrylinks a[hidden]{display:none!important}
.ctz-tool-tip{background:var(--soft);padding:14px 18px;border-radius:14px;border:1px solid var(--line);font-size:14px;color:var(--muted)}
.tool-directory{position:relative;margin:12px 0 24px;border-radius:16px;border:1px solid var(--line);background:var(--paper);max-width:100%}
.tool-directory summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;font-weight:650;list-style:none;min-height:52px}
.tool-directory summary::-webkit-details-marker{display:none}
.tool-directory summary span{font-size:24px;font-weight:400;line-height:1}
.tool-directory[open] summary span{transform:rotate(45deg)}
.tool-directory-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 16px 17px;border-top:1px solid var(--line)}
.tool-directory-links a{display:flex;align-items:center;border-radius:12px;background:var(--soft);padding:10px 12px;min-height:43px;font-size:13px;font-weight:550;text-decoration:none;color:var(--ink)}
.tool-directory-links a:hover,.tool-directory-links a[aria-current=page]{background:var(--ink);color:var(--bg)}
.ctz-advanced-planner{margin-top:18px}
.ctz-planner-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:26px}
.ctz-planner-people{padding:22px;background:var(--soft);border-radius:20px;margin-bottom:22px}
.ctz-people-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.ctz-people-heading h3{font-size:17px;font-weight:650;margin:0}
.ctz-person-row{display:flex;align-items:end;gap:10px;margin:8px 0}
.ctz-person-row label{flex:1}
.ctz-remove{min-height:46px;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:8px 14px;color:var(--muted);font-size:13px}
.ctz-remove:disabled{opacity:.35;cursor:not-allowed}
.ctz-plan-results{margin-top:26px;display:grid;gap:12px}
.ctz-plan-results>h3{margin:0;font:500 24px/1.3 var(--serif,Georgia,serif)}
.ctz-slot{border:1px solid var(--line);padding:20px;border-radius:18px;background:var(--paper)}
.ctz-slot-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid var(--line)}
.ctz-slot-head strong{font-size:18px}
.ctz-status{display:inline-flex;border:1px solid var(--line);padding:5px 11px;border-radius:999px;font-weight:600;font-size:12px;color:var(--muted)}
.ctz-status.is-good{background:var(--soft);color:var(--ink)}
.ctz-slot-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}
.ctz-slot-times>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:7px 0}
.ctz-slot-times span{color:var(--muted);font-size:13px}
.ctz-slot-times b{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ctz-after-hours{background:var(--soft);border-radius:6px;padding-inline:6px!important}
.ctz-after-hours:before{content:'!';font-weight:700;margin-right:5px;color:#bd522e}
.ctz-dst-notice{font-size:13px;line-height:1.6;color:var(--muted)}
.ctz-dst-notice p{padding:13px 17px;border:1px solid var(--line);background:var(--soft);border-radius:14px}
.ctz-scrub-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ctz-slider-label{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;margin:25px 0 12px}
.ctz-slider-label output{font-size:24px;letter-spacing:-.05em;color:var(--ink);font-variant-numeric:tabular-nums}
.ctz-scrub-range{accent-color:var(--brand);width:100%;height:34px;padding:0!important;border:0!important;background:transparent!important;cursor:ew-resize}
.ctz-timeline-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:-5px 0 8px}
.ctz-business-indicator{display:block;margin-top:10px;font-size:12px;color:var(--muted);background:var(--soft);padding:9px 12px;border-radius:12px}
.ctz-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}
.ctz-facts>div{background:var(--soft);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:5px;min-width:0}
.ctz-facts small{color:var(--muted);font-size:12px}
.ctz-facts strong{font-size:25px;line-height:1.2;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.ctz-facts span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.ctz-facts code{font-size:12px}
.ctz-related{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}
.ctz-related .btn{min-height:44px;font-size:13px;display:inline-flex;align-items:center}
.ctz-comparison-guide,.ctz-location-guide{margin-top:24px}
:is(.ctz-quick,.ctz-advanced-planner,.ctz-scrubber,.tool-directory) :focus-visible{outline:3px solid var(--brand);outline-offset:3px}
@media(max-width:950px){.ctz-quick-form{grid-template-columns:repeat(2,minmax(0,1fr))}.ctz-quick-form>button{width:100%}.tool-directory-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.ctz-quick,.ctz-advanced-planner,.ctz-scrubber{padding:20px 16px;border-radius:20px;margin-bottom:24px}.ctz-quick-form,.ctz-planner-settings,.ctz-scrub-inputs{grid-template-columns:1fr}.ctz-compare-display{grid-template-columns:1fr}.ctz-compare-display article+article{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.ctz-slot-times{grid-template-columns:1fr}.ctz-people-heading{align-items:start}.ctz-people-heading .btn{font-size:12px;padding:8px 11px}.ctz-planner-people{padding:14px}.tool-directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}.ctz-facts{grid-template-columns:1fr}.ctz-country-search{top:66px;padding:14px 15px;border-radius:15px}.ctz-person-row .ctz-remove{padding:9px 8px;font-size:12px}.ctz-section-heading h2{font-size:28px}.ctz-quick-result{padding:14px}.ctz-plan-results .btn{flex:1}.ctz-quick-form>button{width:100%}}
@media(prefers-reduced-motion:reduce){.ctz-scrub-range{scroll-behavior:auto}}

/* Homepage grid: show the working converter before the reference clock on narrow screens. */
.ctz-home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"intro clock" "quick quick";align-items:start;gap:42px 32px}
.ctz-home-hero>div:first-child{grid-area:intro;max-width:none}
.ctz-home-hero>.hero-visual{grid-area:clock;min-width:0;max-width:none;width:100%;margin:0;transform:none;flex:none}
.ctz-home-hero>.ctz-quick{grid-area:quick;margin:0}
@media(max-width:850px){.ctz-home-hero{grid-template-columns:1fr;grid-template-areas:"intro" "quick" "clock";gap:25px}.ctz-home-hero>.hero-visual{max-width:600px}.ctz-home-hero>.ctz-quick{margin:0}}

/* Search results are link-based and keyboard accessible. */
.searchwrap .results a:focus-visible{outline:2px solid var(--brand);outline-offset:-3px;background:var(--soft)}
.searchwrap .results a strong{display:block;font-size:14px;color:var(--ink)}
.searchwrap .results>p{padding:10px 16px;margin:0}

/* v5.2 design restoration: predictable responsive columns and safe fluid sizing. */
html,body{max-width:100%}body{margin:0;overflow-x:clip}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.tile{min-width:0;text-decoration:none}.panel{margin-bottom:28px}
.ctz-home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);grid-template-areas:"intro clock" "quick quick";align-items:start;gap:42px 32px}
.ctz-home-hero>div:first-child{grid-area:intro;max-width:none}
.ctz-home-hero>.hero-visual{grid-area:clock;min-width:0;width:100%;max-width:none;margin:0;transform:none;flex:none}
.ctz-home-hero>.ctz-quick{grid-area:quick;margin:0;width:100%}
@media(max-width:1050px){.navigation{pointer-events:none}.mobile-menu-state:checked~.navigation{pointer-events:auto}}
@media(max-width:900px){.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.ctz-home-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "quick" "clock";gap:24px}.ctz-home-hero>.hero-visual{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.grid,.grid.four{grid-template-columns:minmax(0,1fr)}.ctz-quick-form{grid-template-columns:minmax(0,1fr)}.ctz-quick{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Phase 3-5: explicit feature entry points and country navigation (v6) */
.ctz-release-hub{margin:58px 0 54px;padding:35px;border-radius:28px;background:var(--soft);border:1px solid var(--line)}
.ctz-hub-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.ctz-hub-heading .eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--muted);margin:0 0 8px}
.ctz-hub-heading h2{font:500 clamp(27px,3.2vw,39px)/1.18 var(--serif,Georgia,serif);letter-spacing:-.035em;margin:0 0 10px;color:var(--ink)}
.ctz-hub-heading p{color:var(--muted);margin:0}
.ctz-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ctz-hub-tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:24px;border-radius:19px;background:var(--paper);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.ctz-hub-tile:hover,.ctz-hub-tile:focus-visible{border-color:var(--brand);transform:translateY(-2px);text-decoration:none}
.ctz-hub-tile strong{font-size:19px;letter-spacing:-.025em}
.ctz-hub-tile>span:not(.ctz-hub-icon){font-size:14px;line-height:1.6;color:var(--muted);flex:1}
.ctz-hub-tile em{font-size:13px;font-style:normal;font-weight:700;color:var(--ink)}
.ctz-hub-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:var(--soft);color:var(--ink);font-size:24px}
.ctz-alpha{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}
.ctz-alpha a{border-radius:999px;background:var(--soft);border:1px solid var(--line);padding:8px 14px;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}
.ctz-alpha a:hover,.ctz-alpha a:focus-visible{border-color:var(--brand)}
@media(max-width:850px){.ctz-hub-grid{grid-template-columns:1fr}.ctz-release-hub{margin:35px 0;padding:22px;border-radius:22px}.ctz-hub-tile{padding:20px}.ctz-hub-heading h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.ctz-hub-tile{transition:none}.ctz-hub-tile:hover{transform:none}}
/* Keep the closed off-canvas menu out of mobile layout calculations. */
@media(max-width:1050px){.mobile-menu-state:not(:checked)~.navigation{display:none!important}.mobile-menu-state:checked~.navigation{display:flex!important;transform:translateX(0)!important;visibility:visible!important}}
/* World Clock dedicated page v6.1 — scoped to avoid global regressions. */
.world-clock-page{--wc-border:#e8e1d9;--wc-dust:#f9efe4;--wc-ink:#2d2f34}.world-clock-page .wc-head{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,.8fr);gap:30px;align-items:center;margin:24px 0 34px}.world-clock-page .wc-head h1{margin:7px 0 14px}.world-clock-page .wc-head .intro{max-width:650px}.world-clock-page .wc-now{background:var(--paper,#fff);border:1px solid var(--wc-border);padding:25px 28px;border-radius:23px;display:grid;gap:6px}.world-clock-page .wc-now>span{font-size:12px;letter-spacing:.1em;color:var(--muted);font-weight:700}.world-clock-page .wc-now strong{font-size:clamp(30px,3.5vw,48px);line-height:1.1;color:var(--ink)}.world-clock-page .wc-now small{color:var(--muted)}.world-clock-page .wc-panel{background:var(--paper,#fff);border:1px solid var(--wc-border);border-radius:30px;padding:clamp(18px,3vw,35px);margin:28px 0 50px}.world-clock-page .wc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px}.world-clock-page .wc-toolbar h2{margin:0 0 4px}.world-clock-page .wc-toolbar p{margin:0;color:var(--muted);font-size:14px}.world-clock-page .wc-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.world-clock-page .wc-switch{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:14px}.world-clock-page .wc-switch input{width:18px;height:18px;accent-color:#f67748}.world-clock-page .wc-outline{background:transparent;border:1px solid var(--line);border-radius:999px;padding:11px 17px;color:var(--ink);cursor:pointer}.world-clock-page .wc-add-row{display:flex;align-items:end;gap:12px;margin-bottom:8px;max-width:780px}.world-clock-page .wc-lookup{flex:1;min-width:0;position:relative}.world-clock-page .wc-lookup label{display:block;font-size:14px;font-weight:650;margin-bottom:8px}.world-clock-page .wc-lookup input{width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;font-size:15px}.world-clock-page .wc-lookup p{font-size:12px;color:var(--muted);margin:6px 0 0}.world-clock-page .wc-primary{border:0;border-radius:999px;padding:13px 23px;min-height:48px;cursor:pointer;background:#f67748;color:#2d2f34;font-weight:700;white-space:nowrap}.world-clock-page .wc-primary:disabled{opacity:.45;cursor:not-allowed}.world-clock-page .wc-suggestions{position:absolute;z-index:20;left:0;right:0;top:calc(100% - 16px);max-height:260px;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.12)}.world-clock-page .wc-suggestions[hidden]{display:none!important}.world-clock-page .wc-suggestions button{display:block;width:100%;padding:12px 15px;border:0;border-bottom:1px solid var(--line);background:var(--paper);text-align:left;color:var(--ink);cursor:pointer;font-size:13px}.world-clock-page .wc-suggestions button:hover,.world-clock-page .wc-suggestions button:focus{background:var(--soft)}.world-clock-page .wc-notice{min-height:22px;color:var(--muted);font-size:13px}.world-clock-page .wc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.world-clock-page .wc-card{min-width:0;background:var(--bg);border:1px solid var(--wc-border);border-radius:22px;padding:23px}.world-clock-page .wc-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.world-clock-page .wc-card h3{font-family:var(--sans,system-ui);font-size:20px;margin:0 0 3px}.world-clock-page .wc-card-top p{color:var(--muted);margin:0;font-size:13px}.world-clock-page .wc-offset{font-size:12px;background:var(--wc-dust);color:#3f434a;padding:7px 9px;border-radius:999px;white-space:nowrap}.world-clock-page .wc-time{display:block;font-size:clamp(27px,3vw,39px);letter-spacing:-.055em;line-height:1.2;margin:22px 0 4px;color:var(--ink);font-variant-numeric:tabular-nums}.world-clock-page .wc-date{margin:0 0 9px;color:var(--muted);font-size:14px}.world-clock-page .wc-detail{font-size:12px;color:var(--muted);overflow-wrap:anywhere;min-height:33px}.world-clock-page .wc-card-actions{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--wc-border);padding-top:15px;margin-top:16px}.world-clock-page .wc-card-actions button,.world-clock-page .wc-card-actions a{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:7px 10px;font-size:12px;cursor:pointer;text-decoration:none}.world-clock-page .wc-card-actions button:disabled{opacity:.35;cursor:default}.world-clock-page .wc-card-actions a{background:var(--wc-dust)}.world-clock-page .wc-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:54px 0}.world-clock-page .wc-info-card{padding:25px;background:var(--soft);border-radius:25px}.world-clock-page .wc-info-card h2{font-size:23px}.world-clock-page .wc-info-card p{font-size:15px;color:var(--muted)}.world-clock-page .wc-guide{margin:55px 0}.world-clock-page .wc-guide details{border-bottom:1px solid var(--line);padding:18px 0}.world-clock-page .wc-guide summary{cursor:pointer;font-weight:650}.world-clock-page .wc-guide details p{color:var(--muted)}.world-clock-page :is(button,input,a,summary):focus-visible{outline:3px solid #f67748;outline-offset:3px}body.dark .world-clock-page{--wc-border:var(--line);--wc-dust:var(--soft)}body.dark .world-clock-page .wc-offset{color:var(--ink)}
@media(max-width:1000px){.world-clock-page .wc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-clock-page .wc-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:690px){.world-clock-page .wc-head{grid-template-columns:1fr;gap:15px}.world-clock-page .wc-panel{border-radius:21px}.world-clock-page .wc-grid,.world-clock-page .wc-info-grid{grid-template-columns:1fr}.world-clock-page .wc-add-row{align-items:stretch;flex-direction:column}.world-clock-page .wc-primary{width:100%}.world-clock-page .wc-card{padding:20px}}

/* Clock consistency v6.2: targeted layout rules; keep global styles untouched. */
.hero-clock-primary strong[data-visitor-clock]{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(26px,4vw,45px);letter-spacing:-.045em;max-width:100%;}
.hero-visual{min-width:0}.hero-clock-primary{min-width:0}
.ctz-clock-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0 0;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ctz-clock-segments{display:flex;align-items:center;gap:3px;padding:3px;border-radius:999px;border:1px solid var(--line);background:var(--soft)}
.ctz-clock-segments button{appearance:none;border:0;border-radius:999px;background:transparent;color:var(--ink);font-size:12px;padding:7px 11px;cursor:pointer;min-height:34px}
.ctz-clock-segments button[aria-pressed="true"]{background:var(--ink);color:var(--paper);font-weight:700}
.ctz-clock-segments button:focus-visible{outline:2px solid #f67748;outline-offset:2px}
.world-clock-page .wc-now{min-width:0;overflow:hidden;gap:13px}
.world-clock-page .wc-now-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750;letter-spacing:.13em;color:var(--muted)}
.world-clock-page #wc-local-time{display:flex;align-items:baseline;flex-wrap:nowrap;white-space:nowrap;gap:.25em;width:100%;font-family:var(--sans,system-ui);font-size:clamp(25px,2.55vw,35px);font-variant-numeric:tabular-nums;letter-spacing:-.05em;line-height:1.2;font-weight:700}
.world-clock-page #wc-local-time .wc-local-digits{min-width:0;white-space:nowrap}
.world-clock-page #wc-local-time .wc-local-period{white-space:nowrap;font-size:.56em;letter-spacing:0;font-weight:650}
.world-clock-page .wc-now small{overflow-wrap:anywhere}
.world-clock-page .wc-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(23px,2.55vw,36px)}
@media(max-width:690px){.world-clock-page #wc-local-time{font-size:clamp(25px,8vw,39px)}.hero-clock-primary strong[data-visitor-clock]{font-size:clamp(27px,8vw,43px)}}
@media(max-width:360px){.world-clock-page #wc-local-time{font-size:26px}.hero-clock-primary strong[data-visitor-clock]{font-size:27px}}

@media (min-width:651px) and (max-width:1050px){.ctz-country-search{top:72px}}
@media (max-width:650px){.ctz-country-search{box-shadow:0 5px 16px rgba(45,47,52,.06)}.ctz-country-search label{font-size:13px}.ctz-country-search input{font-size:16px}}