:root{--surface: #ffffff;--surface-2: #f7f9fa;--hover: #eef3f9;--active: #e1ecf7;--text: #1f2d3d;--text-muted: #666677;--text-faint: #888888;--line: #dddddd;--border: #ccd3da;--border-soft: #dde3ea;--focus: #1f77b4;--teal: #00bcd4;--warn-bg: #fff6e0;--warn-text: #7a4b00;--chart: #6b8fb5;--shadow: 0 2px 12px rgba(0, 0, 0, .18);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--surface: #1f2328;--surface-2: #262b31;--hover: #2e353d;--active: #263a50;--text: #e4e7eb;--text-muted: #a7b0ba;--text-faint: #7f8a95;--line: #343a41;--border: #48515b;--border-soft: #48515b;--warn-bg: #3a3020;--warn-text: #f3c46b;--chart: #6f93e0;color-scheme:dark}}:root[data-theme=dark]{--surface: #1f2328;--surface-2: #262b31;--hover: #2e353d;--active: #263a50;--text: #e4e7eb;--text-muted: #a7b0ba;--text-faint: #7f8a95;--line: #343a41;--border: #48515b;--border-soft: #48515b;--warn-bg: #3a3020;--warn-text: #f3c46b;--chart: #6f93e0;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:24px 16px 48px;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--surface-2)}.head,.where,main,.none{max-width:1080px;margin:0 auto}.head{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap}h1{margin:0 auto 0 0;font-size:31px;font-weight:800;letter-spacing:-1px;line-height:1}h1 a{color:inherit;text-decoration:none}h1 .zero{color:var(--teal)}h1 .sub{font-size:15px;font-weight:400;letter-spacing:0;color:var(--text-muted)}.site-nav{display:flex;gap:18px;order:3;flex-basis:100%}.mode-pill{display:inline-flex;border:1px solid var(--border);border-radius:16px;overflow:hidden;flex:none}.mode-seg{width:40px;height:32px;border:none;border-radius:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background .2s}.mode-seg+.mode-seg{border-left:1px solid var(--border)}.mode-seg .icon{width:22px;height:22px}.mode-seg[aria-pressed=true]{background:var(--teal);color:#fff}.mode-seg:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}body[data-mode-filter=foot] .card:not([data-mode=foot]),body[data-mode-filter=wheel] .card:not([data-mode=wheel]),body[data-mode-filter=bike] .card:not([data-mode=bike]){display:none}body[data-only=featured] .card:not([data-featured]),body[data-only=mine] .card[data-featured]{display:none}#whose .mode-seg .icon{width:20px;height:20px}.site-nav a{color:var(--text-muted);text-decoration:none;font-size:15px;padding-bottom:2px;border-bottom:2px solid transparent}.site-nav a:hover{color:var(--text)}.site-nav a[aria-current=page]{color:var(--text);font-weight:600;border-bottom-color:var(--teal)}.back{align-self:center;padding:10px 20px;border-radius:22px;background:var(--teal);color:#fff;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow)}.back:hover{filter:brightness(1.06)}.back .narrow{display:none}h2{margin:28px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}body.filtered section.region>h2{display:none}body.filtered .cards{margin-top:20px}.where{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:18px;font-size:13px}.where .menu{position:relative;display:flex;min-width:0;color:var(--text-muted)}.where .menu:after{content:"";position:absolute;right:12px;top:50%;width:14px;height:14px;transform:translateY(-50%);background:currentColor;pointer-events:none;-webkit-mask:url(/icons/chevron-down.svg) center / contain no-repeat;mask:url(/icons/chevron-down.svg) center / contain no-repeat}.where select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:32px;min-width:0;padding:0 34px 0 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:inherit;font:inherit;font-size:13px;cursor:pointer;text-overflow:ellipsis;transition:border-color .2s}.where select:hover{border-color:var(--teal)}.where select:focus{outline:none}.where select:focus-visible{border-color:var(--teal)}.where select option{color:var(--text);background:var(--surface)}.card{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:var(--surface);color:var(--text);text-decoration:none;border:1px solid var(--border-soft);transition:border-color .15s,box-shadow .15s}.card img{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;background:var(--hover)}.card .text{flex:1;display:flex;flex-direction:column;gap:6px;padding:14px 16px}.card:hover,.card:focus-visible{border-color:var(--teal);box-shadow:var(--shadow);outline:none}.card[data-featured]{border:2px solid var(--teal)}.card h3{margin:0;font-size:17px}.card h3 .star{width:14px;height:14px;margin-left:6px;color:var(--teal);vertical-align:-1px}.card p{margin:0;color:var(--text-muted)}.card .text .facts{margin-top:auto;padding-top:4px;display:flex;align-items:center;gap:6px;font-size:13px}.card .wheels{font-size:13px}.card .wheels strong{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.04em}.card.mine .open{flex:1;display:flex;flex-direction:column;color:inherit;text-decoration:none}.mine-actions{display:flex;gap:6px;padding:0 16px 14px}.mine-actions button{font:inherit;font-size:13px;color:var(--text);background:var(--hover);cursor:pointer;border:0;border-radius:8px;padding:5px 12px}.mine-actions button:hover{filter:brightness(.95)}.icon{display:inline-block;width:16px;height:16px;flex:none;background-color:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.none{margin-top:32px;color:var(--text-muted)}.none a{color:var(--teal)}.new-route{display:flex;justify-content:center}.new-route[hidden]{display:none}.new-route a{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--teal);color:#fff;box-shadow:var(--shadow)}.new-route a:hover{filter:brightness(1.06)}.new-route .icon{width:30px;height:30px}main.prose{max-width:720px}.page-title{margin:32px 0 14px;font-size:26px;font-weight:800;letter-spacing:-.5px;text-transform:none;color:var(--text)}.prose a{color:var(--teal)}.sheet{padding:8px 28px 20px;border-radius:12px;background:var(--surface);border:1px solid var(--border-soft);line-height:1.55}.sheet>p:first-child{font-size:17px;margin-top:18px}.sheet h4{margin:24px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.sheet p,.sheet ul{margin:0 0 10px}.sheet ul{padding-left:20px}.sheet li{margin-bottom:6px}.sheet .credits{font-size:13px;color:var(--text-muted)}.faq{display:flex;flex-direction:column;gap:8px}.faq details{border-radius:10px;background:var(--surface);border:1px solid var(--border-soft);transition:border-color .15s}.faq details[open]{border-color:var(--border)}.faq summary{list-style:none;cursor:pointer;padding:14px 48px 14px 18px;position:relative;font-weight:600;font-size:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--teal);transition:transform .15s}.faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq summary:hover{color:var(--teal)}.faq details>:not(summary){margin:0 18px 12px;line-height:1.55}.faq details>:last-child{margin-bottom:16px}@media (max-width: 640px){.sheet{padding:4px 18px 16px}h1 .sub,.back .wide{display:none}.back .narrow{display:inline}.head .back{order:1}.head .mode-pill{order:4}}
