/* The itinerary (itin.js), the trip planner (plan.js) and the Itinerary page: shared by index.html
   and flights.html, which have the same colour and type tokens (the tracker calls its red --accent). */
.it .eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
.pz-go{display:flex!important;align-items:center;justify-content:center;text-align:center}
/* v185 — the day, door to door (itin.js): a timeline with the city plan in the middle.
   Times in a column, a rail down the middle of the gap, a dot on the rail for every moment. */
body .it{--it-t:46px;--it-g:26px;margin:22px 0 6px}
body .it-h{margin-bottom:12px}
body .it-h .eyebrow{margin:0}
body .it-h > span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
body .it-l{list-style:none;margin:0;padding:0;position:relative}
body .it-l::before{content:"";position:absolute;left:calc(var(--it-t) + var(--it-g) / 2 - 1px);top:14px;bottom:14px;width:2px;background:var(--line)}
body .it-l > li{position:relative;display:grid;grid-template-columns:var(--it-t) minmax(0,1fr);column-gap:var(--it-g);align-items:start}
body .it-l time{font-family:var(--sans)!important;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);padding-top:9px;text-align:right;white-space:nowrap}
body .it-f > div,body .it-s-b{position:relative;padding:8px 0}
body .it-f > div::before,body .it-s-b::before{content:"";position:absolute;left:calc(var(--it-g) / -2 - 6px);top:13px;width:8px;height:8px;border-radius:50%;background:var(--paper);border:2px solid var(--muted);box-sizing:content-box}
body .it-f b,body .it-s-b b{display:block;font-family:var(--sans)!important;font-size:15px!important;font-weight:700!important;letter-spacing:0!important;color:var(--ink);line-height:1.3}
body .it-f small,body .it-s-b small{display:block;font-size:13.5px;color:var(--muted);margin-top:1px;line-height:1.35}
body .it-f:not(.it-hl) b{font-weight:600!important}
body .it-hl > div::before{background:var(--ink);border-color:var(--ink)}
body .it-s{margin:3px 0}
body .it-s-b{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:10px 12px;font:inherit;color:inherit;cursor:pointer}
body .it-s-b::before{left:calc(var(--it-g) / -2 - 7px);top:15px;background:var(--lime,var(--accent));border-color:var(--lime,var(--accent))}
body .it-s-b:hover{background:var(--soft)}
body .it-s-b p{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
body .it-s time{padding-top:11px}
body .it-s.open .it-s-b{border-color:var(--ink);border-bottom-left-radius:0;border-bottom-right-radius:0}
body .it-tools{grid-column:2;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--ink);border-top:0;border-radius:0 0 12px 12px;background:var(--card)}
body .it-tools button,body .it-tools a{flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);cursor:pointer;padding:0}
body .it-tools button:disabled{opacity:.35;cursor:default}
body .it-tools svg{width:16px;height:16px}
body .it-len{display:inline-flex;align-items:center;gap:6px;margin:0 auto 0 4px}
body .it-len b{min-width:48px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
body .it-tools .it-rm{color:var(--lime,var(--accent))}
body .it-go > span{grid-column:2;font-size:13px;color:var(--muted);padding:4px 0}
body .it-go > span::before{content:"";display:inline-block;width:14px;border-top:2px dotted var(--muted);vertical-align:middle;margin-right:8px}
body .it-l > .it-wait,body .it-l > .it-free,body .it-l > .it-over{display:block;font-size:13.5px;color:var(--muted);padding:8px 0 8px calc(var(--it-t) + var(--it-g))}
body .it-l > .it-over{color:var(--lime,var(--accent));font-weight:600}
body .it-dots{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:8px;animation:itp 1s ease-in-out infinite alternate}
@keyframes itp{from{opacity:.25}to{opacity:1}}
body .it-acts,body .it-pick,body .it-src{margin-left:calc(var(--it-t) + var(--it-g))}
body .it-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body .it-add,body .it-reset{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
body .it-add svg{width:15px;height:15px}
body .it-add[aria-expanded="true"]{border-color:var(--ink)}
body .it-reset{color:var(--muted)}
body .it-pick{margin-top:10px;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
body .it-tabs{display:flex;border-bottom:1px solid var(--line)}
body .it-tabs button{flex:1;padding:10px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer}
body .it-tabs button[aria-selected="true"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
body .it-opts{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}
body .it-opts button{display:block;width:100%;text-align:left;padding:10px 14px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;color:var(--ink);cursor:pointer}
body .it-opts button:hover{background:var(--soft)}
body .it-opts b{display:block;font-size:14.5px}
body .it-opts small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.4}
body .it-none{padding:12px 14px;font-size:13.5px;color:var(--muted)}
body .it-own{display:flex;gap:8px;padding:10px}
body .it-own input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;background:var(--paper);color:var(--ink)}
body .it-src{margin-top:12px;font-size:12px;color:var(--muted)}
body .it-src a{color:inherit}
@media (max-width:520px){
  body .it{--it-t:42px;--it-g:22px}
  body .it-l time{font-size:13.5px}
  body .it-acts,body .it-pick,body .it-src{margin-left:0}
}

/* v186 — Itinerary, from the menu: the day trips, each opening on its plan */
body .pl-h{margin:22px 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
body .pl-list{display:grid;gap:8px}
body .pl-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);font:inherit;color:var(--ink);cursor:pointer}
body .pl-row:hover{background:var(--soft)}
body .pl-row > span{flex:1;min-width:0}
body .pl-row b{display:block;font-family:var(--sans)!important;font-size:16px!important;font-weight:700!important;letter-spacing:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .pl-row small{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
body .pl-row em{flex:none;font-style:normal;font-size:13px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--soft);color:var(--ink)}

/* v187 — the itinerary's stops as cards: number, photo, hours, what it is; rides as rows; the map */
body .it-map{position:relative;height:220px;border-radius:14px;overflow:hidden;margin:0 0 16px;border:1px solid var(--line);background:var(--soft)}
body .it-map .dm{position:absolute;inset:0}
body .it-s-w{grid-column:2;min-width:0}
body .it-s .it-s-b{display:flex;align-items:flex-start;gap:12px;padding:12px}
body .it-s .it-s-b::before{top:17px}
body .it-n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lime,var(--accent));color:var(--on-lime,#fff);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
body .it-c{flex:1;min-width:0}
body .it-c b{white-space:normal}
body .it-hrs{display:flex!important;align-items:center;gap:5px;margin-top:3px!important}
body .it-hrs svg{flex:none;width:14px;height:14px}
body .it-hrs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .it-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
body .it-tags i{font-style:normal;font-size:12px;font-weight:600;padding:3px 9px;border-radius:7px;background:var(--soft);color:var(--ink)}
body .it-s-b img{flex:none;width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--soft)}
body .it-s.open .it-s-b{border-color:var(--ink);border-bottom-left-radius:0;border-bottom-right-radius:0}
body .it-more{padding:4px 12px 10px;border:1px solid var(--ink);border-top:0;border-radius:0 0 12px 12px;background:var(--card)}
body .it-more p{margin:6px 0 8px;font-size:14px;line-height:1.5;color:var(--ink)}
body .it-ln{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:13.5px;color:var(--ink);text-decoration:none;word-break:break-word}
body a.it-ln span{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line)}
body .it-ln svg{flex:none;width:16px;height:16px;margin-top:1px;color:var(--muted)}
body .it-more .it-tools{border:0;padding:8px 0 0;margin-top:6px;border-top:1px solid var(--line);border-radius:0}
body .it-go > span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body .it-go > span::before{display:none}
body .it-go svg{width:15px;height:15px;flex:none}
body .it-go a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line)}
body .it-tr time{color:var(--muted);font-weight:600}
body .it-tr-b{grid-column:2;display:flex;align-items:center;gap:10px;margin:4px 0;padding:10px 12px;border-radius:12px;background:var(--soft);font-size:14px;min-width:0}
body .it-tr-b svg{flex:none;width:18px;height:18px}
body .it-tr-b span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
body .it-tr-b em{flex:none;font-style:normal;font-size:12.5px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
body .it-opts button{display:flex;align-items:center;gap:12px}
body .it-opts img,body .it-ph{flex:none;width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--soft)}
body .it-opts button > span{min-width:0}
body .it-opts small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:520px){body .it-s-b img{width:60px;height:60px}}

/* v188 — Plan a trip (plan.js): the steps, and the trip on its map */
body .pl-new{display:flex;align-items:center;gap:14px;width:100%;margin:18px 0 6px;padding:18px;border:0;border-radius:16px;background:var(--ink);color:var(--paper);text-align:left;font:inherit;cursor:pointer}
body .pl-new b{display:block;font-family:var(--serif,"Instrument Serif",Georgia,serif)!important;font-size:26px!important;font-weight:400!important;letter-spacing:-.01em!important;line-height:1.1}
body .pl-new small{display:block;margin-top:4px;font-size:14px;opacity:.75}
body .pl-new > span{flex:1}
body .pl-new i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lime,var(--accent));color:var(--on-lime,#fff);font-style:normal;font-size:24px;line-height:1}
html.pz-on{overflow:hidden}
.pz{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;background:var(--paper);color:var(--ink)}
.pz[hidden]{display:none}
.pz-top{display:flex;align-items:center;gap:14px;padding:max(14px,env(safe-area-inset-top)) 16px 8px;max-width:640px;width:100%;margin:0 auto;box-sizing:border-box}
.pz-b{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.pz-b svg{width:18px;height:18px}
.pz-bar{flex:1;height:4px;border-radius:4px;background:var(--line);overflow:hidden}
.pz-bar i{display:block;height:100%;background:var(--ink);border-radius:4px;transition:width .25s}
.pz-in{flex:1;overflow-y:auto;padding:8px 16px 24px;max-width:640px;width:100%;margin:0 auto;box-sizing:border-box;-webkit-overflow-scrolling:touch}
.pz-h{font-family:var(--serif,"Instrument Serif",Georgia,serif)!important;font-size:40px!important;font-weight:400!important;line-height:1.02;letter-spacing:-.02em;margin:10px 0 16px}
.pz-h em{font-style:italic}
.pz-sub{font-size:15px;line-height:1.45;color:var(--muted);margin:0 0 16px}
.pz-k{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:18px 0 4px}
.pz-q{width:100%;box-sizing:border-box;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font:inherit;font-size:17px}
.pz-q:focus{outline:2px solid var(--ink);outline-offset:1px}
.pz-list{list-style:none;margin:6px 0 0;padding:0}
.pz-list button{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:14px 2px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.pz-list b{font-size:18px;font-weight:600}
.pz-list span{font-size:14px;color:var(--muted)}
.pz-none{padding:14px 2px;color:var(--muted)}
.pz-city{position:relative;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line)}
.pz-city img,.pz-city-ph{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--soft)}
.pz-city b{display:block;padding:14px 16px 2px;font-size:22px;font-weight:700}
.pz-city small{display:block;padding:0 16px 16px;font-size:14px;color:var(--muted)}
.pz-clear{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.pz-clear svg{width:18px;height:18px}
.pz-mo{margin:0 0 18px}
.pz-mo > b{display:block;font-size:16px;margin:0 0 8px}
.pz-dow,.pz-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.pz-dow i{font-style:normal;text-align:center;font-size:12px;font-weight:600;color:var(--muted);padding:4px 0}
.pz-days button{aspect-ratio:1;border:0;border-radius:50%;background:none;color:var(--ink);font:inherit;font-size:15px;cursor:pointer;font-variant-numeric:tabular-nums}
.pz-days button:disabled{color:var(--line);cursor:default}
.pz-days button.today{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.pz-days button.mid{background:var(--soft);border-radius:8px}
.pz-days button.on{background:var(--ink);color:var(--paper);font-weight:700}
.pz-chips{display:flex;flex-wrap:wrap;gap:10px}
.pz-chip{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.pz-chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pz-chip svg{width:16px;height:16px}
.pz-places{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pz-places button{display:flex;align-items:center;gap:14px;width:100%;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.pz-places button[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.pz-places img,.pz-ph{flex:none;width:76px;height:76px;border-radius:12px;object-fit:cover;background:var(--soft)}
.pz-places button > span{flex:1;min-width:0}
.pz-places b{display:block;font-size:16px;font-weight:700}
.pz-places small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:13.5px;line-height:1.4;color:var(--muted)}
.pz-tick{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);color:var(--paper)}
.pz-places button[aria-pressed="true"] .pz-tick{background:var(--ink);border-color:var(--ink)}
.pz-tick svg{width:16px;height:16px}
.pz-map{position:relative;height:280px;border-radius:18px;overflow:hidden;background:var(--soft);border:1px solid var(--line);margin:0 0 16px}
.pz-map .dm{position:absolute;inset:0}
.pz-tog{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-size:15px;font-weight:600;cursor:pointer}
.pz-tog input{position:absolute;opacity:0;pointer-events:none}
.pz-tog i{flex:none;position:relative;width:48px;height:28px;border-radius:999px;background:var(--line);transition:background .2s}
.pz-tog i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}
.pz-tog input:checked + i{background:var(--ink)}
.pz-tog input:checked + i::after{transform:translateX(20px)}
.pz-tog input:focus-visible + i{outline:2px solid var(--ink);outline-offset:2px}
.pz-foot{position:relative;display:grid;gap:6px;padding:12px 16px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);max-width:640px;width:100%;margin:0 auto;box-sizing:border-box}
.pz-go{width:100%;padding:16px!important;font-size:16px!important;border-radius:999px!important}
.pz-go:disabled{opacity:.4}
.pz-skip{border:0;background:none;padding:10px;font:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.pz-all{position:absolute;left:50%;top:-54px;transform:translateX(-50%);padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:14px;font-weight:700;box-shadow:0 4px 18px rgba(0,0,0,.18);cursor:pointer}
/* the trip, in the map's sheet */
.pv-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:2px 0 12px}
.pv-h h3{margin:0;font-family:var(--serif,"Instrument Serif",Georgia,serif)!important;font-size:28px!important;font-weight:400!important;letter-spacing:-.01em;line-height:1.1}
.pv-h small{display:block;margin-top:4px;font-size:13.5px;color:var(--muted)}
.pv-acts{display:flex;align-items:center;gap:8px;flex:none}
.pv-gm,.pv-del{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
.pv-gm[hidden]{display:none}
.pv-del{width:36px;padding:0;justify-content:center}
.pv-gm svg,.pv-del svg{width:16px;height:16px}
.pv-days{display:flex;gap:8px;overflow-x:auto;margin:0 -2px 14px;padding:2px;scrollbar-width:none}
.pv-days::-webkit-scrollbar{display:none}
.pv-days button{flex:none;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pv-days button[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.dm-sheet .it{margin-top:4px}
.pz-go{display:flex!important;align-items:center;justify-content:center;text-align:center}

/* the Itinerary page, on the flight tracker (flights.js) */
body.on-itin main > :not(#itinPage):not(footer):not(header):not(.fl-grab){display:none!important}
.itin-page h1 em{font-style:italic;color:var(--accent)}
.itin-page .lede{color:var(--muted);font-size:16px;line-height:1.5;margin:6px 0 4px}
.itin-page .pl-h{margin:22px 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.itin-page .pl-list{display:grid;gap:8px}
.itin-page .pl-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);font:inherit;color:var(--ink);cursor:pointer}
.itin-page .pl-row > span{flex:1;min-width:0}
.itin-page .pl-row b{display:block;font-size:16px;font-weight:700}
.itin-page .pl-row small{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
.itin-page .pl-row em{flex:none;font-style:normal;font-size:13px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--soft);color:var(--ink)}
.itin-page .pl-new{display:flex;align-items:center;gap:14px;width:100%;margin:18px 0 6px;padding:18px;border:0;border-radius:16px;background:var(--ink);color:var(--paper);text-align:left;font:inherit;cursor:pointer}
.itin-page .pl-new b{display:block;font-family:"Instrument Serif",Georgia,serif;font-size:26px;font-weight:400;line-height:1.1}
.itin-page .pl-new small{display:block;margin-top:4px;font-size:14px;opacity:.75}
.itin-page .pl-new > span{flex:1}
.itin-page .pl-new i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-size:24px;line-height:1}
.itin-page .pl-empty{margin:18px 0 0;color:var(--muted);font-size:14.5px;line-height:1.5}

/* photos without one, the Unsplash credit, and the places that did not fit */
.pz-ph,.it-ph{display:block}
.pz-city{position:relative}
.pz-credit{position:absolute;left:10px;top:10px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;line-height:1.3}
.pz-credit a{color:#fff}
.pz-warn{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:var(--soft);font-size:14px;line-height:1.45;color:var(--ink)}
.pv-left{margin:22px 0 8px}
.pv-left:empty{display:none}
.pv-lh b{display:block;font-size:16px;font-weight:700}
.pv-lh span{display:block;font-size:13.5px;color:var(--muted);margin:2px 0 10px}
.pv-left ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pv-left li{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.pv-left img,.pv-left .pz-ph{flex:none;width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--soft)}
.pv-left li > span{flex:1;min-width:0}
.pv-left li b{display:block;font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-left li small{display:block;font-size:12.5px;color:var(--muted)}
.pv-left li button{flex:none;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}

/* lists that never grow wider than the phone (a long name in a grid track otherwise can, in Safari) */
.pv-left ul,.pz-places,.itin-page .pl-list,body .pl-list{grid-template-columns:minmax(0,1fr)}
.dm-sheet-in{overflow-x:hidden}
.pv-left li,.pz-places button{min-width:0;max-width:100%;box-sizing:border-box}
/* between stops: the four ways, the time, directions */
body .it-go > span,body .it-go-b{grid-column:2;min-width:0}
body .it-go-b{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:6px 0;font-size:13px;color:var(--muted)}
body .it-modes{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:var(--soft)}
body .it-modes button{display:grid;place-items:center;width:30px;height:28px;border:0;border-radius:999px;background:none;color:var(--muted);cursor:pointer;padding:0}
body .it-modes button svg{width:16px;height:16px}
body .it-modes button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.18)}
body .it-go-t{white-space:nowrap}
body .it-dir{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line)}
/* the open stop: what each button does, in words */
body .it-edit{margin-top:8px;border-top:1px solid var(--line);padding-top:10px}
body .it-time{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
body .it-time > span:first-child{font-size:14px;font-weight:600;color:var(--ink)}
body .it-edit .it-len{display:inline-flex;align-items:center;gap:8px;margin:0}
body .it-edit .it-len b{min-width:56px;text-align:center;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
body .it-edit .it-len button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);cursor:pointer;padding:0}
body .it-edit .it-len button:disabled{opacity:.35}
body .it-edit svg{width:16px;height:16px;flex:none}
body .it-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body .it-btns button,body .it-btns a{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;text-decoration:none;cursor:pointer}
body .it-btns button:disabled{opacity:.35;cursor:default}
body .it-btns .it-rm{color:var(--lime,var(--accent))}
/* the trip: back, and done */
.pv-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:8px 14px 8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pv-back svg{width:16px;height:16px}
.pv-foot{display:grid;gap:6px;margin:24px 0 8px;text-align:center}
.pv-done{width:100%;padding:15px!important;border-radius:999px!important;display:flex!important;justify-content:center}
.pv-foot small{font-size:12.5px;color:var(--muted)}

/* the way to the next stop: one line, and the choice when tapped */
body .it-go-b{flex-wrap:nowrap;gap:8px;padding:4px 0}
body .it-go-sw{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px dashed var(--line);border-radius:10px;background:none;color:var(--muted);font:inherit;font-size:13px;text-align:left;cursor:pointer}
body .it-go-sw > svg:first-child{flex:none;width:16px;height:16px;color:var(--ink)}
body .it-go-sw .it-go-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .it-go-sw b{color:var(--ink);font-weight:600}
body .it-chev{flex:none;width:14px;height:14px;transition:transform .15s}
body .it-go.open .it-chev{transform:rotate(180deg)}
body .it-go.open .it-go-sw{border-style:solid;border-color:var(--ink)}
body .it-go-b .it-dir{flex:none;font-size:13px}
body .it-way{grid-column:2;margin:4px 0 6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
body .it-way p{margin:0 0 8px;font-size:13.5px;font-weight:600;color:var(--ink)}
body .it-way > div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
body .it-way button{display:grid;justify-items:center;gap:3px;padding:9px 4px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer}
body .it-way button svg{width:18px;height:18px}
body .it-way button b{font-size:12px;font-weight:600;line-height:1.2;text-align:center}
body .it-way button small{font-size:12px;color:var(--muted)}
body .it-way button[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
body .it-l time sup{font-size:10px;margin-left:1px;color:var(--muted)}
body .it-go-sw .it-go-t{white-space:normal}
body .it-go-sw .it-go-t > span,body .it-go-sw .it-go-t small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .it-go-sw .it-go-t small{font-size:12.5px;margin-top:1px}

/* reading and editing: no outline on a tapped stop; one Edit button; the controls under each stop */
body .it-s.open .it-s-b{border-color:var(--line);border-bottom-left-radius:0;border-bottom-right-radius:0}
body .it-more{border:1px solid var(--line);border-top:0;padding:4px 14px 12px}
body .it-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body .it-h .it-hint{display:block;font-size:13px;color:var(--muted);margin-top:4px}
body .it-editb{flex:none;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
body .it-editb.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
body .it-go-b{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;padding:6px 0;font-size:13px;color:var(--muted)}
body .it-go-b > svg{flex:none;width:16px;height:16px;color:var(--muted)}
body .it-go-b .it-go-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .it-go-b .it-go-t b{color:var(--ink);font-weight:600}
body .it-go-b .it-dir{flex:none}
body .it-go .it-way{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 6px;padding:0;border:0;background:none}
body .it-go .it-way button{padding:7px 2px}
body .it-ed{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 2px 2px}
body .it-ed .it-len{display:inline-flex;align-items:center;gap:6px}
body .it-ed .it-len b{min-width:54px;text-align:center;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
body .it-ed .it-mv{display:inline-flex;gap:6px}
body .it-ed button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);cursor:pointer;padding:0}
body .it-ed button:disabled{opacity:.3;cursor:default}
body .it-ed button svg{width:16px;height:16px}
body .it-ed .it-rm{color:var(--lime,var(--accent))}
body .it.editing .it-s-b{cursor:default}
body .it.editing .it-s-b:hover{background:var(--card)}
body .it-go .it-way button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:none}
body .it-go .it-way button[aria-pressed="true"] small{color:var(--paper);opacity:.75}
/* Quick taps on + and − are taps, not a double-tap zoom (iOS). Pinch-zoom still works. */
.it,.it button,.it a,.pz,.pz button,.dm-sheet,.dm-sheet button,.dm-sheet a,.pv-left button,.itin-page button{touch-action:manipulation}

/* the tabs over a trip: the plan, and what's near it */
.pv-tabs{display:flex;gap:6px;overflow-x:auto;margin:4px -2px 14px;padding:2px;scrollbar-width:none}
.pv-tabs::-webkit-scrollbar{display:none}
.pv-tabs button{flex:none;padding:9px 15px;border:0;border-radius:999px;background:var(--soft);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pv-tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper)}
.nr-msg{margin:14px 2px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.nr-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.nr{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.nr-b{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.nr-b img,.nr-b .pz-ph{flex:none;width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--soft)}
.nr-b > span{flex:1;min-width:0}
.nr-b b{display:block;font-size:15.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nr-b small{display:block;margin-top:3px;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nr-r{color:var(--ink);font-weight:700}
.nr-open{color:#2e9d5b;font-weight:600}
.nr-shut{color:var(--lime,var(--accent));font-weight:600}
.nr-add{display:block;width:calc(100% - 20px);margin:0 10px 10px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.nr-add:disabled{opacity:.5;cursor:default}
.nr-more{padding:0 12px 12px;border-top:1px solid var(--line)}
.nr-pics{display:flex;gap:8px;overflow-x:auto;margin:12px -2px 4px;padding:0 2px;scrollbar-width:none}
.nr-pics img{flex:none;width:150px;height:110px;border-radius:10px;object-fit:cover;background:var(--soft)}
.nr-sum{margin:12px 0 4px}
.nr-sum b{display:block;font-size:14px;margin-bottom:4px}
.nr-sum p{margin:0;font-size:14px;line-height:1.5}
.nr-sum small{display:block;margin-top:4px;font-size:11.5px;color:var(--muted)}
.nr-revs{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.nr-revs li div{font-size:13px;color:var(--muted)}
.nr-revs li div span{color:#f5a623;letter-spacing:1px}
.nr-revs li a{color:var(--ink);font-weight:600}
.nr-revs li p{margin:3px 0 0;font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.nr-hours{margin:10px 0 0;font-size:13px;color:var(--muted)}
.nr-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.nr-links a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}
.nr-src{margin:14px 2px 0;font-size:12px;color:var(--muted)}
.nr-src b{color:var(--ink)}
.pv-near,.pv-near button{touch-action:manipulation}

.nr-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.nr-topics span{padding:5px 10px;border-radius:999px;background:var(--soft);font-size:13px;color:var(--ink)}
.nr-topics i{font-style:normal;color:var(--muted);font-size:12px;margin-left:2px}
.nr-src a{color:inherit}

/* the icon for a place with no photo, and a brand's logo, shown whole on white */
.nr-b .nr-ico{display:grid;place-items:center;color:var(--muted)}
.nr-b .nr-ico svg{width:34px;height:34px}
.nr-b img.nr-logo{object-fit:contain;background:#fff;padding:8px;box-sizing:border-box}

/* near your plan, or near you */
.nr-where{display:inline-flex;gap:2px;padding:3px;margin:0 0 12px;border-radius:999px;background:var(--soft)}
.nr-where button{padding:8px 14px;border:0;border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;touch-action:manipulation}
.nr-where button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.2)}

/* by hand: hold to drag, swipe left to remove, and undo */
body .it-s{position:relative}
body .it-s-b{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body .it-s-b img{-webkit-user-drag:none;pointer-events:none}
body .it-s .it-s-w{position:relative;z-index:1;grid-row:1;transition:transform .18s ease}
body .it-s.it-swiping .it-s-w{transition:none}
body .it-bin{grid-column:2;grid-row:1;align-self:stretch;display:flex;align-items:center;justify-content:flex-end;padding:0 18px;border-radius:12px;background:#7a2b22;color:#fff;font-size:14px;font-weight:700;transition:background .15s}
body .it-s.it-kill .it-bin{background:#d93b2b}
body .it-s.it-drag{z-index:5;transition:none}
body .it-s.it-drag .it-s-b{box-shadow:0 12px 32px rgba(0,0,0,.45);transform:scale(1.02);border-color:var(--ink)}
body .it-drop{position:absolute;left:calc(var(--it-t) + var(--it-g));right:0;height:3px;border-radius:3px;background:var(--lime,var(--accent));pointer-events:none;z-index:4}
body .it-undo{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:10px 10px 10px 16px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:14px;box-shadow:0 8px 28px rgba(0,0,0,.35)}
body .it-undo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .it-undo button{flex:none;padding:7px 14px;border:0;border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
/* on a phone the order and removal are by hand; the buttons stay for a mouse and keyboard */
@media (hover: none){body .it-ed .it-mv{display:none}}

/* the travel log: swipe a trip left to delete it */
.log-rows li{position:relative;overflow:hidden;margin:0 -8px;padding:0 8px}
.log-rows .lr{position:relative;z-index:1;transition:transform .18s ease}
.log-rows li.lr-swiping .lr{background:var(--card)}
.log-rows li.lr-swiping .lr{transition:none}
.lr-bin{position:absolute;inset:0;border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding:0 20px;background:#7a2b22;color:#fff;font-size:14px;font-weight:700;transition:background .15s}
.log-rows li.lr-kill .lr-bin{background:#d93b2b}
.log-rows .lr{touch-action:pan-y}

/* a stop whose hours don't fit the time it's planned for */
body .it-warn{display:inline-flex;align-items:center;margin-top:6px;padding:3px 9px;border-radius:7px;background:rgba(217,59,43,.14);color:#e0604f;font-size:12px;font-weight:700}

/* Dayhop Plus: the one prompt, and the note on a free list */
.plus-ask{position:fixed;inset:0;z-index:3000;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.45);padding:16px}
@media (min-width:700px){.plus-ask{align-items:center}}
.plus-ask-in{width:min(440px,100%);padding:22px;border-radius:20px;background:var(--card);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.plus-ask .lockx-k{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lime,var(--accent))}
.plus-ask h3{margin:0 0 8px;font-family:var(--serif,"Instrument Serif",Georgia,serif);font-size:28px;font-weight:400;line-height:1.1}
.plus-ask p{margin:0 0 12px;font-size:15px;line-height:1.5;color:var(--muted)}
.plus-ask .plus-ask-price{font-size:13.5px;color:var(--ink);font-weight:600}
.plus-ask .btn{display:flex;justify-content:center;width:100%;padding:14px;border-radius:999px;text-decoration:none;box-sizing:border-box}
.plus-ask-no{display:block;width:100%;margin-top:6px;padding:10px;border:0;background:none;color:var(--muted);font:inherit;font-weight:600;cursor:pointer}
.nr-plus{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0 0 12px;padding:12px 14px;border:1px dashed var(--line);border-radius:12px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.nr-plus b{font-size:14.5px}
.nr-plus span{font-size:13px;color:var(--muted)}

/* a kept plan re-ordered to fit opening hours */
body .it-fixed{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 12px;border-radius:12px;background:var(--soft);font-size:13.5px;color:var(--ink)}
body .it-fixed button{flex:none;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}

/* The day door to door on a trip past the free one (app.js itinTrip). */
.it-lock{margin:6px 0 2px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.it-lock .lockx-k{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lime,var(--accent))}
.it-lock b{display:block;font-size:17px;margin-bottom:6px}
.it-lock p:not(.lockx-k){margin:0 0 14px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.it-lock-b{display:flex;flex-wrap:wrap;gap:10px}