.city-directory-page{padding-top:58px;padding-bottom:70px}.city-directory-page .article-heading{max-width:850px;margin-bottom:35px}.city-directory-controls{border-block:1px solid var(--border);flex-wrap:wrap;align-items:end;gap:20px;padding:22px 0;display:flex}.city-directory-controls label{gap:8px;min-width:180px;font-size:13px;display:grid}.city-directory-controls label:first-child{flex:1}.city-directory-controls input,.city-directory-controls select{border:1px solid var(--border);background:var(--card);width:100%;min-height:42px;color:var(--foreground);font:inherit;padding:10px 12px}.city-directory-controls .text-link{margin-bottom:10px}.city-directory-count{color:var(--muted-foreground);margin:18px 0 28px;font-size:13px}.city-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:32px;display:grid}.city-directory-card{border:1px solid var(--border);background:var(--card);min-width:0}.city-directory-card img{object-fit:contain;background:var(--muted);width:100%;height:195px}.city-directory-card-body{padding:22px}.city-directory-card h2{font-family:var(--font-serif,Georgia), serif;margin:10px 0;font-size:25px;line-height:1.25}.city-directory-card p{font-size:14px;line-height:1.7}.city-place-type{color:var(--copper);font-size:12px;line-height:1.6}.city-directory-card .city-place-address{color:var(--muted-foreground);font-size:12px}.city-directory-links{gap:20px;margin-top:22px;font-size:13px;display:flex}.city-directory-links a,.city-directory-context a,.city-directory-empty button{text-underline-offset:3px;text-decoration:underline}.city-directory-context{color:var(--muted-foreground);margin-top:42px;font-size:14px;line-height:1.8}.city-directory-empty{min-height:180px}.city-place-photos .settlement-photo p,.city-photo-source{font-size:13px;line-height:1.7}.city-photo-source{text-underline-offset:3px;text-decoration:underline;display:block}@media (max-width:1050px){.city-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.city-directory-grid{grid-template-columns:1fr}.city-directory-controls label{width:100%}.city-directory-page{padding-top:32px}}