.city-detail,.city-directory{background:#f6efe5;padding:clamp(52px,7vw,100px) 24px;color:#221712}
.city-detail-inner{max-width:920px;margin:auto}
.city-detail h2,.city-directory h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;max-width:18ch;margin:0 0 30px}
.city-detail p,.city-directory p{font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.65;max-width:760px}
.city-detail h3{font-size:clamp(1.4rem,2.2vw,2rem);margin:36px 0 12px}
.city-detail a,.city-directory a{color:#1d665a;text-underline-offset:3px}
.city-callout{background:#fffaf2;border-left:5px solid #b9412d;padding:22px 28px;margin:35px 0}
.city-callout h3{margin:0 0 8px}.city-callout p{margin:0}
.city-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}
.city-directory-grid a{display:flex;flex-direction:column;gap:9px;padding:20px;background:#fffaf2;text-decoration:none;border:1px solid #dcc6ad;min-height:120px}
.city-directory-grid a:hover,.city-directory-grid a:focus-visible{border-color:#b9412d;background:white}
.city-directory-grid strong{font-size:1.2rem;color:#221712}.city-directory-grid span{line-height:1.4;color:#755f52}
@media(max-width:760px){.city-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.city-directory-grid{grid-template-columns:1fr}}
@media (min-width:761px) and (max-width:900px){
  .nav-toggle{display:inline-block}
  .site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:.6rem clamp(1.2rem,5vw,2rem) 1.2rem}
  .site-nav.is-open{display:flex}
  .site-nav a{padding:.85rem .2rem;border-bottom:1px dashed var(--hairline)}
}