body{margin:0;font-family:system-ui,sans-serif;background:#f7f5ef;color:#2c2a24;line-height:1.5}.top{display:flex;align-items:center;gap:16px;padding:16px;max-width:720px;margin:0 auto}.brand{font-weight:700;margin-right:auto;text-decoration:none;color:#3d6b35}main{max-width:720px;margin:0 auto;padding:16px}h1{font-size:clamp(1.4rem,5vw,2rem);line-height:1.2}.walks{list-style:none;padding:0}.walks li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;background:#fff;padding:14px;border-radius:10px;margin-bottom:10px}.walks li span{color:#5a574d}a{color:#3d6b35}a:hover{color:#2a4d25}a:focus-visible{outline:3px solid #3d6b35;outline-offset:2px;border-radius:4px}