.split{grid-template-columns:260px minmax(0,1fr)}.route-filters{background:#061117;padding:30px 22px;border-right:1px solid var(--line)}.filter-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.filter-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--line);padding:8px 11px}.route-search{display:block;margin:18px 0 22px}.route-search span,.filter-field>span{display:block;margin-bottom:8px;font-family:Barlow Condensed;font-weight:700;text-transform:uppercase;letter-spacing:.7px;font-size:13px}.route-search input,.filter-field select{width:100%;background:#0d1c23;border:1px solid var(--line);color:#fff;padding:11px;border-radius:3px}.route-search input::placeholder{color:#7f9097}.activity-filter,.check-filter{border:0;padding:0;margin:0 0 24px}.activity-filter legend,.check-filter legend{font-family:Barlow Condensed;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.activity,.home-activity{display:block;width:100%;text-align:left;margin:0 0 7px;padding:11px 12px;border:1px solid transparent;border-radius:3px;background:#102027;color:#e7edef;cursor:pointer}.activity:hover,.home-activity:hover{border-color:#536870}.activity.active,.home-activity.active{background:var(--lime);color:#12200b;font-weight:800}.filter-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-bottom:18px;text-transform:uppercase;font-family:Barlow Condensed}.filter-heading button{border:0;background:none;color:var(--lime);cursor:pointer}.filter-field{display:block;margin-bottom:22px}.range-field input{width:100%;accent-color:var(--lime)}.check-filter label{display:block;margin:9px 0;color:#cbd5d8;font-size:13px}.check-filter input{accent-color:var(--lime)}.dependent-filter{transition:opacity .2s,border-color .2s}.dependent-filter.is-disabled{opacity:.45}.dependent-filter select:disabled{cursor:not-allowed;color:#87969c}.filter-help{margin:8px 0;color:#87969c;font-size:12px;line-height:1.45}.apply-filter{width:100%;padding:11px;border:1px solid var(--lime);background:transparent;color:var(--lime);font-family:Barlow Condensed;font-weight:800;text-transform:uppercase;cursor:pointer}.apply-filter:hover{background:var(--lime);color:#12200b}.route-results{background:var(--ink);padding:42px 28px}.route-results[hidden],.route-card[hidden],.filtered-route-card[hidden]{display:none}.no-results{border:1px dashed #60737b;padding:28px;margin-bottom:16px;display:flex;flex-direction:column;gap:5px;color:var(--muted)}.no-results b{color:#fff}.home-planner{display:grid;grid-template-columns:minmax(290px,370px) minmax(0,1fr);background:var(--ink);border-bottom:1px solid var(--line)}.home-route-finder{border-right:1px solid var(--line)}.home-route-finder .filter-panel{display:block}.home-map-panel{min-width:0;display:flex;flex-direction:column}.home-map-panel .map-copy{padding:32px 34px 22px}.home-map-panel .map{min-height:610px;flex:1}.filtered-results{max-width:var(--max);margin:auto;padding:38px 28px 42px;background:#08151b;border-bottom:1px solid var(--line)}.filtered-results-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.filtered-results-heading h2{font-family:Barlow Condensed;font-size:38px;text-transform:uppercase;margin:4px 0 0}.scroll-hint{font-family:Barlow Condensed;font-weight:700;text-transform:uppercase;color:var(--lime);white-space:nowrap}.filtered-route-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 18px;scrollbar-color:var(--lime) #102027;scrollbar-width:thin}.filtered-route-scroll::-webkit-scrollbar{height:9px}.filtered-route-scroll::-webkit-scrollbar-track{background:#102027}.filtered-route-scroll::-webkit-scrollbar-thumb{background:var(--lime);border-radius:10px}.filtered-route-card{flex:0 0 300px;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.filtered-route-card:hover{transform:translateY(-3px);border-color:#5c747e}.filtered-route-image{height:145px;background:linear-gradient(0deg,#040f14b3,#040f140d),url(/assets/wight-tracks-hero.png) center/cover}.filtered-route-image.alt{background-position:72% center}.filtered-route-copy{padding:18px;display:grid;grid-template-columns:12px 1fr;column-gap:8px;row-gap:5px}.filtered-route-copy .activity-dot{width:9px;height:9px;border-radius:50%;margin-top:4px}.filtered-route-copy .activity-dot.mountain-bike{background:#a7ce23}.filtered-route-copy .activity-dot.gravel-road{background:#2fa8e1}.filtered-route-copy .activity-dot.running{background:#f28c28}.filtered-route-copy small{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.7px}.filtered-route-copy b,.filtered-route-copy em,.filtered-route-copy span{grid-column:1/-1}.filtered-route-copy b{font-family:Barlow Condensed;font-size:25px;text-transform:uppercase;margin-top:5px}.filtered-route-copy em{font-style:normal;color:#d4dde0;font-size:13px}.filtered-route-copy span{color:var(--muted);font-size:12px}.filtered-route-card>strong{margin-top:auto;padding:0 18px 18px;color:var(--lime);font-size:13px}.awaiting-activity{min-width:100%;border:1px dashed #60737b;padding:28px;display:flex;flex-direction:column;gap:6px;color:var(--muted)}.awaiting-activity b{color:#fff}.filtered-route-scroll .no-results{min-width:100%;margin:0}@media(max-width:1120px){.split{grid-template-columns:235px minmax(0,1fr)}.home-planner{grid-template-columns:320px minmax(0,1fr)}}@media(max-width:900px){.split{grid-template-columns:1fr}.route-filters{padding:18px 24px;border-right:0;border-bottom:1px solid var(--line)}.filter-toggle{display:block}.filter-panel{display:none;padding-top:6px}.filter-panel.open{display:block}.route-results{padding:32px 24px}.home-planner{grid-template-columns:1fr}.home-route-finder{border-right:0}.home-route-finder .filter-panel{display:block}.home-map-panel .map{min-height:480px}.filtered-results{padding:32px 20px}.filtered-route-card{flex-basis:270px}}@media(max-width:600px){.filtered-results-heading{align-items:flex-start;flex-direction:column}.filtered-results-heading h2{font-size:32px}.filtered-route-card{flex-basis:84vw}}