.portal .city-card{display:flex;flex-direction:column;color:var(--color-text);text-decoration:none;transition:border-color var(--duration-fast)}
.portal .city-card-copy{display:flex;flex-direction:column;flex:1;padding:var(--space-6)}
.portal .city-card-action{align-self:flex-start;margin-top:auto;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--type-small)}
.portal .city-card p{margin-bottom:var(--space-4)}
.portal .city-card:hover,.portal .city-card:focus-visible{border-color:var(--color-field-border)}
.portal .city-card:hover .city-card-action,.portal .city-card:focus-visible .city-card-action{background:var(--color-secondary-soft)}
@media(prefers-reduced-motion:reduce){.portal .city-card{transition:none}}
.portal .cities-paths{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.portal .cities-paths a{padding:9px 14px;border:1px solid var(--color-gold-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);font-size:var(--type-small);text-decoration:none}
.portal .cities-paths a:hover{background:var(--color-secondary-soft);border-color:var(--color-field-border)}
.portal .city-card-new{align-self:flex-start;margin-bottom:10px;padding:3px 8px;border-radius:var(--radius-sm);background:var(--color-secondary-soft);color:var(--color-primary);font-size:var(--type-caption)}