/* US time-zone board (homepage) — scoped .tz- */
.tz{background:var(--navy-xdk);color:#fff;position:relative;border-top:3px solid var(--gold);padding:64px 0 60px;overflow:hidden}
.tz::before{content:'';position:absolute;inset:0;background:radial-gradient(900px 340px at 85% -10%,rgba(200,168,75,.13),transparent 70%),repeating-linear-gradient(90deg,transparent 0 calc(100%/8 - 1px),rgba(255,255,255,.035) calc(100%/8 - 1px) calc(100%/8));pointer-events:none}
.tz-in{position:relative}
.tz-head{display:grid;grid-template-columns:1.3fr 1fr;gap:12px 48px;align-items:end;margin-bottom:34px}
.tz-head h2{font-family:var(--font-d);font-weight:400;font-size:clamp(2.1rem,4vw,3.2rem);line-height:1;letter-spacing:1.4px;margin:0;color:#fff}
.tz-head h2 em{font-style:normal;color:var(--gold-lt)}
.tz-head p{margin:0;color:rgba(255,255,255,.72);font-size:15px;line-height:1.6;max-width:46ch}
.tz-me{grid-column:1/-1;font:500 12.5px/1.4 var(--font-m);color:rgba(255,255,255,.55)}
.tz-me b{color:var(--gold-lt);font-weight:600}

.tz-board{display:grid;grid-template-columns:230px 1fr;column-gap:26px;row-gap:0}
.tz-row{display:contents}
.tz-lab{padding:15px 0;border-top:1px solid var(--line-dk);display:flex;align-items:center;gap:14px;min-width:0}
.tz-clock{font-family:var(--font-d);font-size:2.35rem;line-height:1;letter-spacing:1px;min-width:104px;white-space:nowrap}
.tz-clock small{font-family:var(--font-m);font-size:11px;letter-spacing:0;color:rgba(255,255,255,.55);margin-left:3px}
.tz-clock .c{animation:tzb 1s steps(1) infinite}
@keyframes tzb{50%{opacity:.25}}
.tz-name{font-weight:700;font-size:14px;line-height:1.2}
.tz-name span{display:block;font-weight:400;font-size:12px;color:rgba(255,255,255,.5);margin-top:3px}
.tz-name .tz-you{display:none;margin:0 0 0 6px;font:600 10.5px var(--font-m);background:var(--gold);color:var(--navy-xdk);padding:1px 6px;border-radius:99px;vertical-align:middle}
.tz-row.me .tz-name .tz-you{display:inline-block}
.tz-trk{position:relative;padding:15px 0;border-top:1px solid var(--line-dk);min-height:74px}
.tz-bar{position:absolute;top:15px;height:30px;border-radius:5px;display:flex;align-items:center;padding:0 10px;font:600 11.5px var(--font-m);white-space:nowrap;overflow:hidden}
.tz-bar.b{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);color:#fff}
.tz-bar.d{background:linear-gradient(90deg,var(--gold),var(--gold-lt));color:var(--navy-xdk)}
.tz-row.open .tz-bar.b{background:rgba(74,222,128,.16);border-color:rgba(74,222,128,.7)}
.tz-st{position:absolute;left:0;right:0;top:51px;font-size:12.5px;color:rgba(255,255,255,.62)}
.tz-st i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6B7689;margin-right:7px;vertical-align:middle}
.tz-row.open .tz-st i{background:var(--green-lt);box-shadow:0 0 0 3px rgba(74,222,128,.2)}
.tz-st b{color:#fff;font-weight:600}
.tz-now{position:absolute;top:6px;bottom:-1px;width:2px;background:var(--red-br);z-index:2;transition:left .6s ease}
.tz-now::before{content:'';position:absolute;top:-2px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--red-br)}
.tz-axis{grid-column:2;position:relative;height:30px;border-top:1px solid var(--line-dk);margin-top:0}
.tz-axis span{position:absolute;top:9px;transform:translateX(-50%);font:500 11px var(--font-m);color:rgba(255,255,255,.45)}
.tz-axis span:first-child{transform:none}.tz-axis span:last-child{transform:translateX(-100%)}
.tz-foot{margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.55}
.tz-foot a{color:var(--gold-lt);text-decoration:underline;text-underline-offset:3px}
.tz-desk .tz-clock{font-size:1.5rem;line-height:1.05;color:var(--gold-lt);white-space:normal}
.tz-desk.open .tz-clock{color:var(--green-lt)}
@media(max-width:820px){
  .tz{padding:48px 0 44px}
  .tz-head{grid-template-columns:1fr}
  .tz-board{grid-template-columns:1fr}
  .tz-lab{padding:16px 0 0;border-top:1px solid var(--line-dk)}
  .tz-trk{border-top:0;padding-top:12px;min-height:82px}
  .tz-bar{top:12px}.tz-st{top:48px}
  .tz-now{top:3px}
  .tz-axis{grid-column:1}
  .tz-bar{font-size:10.5px;padding:0 7px}
}
@media(prefers-reduced-motion:reduce){.tz-clock .c{animation:none}.tz-now{transition:none}}