/* Layout rhythm: sections -15%, card interiors -8 to -16%; type is set in rem. */
.city-page{font-size:1.125rem}
.city-page .section{margin-bottom:66px}.city-page .section-heading{margin-bottom:22px}.city-page .body-layout{padding-top:50px;column-gap:41px}
.city-page .panel{padding:24px}.city-page .panel-title{margin-bottom:24px}.city-page .converter-strip{padding:21px;gap:12px}
.city-page .transport-row{padding:27px;gap:37px}.city-page .transport-links a{padding:16px 0}.city-page .transport-intro h3{margin:10px 0}.city-page .transport-intro p{line-height:1.8}
.city-page .essentials-grid>div{padding:21px}.city-page .essentials-grid strong{margin:6px 0}
.city-page .city-cards{gap:23px}.city-page .city-card>div{padding:18px 21px}.city-page .city-card strong{margin-top:11px;line-height:1.5}.city-page .city-card-date{line-height:1.5}.city-page .card-action{margin-top:14px;padding-top:12px}
.city-page .faq-list details{padding:18px 3px}.city-page .guide-section{padding-top:51px}.city-page .guide-header{padding-bottom:32px}.city-page .guide-layout{margin-top:36px;gap:38px}.city-page .longform{font-size:1.0625rem;line-height:1.9}.city-page .longform p{margin-bottom:17px}.city-page .longform h3{margin-top:44px;margin-bottom:16px}.city-page .article-callout{padding:19px 21px;margin:24px 0}.city-page .tool-grid{padding:24px 0}.city-page .photo-articles>a>div{padding:18px}
/* SVG viewports have one uniform scale, with tight source bounds for each homepage icon. */
.city-page .asset-icon>svg{display:block;width:100%;height:100%;flex:none;overflow:hidden;aspect-ratio:1;object-fit:contain}
.city-page .section-heading h2 .asset-icon{--icon-size:40px!important}.city-page .transport-intro>.asset-icon{--icon-size:52px!important}
/* White translucent glass with soft edges; search and weather share the same width. */
.city-page .hero-side{align-items:stretch;width:100%}.city-page .hero-weather,.city-page .hero-city-search{width:100%;max-width:none}
.city-page :is(.hero-weather,.hero-city-search,.hero-meta){color:#fff;background:linear-gradient(135deg,#ffffff4f,#ffffff20 58%,#ffffff0f);border:1px solid #ffffff88;border-top-color:#ffffffdc;border-left-color:#ffffffad;border-right-color:#ffffff50;border-bottom-color:#ffffff42;border-radius:14px;box-shadow:0 6px 20px #09243f20,inset 0 1px 0 #ffffff55;backdrop-filter:blur(16px) saturate(115%);text-shadow:0 1px 5px #18375466}
.hero-side .hero-city-search{border-radius:11px}.hero-meta>div{border-color:#ffffff45}
.city-page .hero-weather-main strong{font-size:2rem}.hero-weather-main>div>span{color:#fff}.hero-weather-sun small,.hero-weather-day{color:#fff}.hero-weather-sun{border-color:#ffffff40}.hero-meta small{color:#fff}
.tools-ad-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start;margin-bottom:66px}.tools-primary{min-width:0}.tools-primary .compare-ad{display:block}.tools-primary>#converter{margin-bottom:0}.house-ad-stack{display:flex;flex-direction:column;gap:18px;align-items:center}
.house-ad{width:fit-content;max-width:100%;margin:0 auto;font-size:.6875rem}.house-ad-label{display:block;color:#8391a4;letter-spacing:.06em;font-size:.6875rem;line-height:1.5;margin-bottom:7px;text-align:center}.house-ad :is(a,.house-ad-preview,picture){display:block}.house-ad img{display:block;width:100%;height:auto;max-width:100%;border-radius:10px}.house-ad-square,.house-ad-rectangle{width:300px}.house-ad-banner{width:728px}.house-ad-tall{width:300px}.house-ad a{border-radius:10px;transition:box-shadow .2s,transform .2s}.house-ad a:hover{box-shadow:0 5px 20px #18375d18;transform:translateY(-2px)}.house-ad a:focus-visible{outline:3px solid #1769dc;outline-offset:4px}.house-ad-section{margin-bottom:66px;display:flex;justify-content:center}
/* Clear, local-time transition information, generated from IANA timestamps. */
.city-page .dst-explained{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:26px;align-items:start;padding:25px;margin-top:25px}.dst-title{display:flex;gap:12px;align-items:center;margin-bottom:12px}.dst-title h3{margin:0!important;font-size:1.25rem}.dst-copy{min-width:0}.city-page .dst-explained p{font-size:.9375rem;max-width:none;color:#617a94;line-height:1.85}.dst-copy p strong{color:#244b78;font-weight:600}.dst-change-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:17px 0}.dst-change{border:1px solid #dbe8fa;border-radius:10px;background:#ffffffc7;padding:14px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.dst-change-label{font-size:.75rem;color:#4878b5}.dst-change>strong{font-size:1rem;color:#2c507c}.dst-change>b{font-size:1.3rem;color:#086bff;letter-spacing:.03em;font-variant-numeric:tabular-nums}.dst-change>small{font-size:.75rem;color:#69849d}.dst-repeat{font-size:.875rem!important}.dst-next{border-left:1px solid #d4e4f7;padding-left:22px;display:flex;flex-direction:column;gap:10px}.dst-next>small{font-size:.75rem;color:#6684a5}.dst-next>strong{font-size:1.25rem;color:#0873ff}.dst-next>b{font-size:1.15rem;color:#254e80;line-height:1.4}.dst-next>b>span{color:#76a0d0}.city-page .dst-next p{font-size:.8125rem;line-height:1.7}.dst-next a{font-size:.8125rem;color:#086bff;margin-top:4px}
@media(min-width:761px){.tools-primary .converter-strip{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) 72px}.tools-primary .converter-strip label:nth-of-type(4){grid-column:1;grid-row:2;padding-right:0}.tools-primary .converter-strip .swap{grid-column:4;grid-row:1;justify-self:center}.tools-primary .conversion-output{grid-column:2/4;grid-row:2}.tools-primary .converter-strip .primary{grid-column:4;grid-row:2;padding:10px}}
@media(min-width:1500px){.house-ad-banner{width:970px}}
@media(max-width:1150px){.tools-ad-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.city-page .body-layout{column-gap:30px}.city-page .dst-explained{grid-template-columns:minmax(0,1fr) 195px;gap:20px}.dst-change{padding:12px}.dst-next{padding-left:18px}}
@media(max-width:1000px){.tools-ad-layout{display:block}.house-ad-stack{margin-top:32px;display:grid;grid-template-columns:repeat(2,300px);justify-content:center;align-items:start;gap:20px}.city-page .dst-explained{grid-template-columns:1fr}.dst-next{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;border-left:0;border-top:1px solid #d4e4f7;padding:18px 0 0}.dst-next>small,.dst-next>a{grid-column:1/-1}.dst-next>b{grid-column:2;grid-row:2/4}.city-page .hero-side{width:100%}}
@media(max-width:760px){.city-page .section,.tools-ad-layout,.house-ad-section{margin-bottom:47px}.city-page .body-layout{padding-top:32px}.city-page .section-heading{margin-bottom:19px}.city-page .section-heading h2 .asset-icon{--icon-size:35px!important}.city-page .panel{padding:19px}.city-page .planner-panel{padding:15px 12px}.city-page .converter-strip{padding:15px;gap:12px}.city-page .section-heading p{font-size:.875rem}.city-page .transport-row{padding:19px;gap:19px}.city-page .essentials-grid>div{padding:16px 12px}.city-page .city-card>div{padding:18px}.city-page .city-cards{gap:18px}.city-page .guide-header{padding-bottom:28px}.city-page .guide-section{padding-top:43px}.city-page .longform{font-size:1.0625rem;line-height:1.85}.city-page .longform h3{margin-top:37px}.city-page .dst-explained{padding:20px;gap:18px}.dst-title{align-items:flex-start;gap:9px}.dst-title h3{font-size:1.125rem}.dst-change-list{gap:9px}.dst-change{padding:12px 10px}.dst-change>small{font-size:.6875rem}.dst-change>b{font-size:1.125rem}.dst-copy p{font-size:.9375rem!important}.house-ad-banner{width:320px;max-width:100%}.city-page .hero-side{max-width:560px}.city-page .hero-weather{gap:0 12px}.city-page .hero-weather-main strong{font-size:1.65rem}}
@media(max-width:680px){.house-ad-stack{grid-template-columns:300px;gap:22px}.dst-change-list{grid-template-columns:1fr 1fr}.city-page .hero-weather-sun .asset-icon{--icon-size:23px!important}}
@media(max-width:380px){.city-page .hero-weather{padding:12px;gap:0 8px}.hero-weather-sun{gap:6px}.hero-weather-sun>div{gap:3px}.hero-weather-sun small{font-size:.625rem}.hero-weather-sun b{font-size:.6875rem}.city-page .hero-weather-main strong{font-size:1.45rem}.dst-change-list{grid-template-columns:1fr}.dst-next{grid-template-columns:1fr}.dst-next>b{grid-column:1;grid-row:auto}}
html[data-theme=dark] .dst-change{background:#132b47;border-color:#355170}html[data-theme=dark] .dst-copy p strong,html[data-theme=dark] .dst-title h3,html[data-theme=dark] .dst-change>strong{color:#d8e9ff}html[data-theme=dark] .dst-explained{background:#142740}html[data-theme=dark] .city-page .dst-explained p{color:#b4c6df}

.city-page .site-header{font-size:1rem}

/* Larger 24-hour clock; no control can switch the page back to 12 hours. */
.city-page .city-hero .clock-line strong{font-size:90px;font-variant-numeric:tabular-nums}
.city-page .city-hero .clock-line>span{font-size:36px}
/* A single soft border avoids a bright doubled highlight, including at the bottom. */
.city-page .hero-meta{border-color:rgba(255,255,255,.8);box-shadow:0 5px 18px #09243f18}
/* Pale frosted glass and dark ink stay readable over both skies and night scenes. */
.city-page .hero-side .hero-city-search{color:#163d64;background:linear-gradient(125deg,rgba(255,255,255,.94),rgba(241,247,255,.88));border-color:rgba(255,255,255,.8);box-shadow:0 5px 18px #09243f18;text-shadow:none;font-weight:600;font-size:.9375rem;line-height:1.5}
.city-page .hero-city-search:hover{background:rgba(255,255,255,.97)}
.city-page .hero-city-search:focus-visible{outline:3px solid #1769dc;outline-offset:3px}
@media(max-width:1199px){.city-page .city-hero .clock-line strong{font-size:78px}.city-page .city-hero .clock-line>span{font-size:30px}}
@media(max-width:1000px){.city-page .city-hero .clock-line strong{font-size:65px}.city-page .city-hero .clock-line>span{font-size:25px}}
@media(max-width:767px){.city-page .city-hero .clock-line strong{font-size:clamp(48px,12vw,70px)}.city-page .city-hero .clock-line>span{font-size:25px}}

/* Frosted white weather glass keeps its text readable over all four scene phases. */
.city-page .hero-weather{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(229,241,253,.76));color:#163d64;text-shadow:none;border-color:rgba(255,255,255,.8)}
.city-page .hero-weather-main>div>span,.city-page .hero-weather-sun small,.city-page .hero-weather-day,.city-page .weather-chevron{color:#244f76}
.city-page .hero-weather-sun{border-top-color:rgba(52,91,131,.18)}
/* Interactive glass: keep the ink stable instead of inheriting white hero-link hover text. */
.city-page .hero-weather{--weather-ink:#163d64;--weather-muted:#244f76;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.city-page .hero-weather:is(:hover,:focus-visible){color:var(--weather-ink);background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(218,237,255,.92));border-color:#83bcff;box-shadow:0 12px 28px #082b5033,inset 0 1px 0 #fff;transform:translateY(-3px)}
.city-page .hero-weather .weather-chevron{display:inline-block;transition:transform .18s ease;color:var(--weather-muted)}
.city-page .hero-weather:is(:hover,:focus-visible) .weather-chevron{transform:translateX(3px)}
.city-page .hero-weather:focus-visible{outline:3px solid #59a6ff;outline-offset:4px}
html[data-theme=dark] .city-page .hero-weather{--weather-ink:#e3efff;--weather-muted:#bfd6ef;background:linear-gradient(135deg,#153656ed,#102b48e6);color:var(--weather-ink);border-color:#729ac16b;box-shadow:0 6px 20px #03182e40,inset 0 1px 0 #a1c9f226}
html[data-theme=dark] .city-page .hero-weather :is(.hero-weather-main>div>span,.hero-weather-sun small,.hero-weather-day,.weather-chevron){color:var(--weather-muted)}
html[data-theme=dark] .city-page .hero-weather-sun{border-top-color:#8bb3da40}
html[data-theme=dark] .city-page .hero-weather:is(:hover,:focus-visible){color:var(--weather-ink);background:linear-gradient(135deg,#1b4468f5,#143653ef);border-color:#78baff;box-shadow:0 12px 28px #03182e66,inset 0 1px 0 #bedfff38}
@media(max-width:767px){.city-page .hero-weather .weather-chevron{display:none}}
@media(prefers-reduced-motion:reduce){.city-page .hero-weather,.city-page .hero-weather .weather-chevron{transition:none}.city-page .hero-weather:is(:hover,:focus-visible),.city-page .hero-weather:is(:hover,:focus-visible) .weather-chevron{transform:none}}