/* NowClock SEO title hierarchy - visible, compact, and consistent with the existing UI */
.page-seo-title{
  margin:0 0 14px;
  text-align:center;
  color:var(--text,#111827);
  font-size:clamp(18px,1.8vw,24px);
  line-height:1.3;
  font-weight:650;
  letter-spacing:-.035em;
}
.world-hero .page-seo-title{
  margin-bottom:18px;
  color:var(--muted,#667085);
  font-weight:520;
}
.compact-hero .page-seo-title{margin-bottom:10px}
[data-theme="dark"] .page-seo-title{color:var(--text,#f8fafc)}
[data-theme="dark"] .world-hero .page-seo-title{color:var(--muted,#a6b0c1)}
@media(max-width:640px){
  .page-seo-title{font-size:18px;margin-bottom:10px}
  .world-hero .page-seo-title{margin-bottom:13px}
}

/* Crawlable and user-visible city directory: helps both users and search engines discover city pages. */
.seo-city-directory{margin-top:24px}
.seo-city-directory>p{margin:6px 0 14px;color:var(--muted,#667085)}
.seo-city-links{display:flex;flex-wrap:wrap;gap:8px}
.seo-city-links a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid var(--line,#e4e8ef);border-radius:10px;background:var(--panel,#fff);text-decoration:none;color:var(--text,#111827);font-size:13px;line-height:1.25}
.seo-city-links a:hover{border-color:color-mix(in srgb,var(--primary,#2563eb) 45%,var(--line,#e4e8ef));color:var(--primary,#2563eb)}
.seo-city-links a strong{font-size:13px}
.seo-city-links a span{color:var(--muted,#667085);font-size:12px}
@media(max-width:640px){
  .seo-city-links{gap:7px}
  .seo-city-links a{padding:8px 10px}
  .seo-city-links a span{display:none}
}