/* Zone-abbreviation family (esttime.now and siblings): dark slate header and
   footer, light grey page, white rounded cards, per-site accent, mono clock. */
body { font-family: "Inter", ui-sans-serif, system-ui, sans-serif; background: var(--bg); }
.g-header { background: var(--head); color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.2); }
.g-bar { padding: 14px 16px; }
.g-brand { color: #fff; }
.g-logo { width: 38px; height: 38px; color: #fff; }
.g-brand-text { display: grid; line-height: 1.15; }
.g-brand-text strong { font-size: 1.3rem; font-weight: 800; }
.g-brand-text small { font-size: .8rem; color: var(--c-l); opacity: .9; font-weight: 500; }
.g-nav { justify-content: flex-end; }
.g-nav > a, .g-drop-btn { color: #e2e8f0; font-weight: 500; padding: 6px 2px; }
.g-nav > a:hover, .g-nav > a.is-main, .g-drop.is-active .g-drop-btn { color: #fff; box-shadow: inset 0 -2px 0 var(--c); }
.hero-h1 { font-weight: 800; letter-spacing: -.02em; color: var(--ink); }
.hero-pill { background: var(--c-l); color: var(--c-d); }
.lc-card { border: 0; border-radius: 16px; box-shadow: 0 20px 45px rgba(15,23,42,.10); padding: 40px 28px; }
.lc-time { font-family: "JetBrains Mono", ui-monospace, monospace; font-weight: 700; }
.lc-zone { color: var(--c); }
.fact, .tool-card, .art-card, .city-card, .chip, .tbl, .stat { border: 0; box-shadow: 0 4px 14px rgba(15,23,42,.06); }
.tool-card, .art-card { border-radius: 14px; padding: 24px; }
.section-h { font-weight: 800; }
.fact h3, .faq-title { color: var(--c); }
.chip { border: 1px solid var(--c-l); }
.g-footer { background: var(--head); color: #cbd5e1; }
.g-footer h4 { color: var(--c-l); }
.g-footer a { color: #e2e8f0; }
.g-footer .g-brand { color: #fff; }