.city-walks{max-width:1240px;margin:auto;padding:28px clamp(18px,4vw,52px) 64px;color:#193a3d;line-height:1.7;font-size:1rem}.city-walks section{margin:42px 0;scroll-margin-top:145px}.city-walks h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.1;letter-spacing:-.035em;margin:16px 0 24px}.city-walks h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.3}.city-walks h3{font-size:1.2rem;line-height:1.4}.city-walk-intro{max-width:850px}.city-links{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.city-links a{padding:9px 14px;border:1px solid #b7cccc;border-radius:6px;text-decoration:none;background:#f5faf9;color:#17494b}.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.city-card{border:1px solid #d4dfdd;border-radius:12px;overflow:hidden;background:#fff}.city-card>div{padding:0 20px 22px}.city-card .city-photo{margin:0}.city-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.city-photo figcaption{font-size:.875rem;line-height:1.5;padding:10px 14px;color:#40585a}.city-photo small{display:block;font-size:.8rem;margin-top:5px}.city-photo{margin:0}.city-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.city-detail-hero .city-photo{border-radius:12px;overflow:hidden;background:#edf3f2}.city-detail-hero h1{font-size:clamp(2.2rem,4vw,3.4rem)}.city-detail-hero dl{padding:14px 0;border-block:1px solid #d2dfdc}.city-detail-hero dt{font-weight:700}.city-detail-hero dd{margin:0 0 10px}.city-no-photo{grid-template-columns:1fr;max-width:850px}.city-route{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.city-route li{display:flex;gap:16px;background:#edf5f3;padding:22px;border-radius:8px}.city-route li>span{flex:0 0 36px;height:36px;display:grid;place-items:center;background:#1d5b59;color:white;border-radius:50%;font-weight:700}.city-route h3{margin-top:0}.city-practical{display:grid;grid-template-columns:1fr 1fr;gap:28px}.city-practical article{padding:22px;background:#f6f4ed;border-radius:8px}.city-note{color:#4f6161;font-size:.9rem}.city-highlights{padding-left:24px}.city-highlights li{margin:10px 0}.city-gallery{max-width:780px}.city-walks a:focus-visible{outline:3px solid #ba671e;outline-offset:4px}@media(max-width:900px){.city-grid{grid-template-columns:1fr 1fr}.city-detail-hero{grid-template-columns:1fr}}@media(max-width:600px){.city-grid,.city-route,.city-practical{grid-template-columns:1fr}.city-walks section{margin:30px 0}.city-links a{flex:1 1 auto;text-align:center}}