.city-hero-section{text-align:center;padding:2.5rem 0 3rem}.city-breadcrumb{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8125rem;display:inline-flex}.city-breadcrumb a{color:var(--accent-blue);text-decoration:none}.city-location-title{color:var(--text-secondary);margin-bottom:.5rem;font-size:clamp(1.25rem,4vw,2rem);font-weight:700}.city-location-title strong{color:var(--text-primary);font-weight:900}.city-clock-box{margin:1rem 0}.city-giant-clock{letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:clamp(3.75rem,16vw,8rem);font-weight:900;line-height:1;display:inline-block}.city-date-display{color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(1.05rem,3vw,1.35rem);font-weight:600}.city-tz-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);text-align:left;border-radius:1rem;max-width:720px;margin:2rem auto;padding:1.5rem}.tz-header-wrap{align-items:baseline;gap:.75rem;margin-bottom:.25rem;display:flex}.tz-large-offset{color:var(--text-primary);letter-spacing:-.02em;font-size:2.25rem;font-weight:900}.tz-full-name{color:var(--accent-blue);font-size:1.125rem;font-weight:700}.relative-diff-banner{color:var(--text-primary);background-color:var(--bg-main);border-left:4px solid var(--accent-blue);border-radius:0 .5rem .5rem 0;align-items:center;gap:.5rem;margin:.75rem 0 1.25rem;padding:.625rem .875rem;font-size:1.05rem;font-weight:600;display:flex}.relative-diff-icon{width:1.25rem;height:1.25rem;color:var(--accent-blue);flex-shrink:0}.country-link-subtle{color:inherit;text-decoration:underline dotted var(--accent-blue)}.dst-cards-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}.dst-card{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex}.dst-date-box{background-color:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:.5rem;min-width:4rem;padding:.5rem .75rem}.dst-date-box .dst-month{text-transform:uppercase;color:var(--accent-blue);font-size:.6875rem;font-weight:700}.dst-date-box .dst-day{color:var(--text-primary);font-size:1.25rem;font-weight:900}.dst-info .dst-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.875rem;font-weight:700}.dst-info .dst-action{color:var(--text-secondary);font-size:.8125rem}.solar-section{text-align:left;max-width:720px;margin:2.5rem auto}.section-label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:700;display:flex}.solar-title-icon{color:#d97706;width:1.25rem;height:1.25rem}.solar-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.solar-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;display:flex}.solar-icon-box{color:#d97706;background-color:#fef3c7;border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.solar-icon{width:1.25rem;height:1.25rem}.solar-meta-title{color:var(--text-muted);font-size:.75rem;font-weight:600}.solar-meta-val{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:800}.time-diff-section{text-align:left;max-width:720px;margin:2.5rem auto}.diff-chart-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:1rem;padding:1.5rem 1rem}.diff-chart-header{margin-bottom:1.5rem;padding:0 .5rem}.diff-chart-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem;font-weight:800}.diff-chart-subtitle{color:var(--text-secondary);font-size:.875rem}.diff-chart-list{flex-direction:column;gap:.375rem;display:flex}.diff-chart-row{border-bottom:1px solid var(--border-color);border-radius:.5rem;grid-template-columns:170px 1fr 1fr;align-items:center;padding:.5rem .625rem;transition:background-color .15s;display:grid}.diff-chart-row:last-child{border-bottom:none}.diff-chart-row:hover{background-color:var(--bg-main)}.diff-city-info-col{flex-direction:column;gap:.15rem;padding-right:.5rem;display:flex}.diff-city-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .15s;overflow:hidden}.diff-city-name:hover{color:var(--accent-blue)}.diff-city-time-badge{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.diff-live-clock{color:var(--text-primary);font-variant-numeric:tabular-nums;background-color:var(--bg-main);border-radius:.25rem;padding:.1rem .35rem;font-weight:800}.diff-live-date{color:var(--text-muted);white-space:nowrap;font-size:.6875rem}.diff-day-indicator{border-radius:.2rem;padding:.05rem .25rem;font-size:.625rem;font-weight:700}.diff-day-yesterday{color:#d97706;background-color:#fef3c7}.diff-day-tomorrow{background-color:var(--accent-blue-subtle);color:var(--accent-blue)}.diff-bar-left-col{border-right:2px solid var(--accent-blue);justify-content:flex-end;align-items:center;gap:.5rem;height:100%;padding-right:.5rem;display:flex}.diff-label-neg{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem;font-weight:700}.diff-bar-neg{height:.875rem;width:var(--bar-w,0%);background:linear-gradient(90deg,#94a3b8,#64748b);border-radius:.25rem;transition:width .3s}.diff-bar-right-col{justify-content:flex-start;align-items:center;gap:.5rem;height:100%;padding-left:.5rem;display:flex}.diff-label-pos{color:var(--accent-blue);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem;font-weight:700}.diff-bar-pos{height:.875rem;width:var(--bar-w,0%);background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:.25rem;transition:width .3s}.diff-label-zero{color:var(--accent-green);padding:0 .5rem;font-size:.75rem;font-weight:700}.related-cities-section{background-color:var(--bg-card);border-top:1px solid var(--border-color);margin-top:3rem;padding:3rem 0}.related-heading{color:var(--text-primary);margin-bottom:.35rem;font-size:1.25rem;font-weight:800}.related-subtitle{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.875rem}.related-pills-wrap{flex-wrap:wrap;gap:.5rem;display:flex}.related-pill{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);border-radius:9999px;padding:.4rem .875rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;box-shadow:0 1px 2px #0000000a}.related-pill:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff;transform:translateY(-1px)}@media (width>=640px){.dst-cards-grid{grid-template-columns:repeat(2,1fr)}.solar-grid{grid-template-columns:repeat(4,1fr)}}