.spine-key{display:flex;gap:22px;flex-wrap:wrap;margin:-20px 0 28px 208px;font-size:.72rem;color:var(--muted)}
.spine-key span{display:flex;align-items:center;gap:7px}.key-dot{display:inline-block;width:11px;height:11px;border-radius:50%}.key-dot.major{background:var(--pine)}.key-dot.pass{background:var(--orange);transform:rotate(45deg);border-radius:2px}.key-dot.minor{background:var(--snow);border:2px solid var(--moss)}.key-line{display:inline-block;width:24px}.key-line.main{border-top:5px solid var(--pine)}.key-line.variant{border-top:2px solid var(--orange)}
.route-spine{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.spine-row{display:grid;grid-template-columns:180px 130px 1fr;min-height:104px;position:relative}.spine-row:not(:last-child){border-bottom:1px solid rgba(23,34,29,.08)}.spine-region{padding:23px 20px 18px 0;display:flex;flex-direction:column}.spine-region b{font-size:.68rem;letter-spacing:.11em;color:var(--orange)}.spine-region span{font-size:.72rem;color:var(--muted);margin-top:4px}.spine-axis{position:relative;border-left:5px solid var(--pine);margin-left:30px}.spine-axis i{position:absolute;z-index:2;left:-9px;top:42px;width:13px;height:13px;background:var(--snow);border:3px solid var(--moss);border-radius:50%}.spine-row.major .spine-axis i{left:-12px;top:38px;width:20px;height:20px;background:var(--pine);border:4px solid var(--snow);box-shadow:0 0 0 2px var(--pine)}.spine-row.pass .spine-axis i{left:-9px;top:41px;border:0;border-radius:2px;background:var(--orange);transform:rotate(45deg)}.spine-row.split .spine-axis i,.spine-row.merge .spine-axis i{left:-13px;top:37px;width:20px;height:20px;background:var(--snow);border:5px solid var(--pine);box-shadow:0 0 0 3px var(--snow)}.spine-row.split,.spine-row.merge{background:#f5f7f2}.spine-row.split .spine-place small,.spine-row.merge .spine-place small{color:var(--pine);font-weight:800}.walk-time{position:absolute;z-index:3;top:-10px;left:14px;white-space:nowrap;background:var(--snow);border:1px solid var(--line);border-radius:99px;padding:3px 9px;font-size:.65rem;font-weight:700;color:var(--pine)}.spine-place{padding:20px 0}.spine-place small{display:block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.spine-place strong{display:block;font-size:1.05rem;line-height:1.3;margin:5px 0 3px}.spine-row.major .spine-place strong{font-size:1.28rem}.spine-row.pass .spine-place strong{color:#b84c2c}.spine-place span{display:block;color:var(--muted);font-size:.75rem}
.fork-routes{display:grid;grid-template-columns:180px 130px 1fr;min-height:220px;border-bottom:1px solid rgba(23,34,29,.08);background:#fbfaf6}.fork-caption{padding:30px 20px 0 0;text-align:right;color:var(--pine);font-size:.65rem;font-weight:800;letter-spacing:.1em}.fork-caption span{color:var(--muted);font-weight:500;letter-spacing:0}.fork-axis{position:relative}.fork-axis:before,.fork-axis:after{content:"";position:absolute;top:0;height:34px;border-left:3px solid;transform-origin:top}.fork-axis:before{left:30px;border-color:var(--pine);transform:rotate(-28deg)}.fork-axis:after{left:30px;border-color:var(--orange);transform:rotate(42deg)}.fork-axis i{position:absolute;top:29px;bottom:29px}.fork-axis i.main{left:15px;border-left:5px solid var(--pine)}.fork-axis i.variant{left:53px;border-left:2px solid var(--orange)}.fork-axis i:after{content:"";position:absolute;bottom:-30px;height:32px;border-left:inherit;transform-origin:bottom}.fork-axis i.main:after{left:0;transform:rotate(28deg)}.fork-axis i.variant:after{left:0;transform:rotate(-42deg)}
.fork-lanes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:24px 0}.route-lane{position:relative;padding:0 16px 14px 22px}.route-lane.main{border-left:5px solid var(--pine)}.route-lane.variant{border-left:2px solid var(--orange)}.route-lane header{display:flex;gap:10px;justify-content:space-between;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--line)}.route-lane header b{font-size:.8rem}.route-lane.variant header b{color:#b84c2c}.route-lane header span{font-size:.62rem;color:var(--muted);text-align:right}.lane-node{position:relative;padding:11px 0 9px 4px;border-bottom:1px solid rgba(23,34,29,.07)}.lane-node i{position:absolute;left:-30px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--snow);border:3px solid var(--pine)}.route-lane.variant .lane-node i{left:-27px;border:2px solid var(--orange)}.lane-node span{display:block;font-size:.76rem;font-weight:700}.lane-node small{display:block;margin-top:3px;color:var(--muted);font-size:.6rem}.lane-direct{padding:20px 0;color:var(--muted);font-size:.7rem}.scenery{margin-top:12px;padding:10px 12px;background:rgba(255,255,255,.72);border-left:3px solid var(--moss)}.route-lane.variant .scenery{border-left-color:var(--orange)}.scenery small{display:block;margin-bottom:4px;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.1em}.scenery span{display:block;font-size:.7rem;line-height:1.55;color:#35443c}.route-lane>p{margin:12px 0 0;color:#9b472c;font-size:.64rem}.spine-note{margin:22px 0 0 310px;color:var(--muted);font-size:.72rem;max-width:670px}
@media(max-width:700px){.spine-key{margin-left:0}.spine-row,.fork-routes{grid-template-columns:82px 64px 1fr}.spine-row{min-height:114px}.spine-region{padding-right:6px}.spine-region span{font-size:.6rem}.spine-axis{margin-left:20px}.walk-time{left:10px;font-size:.56rem;padding:2px 5px}.spine-place strong{font-size:.9rem}.spine-row.major .spine-place strong{font-size:1.05rem}.spine-place span{font-size:.65rem}.fork-caption{padding-right:5px;font-size:.58rem}.fork-axis:before,.fork-axis:after{left:20px}.fork-axis i.main{left:8px}.fork-axis i.variant{left:37px}.fork-lanes{grid-template-columns:1fr;gap:20px;padding-right:0}.route-lane{padding-right:5px}.route-lane header{display:block}.route-lane header span{display:block;text-align:left;margin-top:3px}.spine-note{margin-left:0}}
.key-stay{display:inline-block;width:11px;height:11px}.key-stay.hut{background:var(--pine);border-radius:2px}.key-stay.camp{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:11px solid var(--orange)}
.stay-groups{display:grid;gap:8px;margin-top:12px;max-width:720px}.stay-group{border:1px solid #d8ded5;background:rgba(255,255,255,.78);border-radius:10px;padding:9px 11px}.stay-group header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}.stay-group header b{font-size:.64rem;color:var(--pine)}.stay-group header small{font-size:.56rem;color:var(--muted);letter-spacing:0;text-transform:none}.stay-group>div{display:flex;flex-wrap:wrap;gap:5px 12px}.stay-item{display:inline-flex;align-items:center;gap:6px;color:#35443c;font-size:.66rem;line-height:1.35;text-decoration:none}.stay-item:hover span{text-decoration:underline}.stay-item i{display:inline-block;flex:0 0 auto;width:8px;height:8px}.stay-item.hut i{background:var(--pine);border-radius:1px}.stay-item.camp i{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--orange)}.route-lane .stay-groups{margin-top:8px}.route-lane .stay-group{padding:8px}.route-lane .stay-group header{display:block}.route-lane .stay-group header small{display:block;margin-top:2px;text-align:left}.route-lane .stay-group>div{display:grid;gap:5px}.route-lane .stay-item{font-size:.62rem}
@media(max-width:700px){.stay-group header{display:block}.stay-group header small{display:block;margin-top:2px}.stay-group>div{display:grid;gap:6px}.stay-item{font-size:.62rem}}

.stay-item.unavailable{opacity:.62}.stay-item.unavailable span{text-decoration:line-through;text-decoration-thickness:1px}.stay-item.unavailable:hover span{text-decoration:line-through}