:root { color:var(--navy); background:var(--bg); font-family:var(--font); } * { box-sizing:border-box; } body { margin:0; padding:16px; } main { max-width:680px; margin:0 auto; } header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 0 24px; }.brand { color:var(--coral); font-size:14px; font-weight:850; letter-spacing:.05em; text-decoration:none; }.brand span { padding:2px 6px; border-radius:5px; color:#fff; background:var(--coral-cta); font-size:10px; }.back { color:var(--navy); font-size:13px; font-weight:750; text-underline-offset:3px; }.kicker { margin:0 0 6px; color:var(--coral-cta); font-size:10px; font-weight:850; letter-spacing:.1em; } h1 { margin:0; font-size:clamp(30px,7vw,47px); letter-spacing:-.045em; }.lead,.note { color:var(--muted); line-height:1.5; }.filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:22px 0; padding:18px; border:1px solid var(--line); border-radius:14px; background:#fff; }.filters label { display:grid; gap:5px; color:var(--body); font-size:12px; font-weight:700; }.filters .check { display:flex; align-items:center; gap:8px; min-height:44px; }.filters input,.filters select { min-height:44px; width:100%; border:1px solid var(--line-cool); border-radius:8px; padding:8px; color:var(--navy); background:#fff; font:inherit; }.filters button { min-height:44px; border:0; border-radius:8px; color:#fff; background:var(--coral-cta); font-weight:800; cursor:pointer; }.filters .secondary { border:1px solid var(--line-cool); color:var(--navy); background:#fff; }.count { color:var(--body); font-size:13px; font-weight:750; }.list { display:grid; gap:8px; }.card { display:grid; gap:4px; padding:14px; border:1px solid var(--line); border-radius:11px; color:var(--navy); background:#fff; text-decoration:none; }.card:hover { border-color:var(--coral); }.park,.details { color:var(--muted); font-size:12px; }.details { color:var(--body); font-weight:700; } footer { margin:34px 0 8px; color:var(--muted); font-size:12px; line-height:1.55; } footer a { color:inherit; } @media (max-width:460px) { body { padding:12px; }.filters { grid-template-columns:1fr; } }