.trail-legend{position:absolute;z-index:22;right:calc(var(--edge) + 60px);top:calc(var(--rail-top) + 64px + env(safe-area-inset-top));width:248px;padding:19px 20px;color:#354735}.trail-legend h2,.trail-info h2{font-size:16px;font-weight:550;letter-spacing:-.3px;margin:0 28px 17px 0}.trail-key{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px}.trail-key-item{display:flex;align-items:center;gap:7px;font-size:10px}.trail-status,.trail-about{font-size:10px;line-height:1.55;color:var(--muted)}.trail-status{margin:17px 0 4px}.trail-about summary{cursor:pointer;min-height:36px;padding-top:8px}.trail-about p{margin:7px 0 12px}.trail-about a,.trail-source-link{text-underline-offset:3px}.trail-retry{font-size:11px;border-radius:8px;background:#e3e9db;padding:10px 14px;min-height:44px}.trail-info{position:absolute;z-index:22;left:var(--edge);bottom:calc(74px + env(safe-area-inset-bottom));width:302px;padding:22px;max-height:calc(100dvh - 170px);overflow:auto}.trail-kind{font-size:10px;color:var(--muted);margin:0 36px 9px 0}.trail-info h2{font-size:20px;line-height:1.2;margin-bottom:18px}.trail-facts{display:grid;grid-template-columns:98px 1fr;gap:9px 10px;font-size:11px;line-height:1.4;margin:0}.trail-facts dt{color:var(--muted)}.trail-facts dd{margin:0;overflow-wrap:anywhere}.trail-note{font-size:10px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:17px}.trail-source-link{font-size:10px;display:inline-flex;align-items:center;min-height:36px}.terrain-tools #trails[aria-pressed=true]{background:#665337;color:#fff}
@media(max-width:600px){.trail-legend{top:calc(173px + env(safe-area-inset-top));right:80px;width:232px;max-width:calc(100vw - 98px);padding:18px 16px;max-height:calc(100dvh - 275px);overflow:auto}.trail-key{gap:12px 6px}.trail-key-item{font-size:9px;gap:5px}.trail-sample{width:20px}.trail-info{left:12px;bottom:calc(85px + env(safe-area-inset-bottom));width:min(310px,calc(100vw - 88px));padding:20px}.trail-facts{grid-template-columns:82px 1fr;font-size:10px}}
@media(max-height:520px){.trail-legend{top:88px;max-height:calc(100dvh - 150px);overflow:auto}.trail-info{top:88px;bottom:auto;max-height:calc(100dvh - 148px)}}
/* Stable solid swatches match the terrain strokes; grade colors never imply signs. */
.trail-modes{display:flex;padding:3px;margin:0 0 17px;border-radius:10px;background:#e8ecdf;gap:3px}.trail-modes button{flex:1;min-height:35px;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:#64705e;font:inherit;font-size:11px;cursor:pointer}.trail-modes button[aria-pressed=true]{background:#fffdf6;color:#304735;box-shadow:0 1px 4px #25332315}.trail-modes button:focus-visible{outline:2px solid #71845b;outline-offset:2px}.trail-color-note{font-size:10px;line-height:1.5;color:var(--muted);margin:14px 0 0}.trail-sample{display:block;width:25px;flex:none;border:0;height:2.4px;background:#f1d39b;border-radius:3px;opacity:.68;box-shadow:0 0 0 .4px #433b2da6}.trail-sample-path{height:1.2px;background:#ffb28c}.trail-sample-alpine{height:1.4px;background:#8dcee3;opacity:.82}.trail-sample-steps{height:1.6px;background:#f4ebe1}.trail-sample-t1,.trail-sample-t2t3,.trail-sample-t4t6,.trail-sample-unknown{height:2.4px}.trail-sample-t1{background:#f4d13c}.trail-sample-t2t3{background:#ee625a}.trail-sample-t4t6{background:#66afff;opacity:.82}.trail-sample-unknown{background:#aab1b6}.trail-about .trail-grade-source{display:inline-block;margin-top:8px}.trail-status{margin-top:14px}
@media(max-width:600px){.trail-modes button{min-height:38px}.trail-color-note{font-size:9px}}

@media(max-width:600px){.trail-sample{width:20px}}

.trail-grade-info{margin:15px 0 0;font-size:12px;line-height:1.55}.trail-grade-info p{margin:0}.trail-grade-info a{display:inline-flex;align-items:center;min-height:36px;margin-top:4px;font-size:11px;line-height:1.45;text-underline-offset:3px}