/* City overview section (2026-10-25). Colours come from the theme variables so
   it follows carbon (dark + gold) and the light theme alike. */
.cg{margin:2rem 0 1.5rem;padding:1.25rem 1.35rem;border:1px solid var(--line);border-top:2px solid var(--brand);border-radius:var(--r,12px);background:linear-gradient(180deg,var(--surface-2),var(--surface))}
.cg__h{font-size:1.25rem;margin:0 0 .6rem}
.cg__intro{color:var(--ink-2);line-height:1.6;margin:0 0 1rem;max-width:72ch}
.cg__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem 1.5rem}
.cg__sub{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brand);margin:0 0 .5rem;font-weight:600}
.cg__list{list-style:none;margin:0;padding:0}
.cg__list li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.15rem .5rem;padding:.3rem 0;border-bottom:1px solid var(--line-2,var(--line))}
.cg__list li:last-child{border-bottom:0}
.cg__name{font-size:.95rem;color:var(--ink)}
.cg__name a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:3px}
.cg__name a:hover{color:var(--brand)}
.cg__n{font-variant-numeric:tabular-nums;font-weight:600;color:var(--brand)}
.cg__bar{grid-column:1/-1;height:3px;background:var(--line);border-radius:2px;overflow:hidden}
.cg__bar i{display:block;height:100%;background:var(--brand);opacity:.75}
.cg__note{margin:.75rem 0 0}
.cg__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .5rem}
.cg__chip{cursor:default}
.cg__price{margin:1rem 0 0;color:var(--ink-2)}
.cg__near{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--line)}
.cg__nearlist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.cg__nearlist a{color:var(--ink);font-weight:600}
.cg__nearlist a:hover{color:var(--brand)}
.cg--light{padding:1rem 1.2rem}