/* time.<city> and timein.<place>: black top bar, airy white page, light
   typography, analog + thin digital clock, bordered sections. */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif; color: #1a1a1a; }
.g-header { background: #111; }
.g-brand { color: #fff; font-size: 1rem; }
.g-flag { font-size: 1.1rem; }
.g-nav > a, .g-drop-btn { color: #eee; font-size: .92rem; padding: 6px 10px; border-radius: 6px; }
.g-nav > a.is-main, .g-nav > a:hover, .g-drop-btn:hover { background: #2a2a2a; color: #6cb4ff; }
.hero-city { text-align: center; padding: 56px 0 30px; border-bottom: 1px solid var(--line); }
.hero-city .hero-h1 { font-weight: 300; letter-spacing: -.02em; font-size: clamp(2.2rem, 6vw, 3.4rem); }
.hero-sub { color: #666; font-size: 1.15rem; margin: 0; }
.clock-stage { text-align: center; padding: 40px 0; border-bottom: 1px solid var(--line); }
.lc-analog { width: min(280px, 70vw); height: auto; display: block; margin: 0 auto 28px; }
.lc-analog .face { fill: #fff; stroke: #1a1a1a; stroke-width: 1; }
.lc-analog .tick { stroke: #1a1a1a; stroke-width: .8; }
.lc-analog .num { font-size: 6.5px; text-anchor: middle; fill: #1a1a1a; }
.lc-analog .hand-h { stroke: #1a1a1a; stroke-width: 2.4; stroke-linecap: round; }
.lc-analog .hand-m { stroke: #1a1a1a; stroke-width: 1.6; stroke-linecap: round; }
.lc-analog .hand-s { stroke: #c0392b; stroke-width: .6; }
.lc-analog .pin { fill: #1a1a1a; }
.clock-stage .lc-time { font-weight: 200; font-size: clamp(3.6rem, 13vw, 7rem); letter-spacing: 0; }
.clock-stage .lc-date { font-weight: 300; font-size: 1.6rem; color: #333; }
.clock-stage .lc-zone { color: #666; font-weight: 400; }
.clock-stage .hero-lead { margin: 24px auto 0; }
.section-h, .faq-title { font-weight: 300; font-size: 2rem; }
.fact { background: #fafafa; border-color: #e5e5e5; border-radius: 4px; }
.fact h3 { font-weight: 500; }
.lc-card { border-radius: 6px; box-shadow: none; }
.lc-time { font-weight: 300; }
.cal td.today { background: #1a1a1a; }
.note { border-left-color: #1a1a1a; background: #f5f5f5; }
.g-footer { background: #fafafa; border-top: 1px solid #e5e5e5; color: #555; }
.g-footer a { color: #333; }