.city-intro{margin:var(--space-2) 0 0;color:var(--color-ivory-dim);line-height:1.6;max-width:56ch}.city-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.city-item{display:flex;align-items:center;gap:var(--space-3);padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--color-night-raised);border:1px solid var(--color-night-border);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.city-item:hover{border-color:color-mix(in oklch,var(--color-gold) 40%,transparent);transform:translateY(-1px)}.city-item-mark{flex-shrink:0;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;overflow:hidden;background:linear-gradient(150deg,var(--color-gold-hi,var(--color-gold)),var(--color-gold-deep));color:oklch(100% 0 0);font-family:var(--font-display);font-size:1.4rem;font-weight:600}.city-item-mark img{width:100%;height:100%;object-fit:cover}.city-item-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.city-item-text b{color:var(--color-ivory);font-weight:600}.city-item-text small{color:var(--color-ivory-faint);font-size:.82rem}.city-item-jumua{color:var(--color-gold-deep)}.city-item-go{margin-left:auto;color:var(--color-gold)}@media (prefers-reduced-motion:reduce){.city-item{transition:none}}