:root{--paper:#faf5ee;--ink:#17323a;--soft:#52646b;--accent:#ce5225;--rule:#d9dfdd;--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font)}button,a,input{-webkit-tap-highlight-color:transparent}button,.button{font:inherit;color:var(--ink);border:1px solid #cad2cf;border-radius:7px;padding:8px 12px;background:white;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#eef3ef}button:focus-visible,a:focus-visible{outline:3px solid #087ab5;outline-offset:3px}.map-app{max-width:1600px;margin:auto;padding:20px}.day-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.day-tabs button{text-align:left;padding:10px 14px}.day-tabs button b{display:block;font-size:18px}.day-tabs button span{font-size:14px}.day-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.map-heading{display:flex;align-items:center;gap:18px;justify-content:space-between;margin:20px 0 16px}.map-heading>div{flex:1}.map-heading p{margin:0;color:var(--soft);font-size:14px}.map-heading #day-date{font-weight:600;color:var(--accent)}h1{font-size:clamp(22px,3vw,30px);line-height:1.4;margin:3px 0}h2{font-size:17px;margin:16px 0 8px}.map-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.map-column{min-width:0}.map-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 0 10px;font-size:14px}.map-toolbar button{font-size:14px}.map-toolbar label{margin-left:auto;display:flex;gap:6px;align-items:center}.map-toolbar input{width:17px;height:17px;accent-color:var(--accent)}#map{height:clamp(390px,66vh,760px);background:#e6ede8;border:1px solid #cad2cf;border-radius:10px;z-index:0}.map-legend{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;margin:10px 0 2px;align-items:center}.map-legend span{display:flex;align-items:center;gap:6px}.line{width:22px;border-top:3px dashed var(--accent)}.line.sea{border-color:#2676be}.option-dot{width:12px;height:12px;border:2px solid var(--accent);border-radius:50%}.map-caption{font-size:13px;color:var(--soft);margin:5px 0 10px}.route-note{font-size:14px;border-left:3px solid var(--accent);padding:0 0 0 12px;margin:0 0 15px;color:var(--soft)}aside{max-height:calc(66vh + 120px);overflow:auto;padding-right:8px;scrollbar-width:thin}#stop-list,#optional-list{list-style:none;padding:0;margin:0}.stop{border-bottom:1px solid var(--rule);padding:10px 0}.stop-top{display:flex;align-items:flex-start;gap:10px}.stop-number{flex-shrink:0;background:var(--accent);color:white;border-radius:50%;min-width:28px;height:28px;padding:0 5px;text-align:center;font-size:14px;line-height:28px}.stop-body{min-width:0;flex:1}.place-button{font-weight:650;padding:0;border:0;background:none;text-align:left;font-size:16px;line-height:1.5}.place-button:hover{background:none;color:var(--accent)}.stop-time{font-size:13px;color:var(--accent);margin-bottom:2px}.stop-desc{font-size:14px;color:var(--soft);margin:3px 0}.stop a,.map-sources a,.leaflet-popup-content a{font-size:14px;color:#086e91;text-underline-offset:3px}.leg-link{display:block;font-size:13px!important;margin:7px 0 0 38px}.leg-ferry{display:block;font-size:13px;color:#176aa2;margin:7px 0 0 38px}.optional-stop{padding:8px 0}.optional-stop .stop-number{color:var(--accent);background:none;border:2px solid var(--accent);line-height:24px;font-size:12px}.map-sources{font-size:13px;color:var(--soft);margin-top:18px}.map-sources summary{cursor:pointer}.map-sources a{font-size:13px}.number-pin{background:none;border:0}.pin-label{display:flex;align-items:center;justify-content:center;border:3px solid white;background:var(--accent);color:white;min-width:34px;height:34px;padding:0 6px;border-radius:50%;box-shadow:0 2px 7px #17323a55;font:700 14px/1 var(--font);white-space:nowrap}.pin-label.optional{background:white;color:var(--accent);border:2px solid var(--accent);font-size:13px}.leaflet-popup-content{font:14px/1.6 var(--font);min-width:170px}.leaflet-popup-content b{display:block;font-size:16px}.leaflet-popup-content p{margin:6px 0}.leaflet-control-attribution{font-size:11px!important}#map-status{font-size:14px;padding:10px;background:#fff0cd;color:#744805}#back-trip{display:none}body:not(.embedded) #back-trip{display:block}body:not(.embedded) #open-day{display:none}.embedded .map-app{padding:16px}.embedded .map-heading{margin:14px 0}.embedded #map{height:390px}.embedded aside{max-height:480px}.embedded .map-workspace{grid-template-columns:minmax(0,1fr) 300px}
@media(max-width:850px){.map-workspace,.embedded .map-workspace{grid-template-columns:1fr}.map-app{padding:12px}.day-tabs{gap:5px}.day-tabs button{padding:8px 4px;text-align:center}.day-tabs button b{font-size:16px}.day-tabs button span{font-size:12px}.map-heading{gap:10px}.map-heading .button{font-size:14px;white-space:nowrap}#map{height:48vh;min-height:300px;max-height:440px}.embedded #map{height:330px;min-height:280px}.embedded aside{max-height:230px;border-top:1px solid var(--rule);padding-top:12px}.map-workspace{gap:10px}aside{max-height:none;overflow:visible}.embedded aside{overflow:auto}.map-toolbar{gap:8px}.map-toolbar button{padding:7px 9px}.map-legend{gap:12px}.map-heading #day-subtitle{max-width:30em}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.line.road{border-top-style:solid}.leaflet-control-attribution{max-width:100%;line-height:1.2!important}.leaflet-control-attribution a{font-size:11px!important}

#map{background:#d8eaf0}.base-label{color:#69848c;white-space:nowrap;font:600 13px system-ui;text-shadow:0 1px 3px white,1px 0 3px white;pointer-events:none}

[hidden]{display:none!important}.route-details{min-width:0}.route-details>summary{display:none}#map-touch{display:none}.embedded aside{max-height:none;overflow:visible}.embedded .map-app{padding-bottom:20px}
@media(max-width:850px){
 .map-app,.embedded .map-app{padding:10px}.day-tabs{position:sticky;top:0;z-index:800;background:var(--paper);padding:5px 0;gap:5px}.day-tabs button{min-height:56px;border-radius:9px}.day-tabs button span{font-size:11px}.map-heading,.embedded .map-heading{margin:12px 0;flex-wrap:wrap}.map-heading h1{font-size:23px}.map-heading .button{min-height:44px;padding:10px}.map-heading #day-subtitle{font-size:13px}
 .map-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.map-toolbar button,.map-toolbar label{min-height:44px;margin:0;justify-content:center;text-align:center;font-size:13px}.map-toolbar label{grid-row:2;grid-column:2}.map-toolbar #switch-basemap{grid-row:2;grid-column:1}#map-touch{display:block;background:#e3eeea;border-color:#a1bbb5}#map-touch[aria-pressed=true]{background:#137d78;color:#fff}
 #map,.embedded #map{height:330px;min-height:280px;max-height:430px}.map-locked #map{touch-action:pan-y!important}.map-locked #map .leaflet-pane{touch-action:pan-y!important}.map-legend{gap:10px;font-size:12px}.map-caption{font-size:12px;line-height:1.7}.route-details{border:1px solid #d8dfd9;border-radius:10px;background:#fff;overflow:hidden}.route-details>summary{display:list-item;padding:14px 12px;min-height:48px;font-size:15px;font-weight:650;cursor:pointer}.route-details[open]>summary{border-bottom:1px solid #d8dfd9}.route-details aside,.embedded .route-details aside{padding:14px 12px;max-height:none;overflow:visible;border:0}.place-button{min-height:44px;line-height:1.6}.stop a,.optional-stop a{display:inline-flex;min-height:44px;align-items:center}.stop .leg-link{display:flex;padding:4px 0;font-size:14px!important}.stop-desc,.route-note{font-size:15px;line-height:1.7}.map-sources summary{min-height:44px;padding:10px 0}
}