.directory-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}.directory-heading h2{font-size:42px}.directory-heading p{max-width:600px;color:var(--muted);line-height:1.7}
.city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.city-card{display:flex;min-height:156px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);text-decoration:none;transition:transform .18s ease,border-color .18s ease}.city-card:hover{transform:translateY(-2px);border-color:var(--accent)}.city-card .city-name{min-height:42px;color:var(--accent);font-size:14px;font-weight:700}.city-card strong{margin-top:auto;font-family:Georgia,serif;font-size:36px;font-weight:500}.city-card span:last-child{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5}
.directory-intro{margin-top:18px;color:var(--muted);line-height:1.7}.centre-directory{display:grid;gap:12px}.centre-directory-card{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.centre-directory-card .result-index{position:static}.centre-directory-card h3{margin:0;font-size:20px}.centre-directory-card p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.directory-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.directory-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--white);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.directory-tags .published-tag{border-color:#b6d5c1;background:#e6f3ea;color:#285b39}.directory-tags .enquiry-tag{background:#eeeae0;color:#665f50}
.full-directory{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.full-directory .centre-directory-card{grid-template-columns:50px 1fr}.full-directory h3{font-family:Georgia,serif;font-size:22px;font-weight:500}.directory-source a{color:var(--accent);font-weight:750}
@media(max-width:980px){.city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.directory-heading{display:block}.directory-heading p{margin-top:14px}.city-grid,.full-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.full-directory{grid-template-columns:1fr}}
@media(max-width:460px){.city-grid{grid-template-columns:1fr}.city-card{min-height:132px}}