.trip-home{text-decoration:none}.back-overview{display:inline-block;padding:6px 0;text-decoration:none}#scene-switch{max-width:180px;border:1px solid #d2d8ca;background:#fffdf7;padding:10px;border-radius:5px;color:var(--ink);font:inherit;font-size:12px}.topbar-right{display:flex;align-items:center;gap:10px}body[data-scene=mosque] .topbar h2,body[data-scene=louvre] .topbar h2{font-size:22px}body:not([data-scene=downtown]) .camera-presets{width:max-content}body:not([data-scene=downtown]) .preset{min-width:105px}body:not([data-scene=downtown]) .height-legend{display:none}#app.trip-app{display:block;height:100dvh;min-height:0;overflow:hidden}.overview{height:100%;overflow:auto;scrollbar-width:thin;padding:0 48px 48px;background:var(--paper)}.journey-header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdd2c4;gap:20px}.journey-brand{font-family:Georgia,serif;text-decoration:none;font-size:30px;letter-spacing:-1.5px}.journey-brand span{font-style:italic;color:#9e7f47;font-size:24px;margin-left:4px}.journey-header>span{font-size:9px;letter-spacing:2px;color:#6e786a}.journey-period{color:#293f32!important;font-size:10px!important}.journey-intro{display:flex;align-items:flex-end;gap:65px;padding:32px 0 30px}.journey-intro .eyebrow{color:#8c794f;margin:0 0 10px;font-size:9px}.journey-intro h1{font-weight:400;font-size:36px;letter-spacing:-1.4px;line-height:1.35;margin:0}.journey-intro h1 br{display:none}.journey-intro em{font-style:normal;color:#3d6a56}.journey-intro>p{font-size:12px;line-height:1.9;color:#737c6d;margin:0 0 3px}.trip-count{margin-left:auto;white-space:nowrap;font-size:8px;letter-spacing:1px;color:#778171}.trip-count b{font-family:Georgia,serif;font-weight:400;font-size:24px;color:#344c3b;margin-right:4px}.trip-count i{font-style:normal;margin:0 12px;color:#b1b7a4}.journey-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:32px;min-height:630px;height:calc(100dvh - 278px)}.journal{overflow:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:#c0c8b6 transparent}.journal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.journal-heading h2{font-size:12px;font-weight:500;margin:0}.journal-heading>span{font-size:9px;color:#7b8374}.day-card{border-top:1px solid #d3d8ca}.day-card:last-child{border-bottom:1px solid #d3d8ca}.day-select{display:flex;align-items:center;width:100%;border:0;background:none;padding:17px 12px;text-align:left;gap:17px;min-height:75px}.day-number{font-family:Georgia,serif;font-size:27px;line-height:1}.day-number small{display:block;font-family:inherit;font-size:9px;color:#7e8777;margin-top:5px;text-align:center}.day-copy{flex:1;min-width:0}.day-copy>span{font-size:10px;color:#798270}.day-copy strong{display:block;font-size:13px;font-weight:500;margin-top:6px;line-height:1.5}.day-state{font-size:8px;color:#8d947e;letter-spacing:.7px}.day-card.selected{background:#203d32;color:#f7f0df;border-radius:8px;border-color:transparent;margin-bottom:10px}.day-card.selected .day-copy>span,.day-card.selected .day-number small,.day-card.selected .day-state{color:#b9c6af}.day-story{padding:0 21px 22px 56px}.day-story>p{font-size:12px;line-height:1.9;color:#d0d8c4;margin:0 0 16px}.day-story ul{padding:0;list-style:none;margin:0 0 20px;display:grid;gap:10px}.day-story li{font-size:10px;line-height:1.8;color:#b8c5ad;position:relative}.day-story li:before{content:"";width:3px;height:3px;background:#c2ad74;border-radius:50%;position:absolute;left:-12px;top:8px}.scene-links{display:flex;flex-wrap:wrap;gap:7px}.scene-links a{font-size:10px;line-height:1.5;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #82957c;border-radius:4px}.scene-links a:hover{background:#ffffff18}.scene-links a span{font-size:8px;color:#d3ba7b}.planned .day-select{min-height:63px;padding:12px}.planned .day-number{font-size:23px;color:#929987}.planned .day-state{border:1px solid #d6daca;padding:3px 6px;border-radius:3px}.journal-note{font-size:9px;color:#798170;line-height:1.9;margin:18px 8px 12px}.journey-map{background:#c7ded8;border:1px solid #bfcfc0;border-radius:14px;overflow:hidden;position:relative;min-height:600px}.map-heading{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:1;gap:12px}.map-heading>.eyebrow{color:#527466;font-size:8px}.region-controls{display:flex;padding:3px;background:#f8f7ebdd;border:1px solid #d2dacc;border-radius:5px}.region-controls button{background:none;border:0;padding:8px 12px;font-size:10px;border-radius:3px;min-height:32px}.region-controls button[aria-pressed=true]{background:#294b3b;color:#faf7e8}#trip-map{display:block;width:100%;height:calc(100% - 95px);min-height:470px}.land{fill:#e9e8d8;stroke:#a9c2b2;stroke-width:.8;stroke-linejoin:round}.coast{fill:none;stroke:#a9c2b2;stroke-width:1}.highways path{fill:none;stroke:#c2b794;stroke-width:1.5}.sea-name{font-family:Georgia,serif;font-size:15px;letter-spacing:5px;fill:#7ba297}.country-name{font-size:8px;letter-spacing:4px;fill:#a4a68e}.road-name{font-size:9px;fill:#9b9579}.city-name{font-family:Georgia,serif;font-size:16px;letter-spacing:2px;fill:#55705b}#daily-routes path{fill:none;stroke-width:2;stroke-opacity:.22;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}#daily-routes path.active{stroke-width:3;stroke-opacity:1;stroke-dasharray:none;filter:drop-shadow(0 1px 2px #f6f0df)}.trip-pin circle{fill:#2b5946;stroke:#fffcf0;stroke-width:2;vector-effect:non-scaling-stroke}.trip-pin path{stroke:#678371;stroke-width:.6;fill:none}.trip-pin text{font-size:11px;fill:#244c3b;paint-order:stroke;stroke:#e9e8d8;stroke-width:3;stroke-linejoin:round}.trip-pin:hover circle{fill:#bd784a}.planned-pin circle{fill:#9ea397}.planned-pin text{fill:#778071;font-size:9px}.planned-pin path{stroke:#9da58f}.north-mark{fill:#6a8777;font-size:11px}.map-key{position:absolute;left:24px;right:24px;bottom:118px;display:flex;gap:16px;align-items:center;font-size:8px;color:#4f7161}.map-key span{display:flex;align-items:center;gap:5px}.map-key span:last-child{margin-left:auto}.map-key i{width:6px;height:6px;border-radius:50%;display:inline-block;background:#315d47}.map-key .planned-dot{background:#9fa699}.selected-journey{position:absolute;bottom:0;left:0;right:0;min-height:95px;background:#fbf9efed;border-top:1px solid #bdcdbb;padding:19px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.selected-journey .eyebrow{font-size:8px;color:#78836d;letter-spacing:1px}.selected-journey h2{font-size:17px;font-weight:400;margin:7px 0 0;letter-spacing:-.5px}.selected-journey .scene-links a{border-color:#c3ceb9;background:#f1f1e5;color:#435f4b;font-size:9px;white-space:nowrap}.trip-attribution{position:fixed;bottom:0;left:0;right:0;z-index:40;height:32px;background:#f4f2e9f5;border-top:1px solid #d8ddce;display:flex;align-items:center;justify-content:space-between;padding:0 48px;font-size:8px;color:#67765e}.journey-intro em{margin-left:.22em}.trip-pin text{font-size:14px}.planned-pin text{font-size:11px}body[data-scene=yas] .view-caption,body[data-scene=louvre] .view-caption{background:#fffdf3e6;padding:12px 16px;border-radius:6px;text-shadow:none;max-width:350px}@media(min-width:1600px){.overview{padding-left:max(48px,calc((100vw - 1550px)/2));padding-right:max(48px,calc((100vw - 1550px)/2))}.journey-layout{grid-template-columns:380px minmax(0,1fr)}}@media(max-width:1150px){.overview{padding:0 24px 48px}.journey-intro{gap:25px}.journey-intro h1{font-size:29px}.journey-intro>p{font-size:11px}.journey-layout{grid-template-columns:290px minmax(0,1fr);gap:20px}.trip-count{display:none}.map-heading{left:16px;right:16px}.map-heading>.eyebrow{display:none}.selected-journey{display:block;padding:16px}.selected-journey .scene-links{margin-top:10px}.map-key{bottom:145px;left:16px;right:16px;gap:10px}.map-key span:last-child{font-size:7px}.trip-attribution{padding:0 24px}}@media(max-width:760px){.overview{padding:0 18px 48px}.journey-header{height:64px}.journey-brand{font-size:27px}.journey-header>span{font-size:7px;letter-spacing:1.3px}.journey-period{display:none}.journey-intro{padding:24px 0;display:block}.journey-intro h1{font-size:30px;line-height:1.4}.journey-intro h1 br{display:block}.journey-intro>p{margin-top:12px;font-size:11px}.journey-layout{display:flex;flex-direction:column;height:auto;gap:24px;min-height:0}.journey-map{order:0;min-height:470px;height:470px;border-radius:10px}.journal{order:1;overflow:visible;padding:0}.map-heading{top:12px;left:12px;right:12px}.region-controls button{min-height:36px;padding:8px 12px}.map-heading>.eyebrow{display:block;font-size:6px;letter-spacing:.7px}#trip-map{min-height:0;height:345px}.map-key{bottom:126px;font-size:7px;gap:9px;left:12px;right:12px}.map-key span:last-child{font-size:6px}.selected-journey{min-height:110px;padding:13px 16px}.selected-journey h2{font-size:16px;margin-top:5px}.selected-journey .scene-links{margin-top:8px;gap:5px}.selected-journey .scene-links a{padding:6px 8px;font-size:9px}.trip-attribution{padding:0 12px;height:36px;font-size:6px;gap:10px}.trip-attribution span{max-width:120px;text-align:right;line-height:1.5}.day-select{padding:18px 13px;min-height:80px}.day-story{padding-left:58px}.day-story>p{font-size:13px}.day-story li{font-size:11px}.day-story .scene-links a{min-height:42px;font-size:11px}.day-copy strong{font-size:14px}.day-number{font-size:30px}.topbar{padding:0 12px;height:82px}.topbar h2{font-size:18px}body[data-scene=mosque] .topbar h2,body[data-scene=louvre] .topbar h2{font-size:16px;max-width:180px}.topbar-right{gap:6px}#scene-switch{width:44px;max-width:44px;font-size:12px;padding:10px 4px}.topbar-right .button{padding:8px;font-size:10px;min-height:42px}.back-overview{font-size:9px!important}.trip-pin text{font-size:15px}.planned-pin text{font-size:11px}.city-name,.sea-name{font-size:20px}.country-name{font-size:11px}.view-caption{max-width:70%}}@media(max-height:500px){.journey-layout{height:auto}.journey-map{height:650px}.journey-header{height:64px}.journey-intro{padding:20px 0}.topbar{height:54px}}@media(max-width:760px){.journey-intro em{margin-left:0}body[data-scene=yas] .view-caption,body[data-scene=louvre] .view-caption{max-width:260px;padding:10px 12px}#scene-switch{width:80px;max-width:80px;font-size:11px;padding:10px 7px}.region-controls button{min-height:44px}.topbar>div:first-child{min-width:0}.topbar h2{line-height:1.2}}