/* Regional city directory: shared by the homes and public guides. */
.city-directory { padding-block: 0 3.5rem; }
.city-directory h2 { font-size: clamp(1.6rem, 1.2rem + 1vw, 2.2rem); text-wrap: balance; }
.city-directory .intro { max-width: 43rem; margin-block: 0.75rem 1.25rem; color: var(--muted); }
.city-directory .city-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr)); gap: 0.75rem; list-style: none; padding: 0; margin: 0; }
.city-directory .city-card { display: grid; align-content: start; gap: 0.25rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: 1.25rem; background: var(--surface); }
.city-directory h3 { font-size: 1.2rem; }
.city-directory .country { color: var(--muted); font-size: 0.9rem; }
.city-directory a { display: inline-flex; align-items: center; gap: 0.35rem; min-height: 2.75rem; margin-top: 0.5rem; font-weight: 600; text-underline-offset: 0.2em; }
.city-directory .directory-guide { margin-top: 0.75rem; }