:root{font-family:Arial,Helvetica,sans-serif;color:#173540;background:#f2f5f5;font-size:16px;--navy:#102a36;--line:#d5dfe2;--accent:#e6ac4b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{border:1px solid #b9c9ce;background:white;color:#173540;border-radius:4px;padding:9px 12px;cursor:pointer;font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;min-height:38px}button:hover,.button:hover{background:#eaf1f2;border-color:#587d87}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d18b18;outline-offset:3px}input,select,textarea{border:1px solid #b9c9ce;border-radius:4px;background:#fff;color:#173540;padding:8px;max-width:100%;min-height:39px}textarea{resize:vertical;width:100%}label{display:flex;flex-direction:column;gap:5px;font-size:.875rem;color:#47616a}header{height:78px;background:var(--navy);color:white;display:flex;align-items:center;gap:34px;padding:14px 24px}.brand{font-size:.75rem;letter-spacing:.15em;font-weight:700;color:#e6ac4b;text-decoration:none;max-width:150px;line-height:1.5}.heading{display:flex;align-items:baseline;gap:20px}.heading h1{font-size:1.65rem;margin:0;font-weight:500;letter-spacing:-.03em}.heading>span{font-size:.75rem;letter-spacing:.12em;color:#adc3cb}.header-actions{margin-left:auto;display:flex;gap:18px;align-items:center}.header-actions>span{font-size:.75rem;color:#c6d7dc}.header-actions button{background:transparent;color:#fff;border-color:#59717c}.settings{display:flex;gap:24px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);background:white}.settings select{min-width:230px}.settings .speed{width:170px;position:relative}.speed span{position:absolute;right:0;font-weight:bold;color:#102a36}.speed input{padding:0;accent-color:#184d60}.trip-period{margin-left:auto;display:flex;flex-direction:column;gap:7px;font-size:.875rem;text-align:right}.trip-period span{color:#58717b}main{display:grid;grid-template-columns:minmax(0,1fr) 395px;height:calc(100dvh - 163px);min-height:490px}.map-panel{position:relative;min-width:0;height:100%;isolation:isolate;background:#bfdae0}#map{height:100%;width:100%;background:#bfdae0}.map-tools{position:absolute;top:14px;left:55px;display:flex;gap:6px;z-index:600;flex-wrap:wrap}.map-tools label{flex-direction:row;align-items:center;background:white;padding:0 10px;border:1px solid #b9c9ce;border-radius:4px;box-shadow:0 1px 5px #17354022}.map-tools input{min-height:0;accent-color:#184d60}.map-caption{position:absolute;bottom:36px;left:18px;right:18px;pointer-events:none;background:#fffffff2;padding:12px 15px;border-left:4px solid #194b5c;z-index:500;max-width:530px}.map-caption strong{font-size:.75rem;letter-spacing:.18em;display:block;margin-bottom:5px}.map-caption span{font-size:.875rem;color:#47616a}.map-key{position:absolute;bottom:118px;left:18px;z-index:500;background:#fffffff0;border-radius:3px;padding:8px 10px;font-size:.75rem;display:flex;gap:8px;align-items:center}.map-key i{width:25px;border-top:3px dashed #bd691e}.map-key span{border-left:1px solid #aaa;padding-left:8px}#map-status{position:absolute;top:62px;left:55px;right:16px;z-index:550;font-size:.875rem;padding:10px;background:#fff5db}aside{background:#fff;overflow:auto;border-left:1px solid var(--line);padding:20px}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.plan-top h2{margin:0;font-size:1.35rem;font-weight:500}.plan-top p{font-size:.8rem;color:#58717b;margin:5px 0 12px}.totals{display:grid;grid-template-columns:1fr 1.4fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-top:6px}.totals div{display:flex;flex-direction:column;gap:5px}.totals strong{font-size:1.4rem;letter-spacing:-.04em}.totals span{font-size:.75rem;color:#57707a}.estimate-note{font-size:.75rem;line-height:1.5;color:#60737b;margin:12px 0 16px}.day{display:grid;grid-template-columns:39px minmax(0,1fr);gap:10px;position:relative;padding:10px 8px;border:1px solid transparent;border-bottom-color:var(--line)}.day.active{border:1px solid #b97c26;background:#fff8eb;border-radius:4px}.day button.day-number{width:34px;height:34px;min-height:34px;padding:0;border-radius:50%;background:#edf2f3;border:0}.day.active button.day-number{background:#173f50;color:#fff}.day-label{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:.75rem;margin-bottom:5px;color:#57707a}.day-label strong{color:#173540}.day select{width:100%;font-size:.875rem;padding:6px;min-height:35px}.day .leg{font-size:.75rem;color:#58717b;margin-top:5px}.return-row{font-size:.8rem;display:flex;flex-wrap:wrap;gap:5px 10px;margin:15px 0;padding-left:8px}.return-row strong{flex-basis:100%}.day-editor{background:#f2f6f6;border:1px solid var(--line);border-radius:5px;padding:13px}.editor-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.editor-title h3{font-size:.95rem;margin:0}.editor-title button{font-size:.75rem;padding:6px;min-height:30px}.day-editor select{width:100%}#add-visit{margin:8px 0}.day-editor ol{padding:0;list-style:none;margin:4px 0 12px}.day-editor li{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;padding:5px 0;gap:8px}.day-editor li button{padding:3px 8px;min-height:28px;font-size:.75rem}.places,.sources{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;font-size:.9rem;font-weight:600}.places label{margin-top:12px}#place-list{max-height:240px;overflow:auto;margin-top:8px}#place-list button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e5ecef;border-radius:0;font-weight:400}#place-list small{display:block;color:#6a7d84;margin-top:3px}.footer-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.sources p{font-size:.8rem;line-height:1.6;color:#57707a}a{color:#17667d}.pin{border-radius:50%;width:26px;height:26px;border:2px solid white;background:#24586c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:bold;box-shadow:0 1px 5px #17354055}.pin.day-pin{background:#bd691e;width:30px;height:30px}.pin.base-pin{background:#102a36}.island-label{white-space:nowrap;font-size:12px;letter-spacing:.06em;color:#315b60;font-weight:bold;text-shadow:0 0 4px white,0 0 4px white;pointer-events:none}.leaflet-tooltip{font-family:inherit}.popup h3{font-size:1rem;margin:0 0 5px}.popup p{font-size:.875rem;margin:8px 0;line-height:1.5}.popup small{font-size:.75rem;color:#5b7680}.popup-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.popup-actions button{font-size:.8rem}.popup .primary,.primary{background:#173f50;color:#fff;border-color:#173f50}#message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#102a36;color:white;border:1px solid #547683;padding:12px 20px;border-radius:5px;z-index:3000;max-width:90vw;box-shadow:0 3px 18px #0003;font-size:.875rem}dialog{border:0;border-radius:8px;padding:24px;max-width:calc(100vw - 30px);width:390px;color:#173540}dialog::backdrop{background:#102a3680}dialog h2{margin-top:0;font-size:1.4rem}dialog form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}#custom-position{font-size:.875rem;color:#57707a}.leaflet-control-attribution{font-size:10px!important}@media(max-width:1000px){header{gap:15px;padding:12px 16px}.heading{gap:10px}.heading>span{display:none}.settings{gap:14px;padding:12px 16px}.settings select{min-width:170px}.trip-period{display:none}main{grid-template-columns:minmax(0,1fr) 350px}aside{padding:14px}.header-actions>span{display:none}}@media(max-width:700px){header{height:auto;min-height:72px;gap:14px}.brand{max-width:100px;font-size:.65rem}.heading h1{font-size:1.35rem}.header-actions button{font-size:.75rem;padding:7px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings .speed{grid-column:1/-1;width:100%;display:grid;grid-template-columns:125px 1fr;align-items:center}.speed span{right:0;top:0}.speed input{margin-top:14px}.settings label{min-width:0}.settings input,.settings select{width:100%;min-width:0}main{display:flex;flex-direction:column;height:auto;min-height:0}.map-panel{height:48dvh;min-height:320px}.map-caption{bottom:25px;left:10px;right:10px;padding:9px 12px}.map-caption span{font-size:.75rem}.map-key{bottom:106px;left:10px}.map-tools{left:52px;right:5px;top:10px;gap:4px}.map-tools button,.map-tools label{font-size:.75rem;padding:6px}.map-tools label input{width:auto}aside{overflow:visible;border-left:0;padding:18px}#day-list{display:grid;grid-template-columns:1fr}.totals span{font-size:.8rem}#saved{display:none}}@media print{header{background:white;color:black;height:auto}.brand{color:black}.heading>span{display:block}.header-actions,.map-tools,.map-caption,.map-key,.leaflet-control-zoom,.footer-actions,.places,.sources,.day-editor,.estimate-note,#message{display:none!important}.settings{display:flex;flex-wrap:wrap}.speed input{display:none}main{display:block;height:auto}.map-panel{height:300px;break-inside:avoid}aside{overflow:visible;border:0;padding:12px 0}#day-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.day{break-inside:avoid}.day.active{background:white;border-color:#aaa}.day select{appearance:none;border:0}.print-notes{display:block!important;font-size:.8rem;white-space:pre-wrap}.totals{padding:8px 0}.trip-period{display:flex}.leaflet-control-attribution{font-size:8px!important}body{background:white}}
.print-notes{display:none}

/* Direct itinerary editing */
.day select{display:none}.day-label{font-size:.875rem}.day-stops{display:grid;gap:6px}.inline-stop{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:#f1f5f6;border-left:3px solid #668a99;font-size:.875rem}.inline-stop>span{min-width:0;overflow-wrap:anywhere}.inline-stop small{display:block;font-size:.75rem;color:#59727b;margin-top:3px}.inline-stop button{font-weight:400;min-height:40px;padding:7px;color:#943c29;background:transparent;flex-shrink:0}.overnight-stop{border-left-color:#ba7a22;background:#fff2db}.add-stop{width:100%;margin-top:8px;border:1px dashed #527c8a;color:#174c5f;background:transparent;min-height:42px}.stop-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.stop-heading h2{margin:0;font-size:1.2rem}#stop-dialog{width:480px;max-height:85dvh;padding:20px}#stop-dialog label{font-size:.875rem}.stop-search{margin-top:14px}.stop-hint{font-size:.875rem;color:#58717b}#stop-results{max-height:48dvh;overflow:auto;border-top:1px solid var(--line)}.stop-result{padding:14px 0;border-bottom:1px solid var(--line)}.stop-result small{display:block;color:#58717b;margin:4px 0 10px}.stop-result>div{display:flex;gap:8px;flex-wrap:wrap}.stop-result button{min-height:44px}.popup label{margin-top:10px}#message button{margin-left:12px;min-height:36px}@media print{.add-stop,.inline-stop button{display:none}.day-stops{display:none}.day select{display:block}}

.map-tools .map-style-label{gap:6px;font-size:.875rem;padding:3px 8px}.map-style-label select{font-size:.875rem;min-height:34px;padding:4px}.chart-style{background:#f9f7ed!important}.chart-style .island-label{font-family:Georgia,serif;color:#514b37;letter-spacing:.08em;text-shadow:0 0 3px #fff}.chart-coordinate{color:#766480;font:11px Georgia,serif;white-space:nowrap;pointer-events:none}.longitude{transform:translateX(-35px)}#north{position:absolute;right:22px;top:100px;z-index:450;color:#79567d;text-align:center;font:600 15px Georgia,serif;pointer-events:none}#north span{display:block;font-size:40px;line-height:1}#chart-note{position:absolute;right:10px;bottom:10px;z-index:550;background:#f9f7edf2;color:#65586c;padding:5px 8px;font-size:.75rem;line-height:1.4;pointer-events:none}.leaflet-control-scale{margin-bottom:6px!important}@media(max-width:700px){.map-tools .map-style-label{font-size:.75rem}.map-style-label select{font-size:.75rem;max-width:130px}.map-tools{right:6px}.map-caption{bottom:62px}.map-key{bottom:145px}#chart-note{max-width:calc(100% - 100px);font-size:.7rem}#north{top:115px}}@media print{.chart-coordinate{font-size:10px}}

.header-actions .print-plan{background:#e6ac4b;color:#102a36;border-color:#e6ac4b;font-weight:700}

#print-itinerary{display:none}
body.printing{width:186mm;background:white}body.printing main{display:block;height:auto}body.printing .map-panel{height:205mm;width:186mm}body.printing aside{display:none}
@page{size:A4 portrait;margin:12mm}
@media print{
body{width:186mm;color:#102a36;background:white;font-size:10pt;print-color-adjust:exact;-webkit-print-color-adjust:exact}
header{height:15mm;min-height:0;padding:0 0 3mm;gap:10mm;background:white;color:#102a36}.heading h1{font-size:20pt}.brand{font-size:8pt}.heading>span{font-size:8pt}.header-actions{display:none!important}
.settings{padding:2mm 0 4mm;gap:5mm;flex-wrap:nowrap;border:0;min-height:18mm}.settings label{font-size:8pt}.settings input,.settings select{font-size:9pt;border:0;padding:0;min-height:0}.settings select{min-width:0}.settings .speed{width:25mm}.speed span{position:static}.trip-period{display:none!important}
main{display:block;height:auto;min-height:0}.map-panel{height:205mm!important;width:186mm!important;break-inside:avoid;overflow:hidden;border:1px solid #b9c9ce}#map{height:100%;width:100%}aside{display:none!important}
#print-itinerary{display:block;break-before:page;padding-top:1mm}#print-itinerary h2{font-size:18pt;margin:0 0 5mm}#print-itinerary p{font-size:10pt;line-height:1.4;margin:0 0 4mm}#print-itinerary table{border-collapse:collapse;width:100%;font-size:10pt;table-layout:fixed}#print-itinerary th,#print-itinerary td{padding:3mm 2mm;border-bottom:1px solid #c8d4d9;text-align:left;vertical-align:top;overflow-wrap:anywhere}#print-itinerary thead{background:#e8eef0}#print-itinerary th:first-child{width:23mm}#print-itinerary th:last-child{width:25mm}#print-itinerary tr{break-inside:avoid}#print-itinerary small{display:block;font-size:9pt;font-weight:400;margin-top:2mm}#print-itinerary .itinerary-note{white-space:pre-wrap;margin-top:2mm;font-size:9pt}#print-itinerary .print-caution{font-size:8pt;margin-top:5mm;color:#536772}.leaflet-control-scale{display:block}.leaflet-control-attribution{max-width:100%}#chart-note{bottom:25px;max-width:120mm}#north{top:20px}
}
/* Dedicated phone workspace */
.mobile-nav,.mobile-map-actions{display:none}.location-links{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0}.location-links a{font-size:.875rem;text-underline-offset:3px;padding:4px 0}.place-card{padding:16px 0;border-bottom:1px solid var(--line)}.place-card h3{font-size:1rem;margin:5px 0}.place-card p,.stop-result p{font-size:.875rem;line-height:1.5;margin:8px 0}.place-card small{color:#58717b}.place-actions,.day-actions{display:flex;gap:8px}.day-actions{margin-top:8px}.day-actions .add-stop{margin:0;flex:1}.day-actions>button{font-size:.8rem}.place-actions button{width:auto!important;border:1px solid #b9c9ce!important}.place-actions .primary{color:white;background:#173f50}#place-list{max-height:480px}#place-count{font-size:.875rem;color:#58717b}.places>label{margin-top:12px}.popup .location-links{gap:12px}.popup{max-height:60dvh;overflow:auto}.popup button{min-height:44px}.map-caption{display:none}.map-key{bottom:65px}#chart-note{max-width:330px}.stop-result strong{font-size:1rem}.stop-result p strong{font-size:inherit}
@media screen and (max-width:700px){
html,body{height:100%;overscroll-behavior-y:none}body{padding-bottom:calc(66px + env(safe-area-inset-bottom));background:#f2f5f5}header{height:60px;min-height:60px;padding:8px 14px;position:sticky;top:0;z-index:800}.brand{display:none}.heading h1{font-size:1.3rem}.header-actions{margin-left:auto}.header-actions button{min-height:44px;font-size:.875rem}.settings{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#102a36;z-index:1500;gap:6px}.mobile-nav button{min-height:48px;background:transparent;color:#d1e0e5;border:0;font-size:.95rem}.mobile-nav button[aria-current]{background:#e6ac4b;color:#102a36}.mobile-map-actions{display:flex;position:absolute;top:65px;left:12px;right:12px;gap:8px;z-index:600;align-items:end}.mobile-map-actions label{background:white;border-radius:5px;padding:5px 8px;flex:1;font-size:.75rem;box-shadow:0 1px 5px #0002}.mobile-map-actions select{min-height:40px;width:100%;border:0;padding:2px;font-size:1rem}.mobile-map-actions button{min-height:58px;font-size:1rem}.map-tools{top:12px;left:58px;right:12px}.map-tools button{font-size:.875rem;min-height:42px}.map-panel{height:calc(100dvh - 126px - env(safe-area-inset-bottom));min-height:280px}.map-key{display:none}#chart-note{left:8px;right:auto;bottom:23px;font-size:.7rem;max-width:calc(100% - 16px)}#north{top:155px;right:16px}main{min-height:0;display:block}.map-panel,aside{display:none}body[data-mobile-view="map"] .map-panel{display:block}body[data-mobile-view="plan"] aside,body[data-mobile-view="explore"] aside{display:block}aside{padding:16px;border:0}body[data-mobile-view="plan"] .places{display:none}body[data-mobile-view="explore"] aside>*{display:none}body[data-mobile-view="explore"] aside>.places{display:block;margin:0;padding:0;border:0}.places summary{font-size:1.2rem;margin-bottom:16px;pointer-events:none;list-style:none}.places summary::marker{content:''}#place-list{max-height:none;overflow:visible}.place-card{background:white;padding:16px;margin:12px 0;border:1px solid var(--line);border-radius:6px}.place-card h3{font-size:1.1rem}.place-card p{font-size:1rem}.place-card small{font-size:.875rem}.place-actions button{flex:1;min-height:48px;font-size:.875rem}.location-links a{min-height:40px;display:inline-flex;align-items:center}body[data-mobile-view="trip"] .settings{display:flex;flex-direction:column;gap:22px;padding:24px 18px;background:white}body[data-mobile-view="trip"] .settings>label{width:100%;font-size:1rem}body[data-mobile-view="trip"] .settings input,body[data-mobile-view="trip"] .settings select{min-height:48px;width:100%;font-size:1rem}body[data-mobile-view="trip"] .settings .speed{display:flex;width:100%}body[data-mobile-view="trip"] .trip-period{display:flex;text-align:left;margin:0;align-self:start}.day{padding:14px 10px;margin-bottom:10px;border:1px solid var(--line);background:white;border-radius:6px;grid-template-columns:34px minmax(0,1fr);gap:8px}.inline-stop{padding:10px 8px;font-size:1rem}.inline-stop button{min-height:44px}.day-label{font-size:.9rem;margin-bottom:10px}.day-actions button{min-height:46px}.day .leg{font-size:.8rem;line-height:1.5}.day-editor{scroll-margin-top:75px}.day-editor input,.day-editor select,.day-editor textarea{font-size:16px}.editor-title button{min-height:44px;font-size:.875rem}.footer-actions>*{flex:1;min-height:48px}.estimate-note{font-size:.8rem}dialog#stop-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.stop-heading{position:sticky;top:-18px;background:white;padding:10px 0;z-index:1}.stop-heading button{min-height:44px}dialog input,dialog select{font-size:16px;min-height:46px}#stop-results{max-height:none;overflow:visible}.stop-result{padding:18px 0}.stop-result button{flex:1;font-size:.95rem;min-height:48px}.stop-result p{font-size:1rem}#message{bottom:calc(82px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:none}.leaflet-popup-content{margin:12px;width:min(280px,calc(100vw - 68px))!important}.leaflet-popup-content .popup{max-height:48dvh}.leaflet-control-zoom a{width:36px;height:36px;line-height:36px}#stop-search,#search{font-size:16px}
}
@media print{.mobile-nav,.mobile-map-actions{display:none!important}body{padding-bottom:0}header{position:static}.map-panel{display:block!important}.settings{display:flex!important}aside{display:none!important}}