@import url('/fonts.css');
:root{--blue:#2348ff;--lime:#d5ff3b;--ink:#202329;--muted:#7c827d;--paper:#faf9f5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#edeee5;font-family:'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer;border:0;-webkit-tap-highlight-color:transparent;transition:transform .22s cubic-bezier(.2,1.7,.5,1),background .2s}button:hover{transform:translateY(-2px)}button:active{transform:scale(.95)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ee69a5;outline-offset:4px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.sprite{position:absolute;width:0;height:0;overflow:hidden}.app{display:flex;height:100dvh;min-height:600px;overflow:hidden}.map-area{position:relative;flex:1;min-width:0;isolation:isolate}#map{position:absolute;inset:0;background:#e8edde;z-index:0}.map-header{position:absolute;left:30px;right:30px;top:25px;display:flex;align-items:center;gap:20px;z-index:600}.brand{font:900 39px 'Inter',sans-serif;letter-spacing:-2.8px;color:var(--blue);text-decoration:none;text-shadow:0 2px 0 white}.brand span{display:inline-block;color:#8cbb00;font-size:42px;margin-left:2px}.city-pill{display:flex;align-items:center;gap:9px;background:white;padding:12px 16px;border-radius:18px;font-size:14px;font-weight:800;box-shadow:0 4px 10px #4550310a}.city-pill small{font-size:11px;color:#8b9383;font-weight:500;padding-left:8px;border-left:1px solid #e6e8e0}.reset-button{margin-left:auto;background:white;width:45px;height:45px;border-radius:17px;color:var(--blue);box-shadow:0 3px 9px #0001}.reset-button svg{fill:currentColor;stroke-width:1}.map-caption{position:absolute;left:35px;top:114px;z-index:500;pointer-events:none}.tiny-label{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#788168}.map-caption h1{font:900 41px/.99 'Inter',sans-serif;letter-spacing:-2.5px;margin:10px 0 12px;text-shadow:0 2px 0 #ffffffa8}.map-caption h1>span{color:var(--blue);margin-left:8px}.map-caption p{font-size:13px;color:#6d7765;margin:0;background:#f6f8ee9c;border-radius:6px;display:inline}.search-box{position:absolute;left:30px;top:288px;z-index:550;display:flex;align-items:center;gap:10px;background:white;box-shadow:0 5px 20px #354c2510;border-radius:19px;width:280px;padding:15px}.search-box svg{width:18px;flex:none;color:#69745e}.search-box input{border:0;outline:0;min-width:0;width:100%;font-size:13px;background:none}.search-box>span{font-size:9px;background:#f3f4ec;white-space:nowrap;padding:4px;border-radius:5px;color:#9da48f}.map-utility{position:absolute;right:25px;bottom:244px;z-index:550;display:flex;flex-direction:column;background:white;padding:4px;border-radius:17px;box-shadow:0 4px 15px #0001}.map-utility button{background:none;width:35px;height:33px;font-size:23px;color:#555e4f}.map-utility button+button{border-top:1px solid #eceee5}.place-rail-wrap{position:absolute;left:25px;right:25px;bottom:25px;z-index:550}.rail-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:800;margin:0 6px 13px;color:#6f7b60}.rail-heading i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:6px}.rail-heading>span{background:#f7f9edd6;padding:5px 8px;border-radius:6px}.place-rail{display:flex;gap:10px;overflow:auto;scrollbar-width:none;padding:0 3px 10px}.place-rail::-webkit-scrollbar{display:none}.place-card{flex:none;display:block;width:156px;padding:7px 7px 12px;background:#fff;border-radius:22px;text-decoration:none;color:var(--ink);box-shadow:0 3px 0 #d9ded0,0 6px 18px #26311b12;transition:all .25s;position:relative}.place-card:hover{transform:translateY(-4px)}.place-card.selected{background:var(--blue);color:white;box-shadow:0 4px 0 #1332c5,0 10px 20px #2348ff25}.place-card img{width:100%;height:87px;object-fit:cover;border-radius:16px}.place-card>span{position:absolute;right:14px;top:15px;background:#fff;border-radius:9px;font-size:10px;padding:5px}.place-card h3{font-size:12px;letter-spacing:-.3px;margin:10px 5px 3px;line-height:1.2}.place-card p{font-size:9px;margin:0 5px;color:#929688}.place-card.selected p{color:#d1d9ff}.map-credits{position:absolute;bottom:4px;left:32px;font-size:9px;z-index:550;color:#7d876b}.map-credits a{color:inherit}.leaflet-control-attribution{font-size:9px!important;background:#ffffffe0!important}.leaflet-tile-pane{filter:saturate(.65) sepia(.12)}.leaflet-container{font-family:'DM Sans',sans-serif}.place-marker{background:none;border:0;overflow:visible!important}.marker-button{display:flex;flex-direction:column;align-items:center;background:none;padding:0;position:relative;filter:drop-shadow(0 5px 6px #273e2520)}.marker-photo{display:block;width:69px;height:69px;background:var(--blue);padding:4px;border:3px solid white;border-radius:25px;box-shadow:0 5px 0 #112ebd;transform:rotate(-7deg);transition:all .3s}.marker-photo img{width:100%;height:100%;object-fit:cover;border-radius:17px}.marker-emoji{position:absolute;top:-13px;right:-4px;width:28px;height:28px;display:grid;place-items:center;background:white;border-radius:50%;font-size:17px;box-shadow:0 2px 5px #0002}.marker-title{background:white;padding:5px 10px;border-radius:12px;white-space:nowrap;margin-top:9px;font-weight:800;font-size:11px;box-shadow:0 2px 3px #1c3c2520}.marker-selected .marker-photo{background:var(--lime);border-color:white;box-shadow:0 5px 0 #93b320,0 0 0 9px #d5ff3b28;transform:rotate(7deg) scale(1.07)}.marker-selected .marker-title{background:var(--blue);color:white}.marker-selected .marker-title:after{content:' ♫';color:var(--lime)}.guide-panel{width:410px;flex:none;background:var(--paper);position:relative;z-index:700;box-shadow:-10px 0 45px #2d482818;overflow:hidden}.guide-scroll{height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#d6d8cf transparent}.place-photo{height:236px;position:relative;margin:13px 13px 0;border-radius:29px;overflow:hidden;color:#fff;background:#b4aa8d}.place-photo>img{width:100%;height:100%;object-fit:cover}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 30%,#0007 70%,#000a)}.back-button{position:absolute;top:13px;left:13px;background:#ffffffe8;color:#2c302b;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.back-button svg{width:17px;height:17px}.photo-badge{position:absolute;top:19px;right:17px;font-size:8px;letter-spacing:1.8px;font-weight:700}.photo-badge>span{color:var(--lime);font-size:16px;vertical-align:middle;margin-left:8px}.photo-title{position:absolute;bottom:23px;left:24px;right:22px}.photo-title>span{display:inline-block;background:var(--lime);color:#2b370b;font-size:8px;font-weight:900;letter-spacing:1px;padding:5px 9px;border-radius:7px;transform:rotate(-3deg);margin-bottom:10px}.photo-title h2{font:900 36px/.95 'Inter';letter-spacing:-1.8px;margin:0}.photo-count{position:absolute;bottom:9px;right:14px;font-size:8px;color:#ffffff80}.guide-content{padding:0 24px 30px}.intro-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0 20px}.intro-line>span:first-child{font-size:13px;color:#757969;line-height:1.4;max-width:285px}.sound-dot{width:27px;height:27px;flex:none;border-radius:50%;background:#edf1df;color:#7c963a;text-align:center;padding-top:3px;font-size:18px}.mode-tabs{display:flex;background:#eeeee6;border-radius:17px;padding:4px;gap:4px}.mode-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:13px;font-size:14px;font-weight:800;background:none;color:#959a8b}.mode-tabs svg{width:18px;height:18px}.mode-tabs .selected{background:white;color:var(--blue);box-shadow:0 2px 4px #00000008}.duration-row{margin-top:21px}.duration-row>span{display:block;font-size:12px;font-weight:600;color:#727867;margin-bottom:10px}.durations{display:flex;gap:9px}.durations button{display:flex;align-items:baseline;justify-content:center;gap:4px;flex:1;border-radius:15px;padding:9px;font:800 19px 'Inter';background:#eeeee6;color:#8a907f;border:1px solid transparent}.durations small{font:600 10px 'DM Sans'}.durations .selected{background:#e9f1ff;border-color:#c2d0ff;color:var(--blue);box-shadow:0 2px 0 #c9d4f9}.audio-stage{height:192px;position:relative;display:flex;align-items:flex-start;justify-content:center;margin-top:9px;padding-top:20px}.audio-orb{width:101px;height:101px;border-radius:50%;position:relative;z-index:2;overflow:hidden;background:radial-gradient(circle at 32% 18%,#d6edff 0%,#5cafff 12%,#3c69ff 28%,#173fff 50%,#281daa 79%,#8485ff 100%);box-shadow:inset 0 2px 4px #e7f3ff,inset 0 -7px 12px #111793,inset 6px 3px 15px #6acbff,0 12px 20px #2348ff35;transform:rotate(-15deg);transition:transform .4s}.audio-orb>span{position:absolute;width:100px;height:80px;left:25px;top:35px;background:radial-gradient(ellipse,#bfff2580,transparent 67%);filter:blur(5px);transform:rotate(-20deg)}.audio-orb>i{position:absolute;left:14px;top:11px;width:44px;height:19px;border-radius:50%;background:#ffffff8c;filter:blur(5px);transform:rotate(-25deg)}.audio-orb>b{position:absolute;inset:0;border-radius:50%;border:1px solid #7faaff}.orb-halo{position:absolute;top:10px;width:140px;height:140px;border:1px solid #e7eade;border-radius:50%;transform:scaleY(.75) rotate(-28deg)}.orb-spark{position:absolute}.spark-one{left:73px;top:37px;font-size:30px;color:#a7cd17;transform:rotate(-14deg)}.spark-two{right:80px;top:95px;font-size:19px;color:#f080bd}.audio-stage-label{position:absolute;bottom:10px;left:0;right:0;text-align:center}.audio-stage-label>span{display:block;font-size:14px;font-weight:800;letter-spacing:-.4px}.audio-stage-label>small{display:block;font-size:10px;color:#9b9f91;margin-top:5px}.speaking .audio-orb{animation:orb-talk 2s ease-in-out infinite}.speaking .orb-halo{animation:halo-talk 2s infinite}.speaking .orb-spark{animation:spark-talk 3s infinite}@keyframes orb-talk{50%{transform:rotate(8deg) scale(1.10);filter:hue-rotate(20deg);border-radius:46% 54% 49% 51%}}@keyframes halo-talk{50%{transform:scale(1.1) scaleY(.75) rotate(20deg);border-color:#c7d5ff}}@keyframes spark-talk{50%{translate:0 -7px}}.player-progress{display:flex;align-items:center;gap:10px;font-size:9px;color:#8b9180;margin:15px 0 16px;font-variant-numeric:tabular-nums}.progress-bar{height:4px;background:#e2e6d9;border-radius:10px;flex:1;overflow:hidden}.progress-bar>div{height:100%;width:0;background:var(--blue);border-radius:10px;transition:width .4s}.player-controls{display:flex;align-items:center;justify-content:center;gap:18px}.play-button{display:flex;align-items:center;justify-content:center;gap:11px;background:linear-gradient(160deg,#e6ff82,var(--lime) 44%,#c7f22b);color:#213109;border-radius:19px;min-width:216px;padding:16px 22px;font-size:17px;font-weight:900;box-shadow:inset 0 2px 2px #faffd2,inset 0 -2px 2px #b0d127,0 4px 0 #a5c62d,0 8px 15px #80952319}.play-button svg{fill:currentColor;stroke-width:1.4;width:18px;height:18px}.restart-button,.speed-button{width:35px;height:35px;color:#8b927e;background:none;flex:none}.restart-button svg{width:17px;height:17px}.speed-button{font-size:12px;font-weight:700}.voice-note{text-align:center;font-size:9px;color:#a2a696;margin-top:15px}.nearby{margin-top:30px;padding-top:23px;border-top:1px solid #e8e9e0}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-label h3{font:800 18px 'Inter';letter-spacing:-.7px;margin:0}.section-label>span{color:var(--blue)}.nearby-card{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;padding:9px 0}.nearby-card>img{width:46px;height:46px;object-fit:cover;border-radius:15px}.nearby-card>div{display:flex;flex-direction:column;gap:4px}.nearby-card strong{font-size:12px}.nearby-card small{font-size:10px;color:#939b88}.nearby-card>span{margin-left:auto;width:27px;height:27px;background:#eeeee6;border-radius:50%;display:grid;place-items:center;color:#8d967d}.sources{margin-top:20px;font-size:10px;color:#959b8a;line-height:1.6}.sources summary{cursor:pointer}.sources a{color:#697843}.sources p{font-size:11px}.reading-title{display:flex;align-items:center;justify-content:space-between;margin:23px 0 14px;font-size:9px;font-weight:800;letter-spacing:1.4px;color:#949a88}.reading-title>span:last-child{color:#accd20;font-size:22px}article{font-size:15px;line-height:1.8;color:#566047}article h3{font:800 20px/1.3 'Inter';color:var(--ink);letter-spacing:-.7px;margin:23px 0 10px}article p{margin:0 0 17px}.notice{font-size:12px;line-height:1.6;background:#f3f0df;color:#6b6b4d;border-radius:12px;padding:12px;display:none;margin-top:18px}.notice.visible{display:block}.mobile-handle,.mobile-preview{display:none}.toast{position:fixed;bottom:25px;left:40%;z-index:1200;background:var(--ink);color:white;padding:12px 20px;border-radius:14px;font-size:13px;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:all .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.fallback-map{position:absolute;inset:0;width:100%;height:100%;stroke:none}.map-empty{background:#ffffffed;padding:16px;border-radius:16px;font-size:13px}.leaflet-top.leaflet-left{display:none}[hidden]{display:none!important}@media(min-width:1400px){.guide-panel{width:440px}.map-caption{top:130px}.search-box{top:310px}.place-card{width:176px}.place-card img{height:100px}.place-photo{height:260px}.guide-content{padding-left:30px;padding-right:30px}}@media(max-width:1100px) and (min-width:801px){.guide-panel{width:365px}.guide-content{padding-left:20px;padding-right:20px}.map-header{gap:10px;left:20px;right:20px}.brand{font-size:33px}.city-pill{padding:11px;font-size:12px}.city-pill small{display:none}.map-caption{left:25px;top:115px}.map-caption h1{font-size:33px}.search-box{left:25px;top:263px;width:245px}.place-photo{height:215px}.photo-title h2{font-size:31px}.play-button{min-width:190px}.player-controls{gap:12px}}@media(max-width:800px){.app{min-height:0;height:100dvh;display:block}.map-area{height:100%}.map-header{left:19px;right:19px;top:max(17px,env(safe-area-inset-top));gap:12px}.brand{font-size:34px}.brand span{font-size:34px}.city-pill{padding:10px 12px;font-size:12px;border-radius:15px}.city-pill small{display:none}.reset-button{width:38px;height:38px;border-radius:14px}.map-caption{left:23px;top:96px}.map-caption h1{font-size:33px;letter-spacing:-1.8px}.map-caption p{font-size:11px}.tiny-label{font-size:8px}.search-box{left:auto;right:19px;top:235px;padding:11px;width:195px;border-radius:15px}.search-box input{font-size:11px}.search-box>span{display:none}.place-rail-wrap{left:13px;right:13px;bottom:123px}.place-card{width:132px;border-radius:19px}.place-card img{height:73px;border-radius:13px}.place-card h3{font-size:11px}.place-card p{font-size:8px}.rail-heading{font-size:8px;margin-bottom:8px}.map-utility{right:16px;bottom:335px}.map-utility button{width:27px;height:27px}.guide-panel{position:fixed;bottom:0;left:0;right:0;width:100%;height:104px;border-radius:30px 30px 0 0;box-shadow:0 -8px 35px #283d241c;transition:height .4s cubic-bezier(.2,.9,.3,1);padding-bottom:env(safe-area-inset-bottom)}.guide-scroll{display:none}.mobile-handle{display:block;width:100%;height:17px;background:none;position:relative;z-index:2}.mobile-handle>span{display:block;width:34px;height:4px;background:#d8dace;border-radius:10px;margin:0 auto}.mobile-preview{display:flex;gap:13px;align-items:center;padding:7px 22px 15px}.mobile-preview>img{width:50px;height:50px;border-radius:17px;object-fit:cover}.mobile-preview>div{display:flex;flex-direction:column;gap:5px}.mobile-preview small{font-size:8px;letter-spacing:1.3px;color:#939b86}.mobile-preview b{font-size:18px;letter-spacing:-.6px}.mobile-preview>button{margin-left:auto;background:var(--lime);width:48px;height:48px;border-radius:17px;color:#35450a;box-shadow:0 3px 0 #b0c94f}.guide-open .guide-panel{height:94dvh}.guide-open .guide-scroll{display:block;height:calc(100% - 17px)}.guide-open .mobile-preview{display:none}.guide-open .place-photo{height:226px;margin-top:0}.guide-open .guide-content{padding:0 24px 32px}.guide-open .photo-title h2{font-size:34px}.guide-open .map-caption,.guide-open .search-box{opacity:0}.map-credits{bottom:107px;left:20px}.leaflet-control-attribution{display:none}.toast{left:50%;width:max-content;max-width:90vw;bottom:116px}.guide-open .toast{bottom:24px}.marker-photo{width:59px;height:59px;border-radius:22px}.marker-photo img{border-radius:15px}.marker-title{font-size:9px}.marker-emoji{font-size:14px;width:25px;height:25px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.leaflet-container .leaflet-marker-pane .marker-photo img{width:100%;height:100%;max-width:100%!important;object-fit:cover}.leaflet-tile-pane{filter:saturate(.45) contrast(.85) brightness(1.08)}
@media(min-width:801px) and (max-height:800px){.place-photo{height:194px}.intro-line{margin:12px 0 14px}.duration-row{margin-top:16px}.audio-stage{height:156px;padding-top:11px}.audio-orb{width:85px;height:85px}.orb-halo{width:120px;height:120px;top:0}.audio-stage-label{bottom:5px}.player-progress{margin:9px 0 11px}.voice-note{margin-top:11px}}
.place-card h3{font-size:14px}.place-card p{font-size:10px}.intro-line>span:first-child{font-size:14px}.nearby-card strong{font-size:14px}.nearby-card small{font-size:11px}.sources{font-size:12px}.duration-row>span{font-size:13px}.marker-title{font-size:12px}.marker-button{color:var(--ink)}.map-caption{padding:12px 16px 14px;margin-left:-16px;margin-top:-12px;border-radius:24px;background:linear-gradient(115deg,#f5f7eaf2,#f5f7eac9 70%,#f5f7ea00)}
@media(max-width:800px){.place-card h3{font-size:12px}.marker-title{font-size:10px}.map-caption{padding:10px 14px;margin-left:-14px}.search-box{top:229px}.map-credits{font-size:10px}}
.marker-button{width:118px}.marker-leader{position:absolute;left:0;top:0;width:118px;height:140px;pointer-events:none;z-index:-1;stroke:#6d8065;stroke-width:1.4;stroke-dasharray:2 3;opacity:.7}.marker-leader circle{fill:var(--blue);stroke:white;stroke-width:1.5}.marker-selected .marker-leader circle{fill:#9eaf10}.marker-leader{display:none}
@media(max-width:800px){.marker-leader{display:block}.marker-photo{width:52px;height:52px;border-radius:20px}.marker-photo img{border-radius:13px}.marker-title{font-size:10px;padding:4px 7px;margin-top:7px}.marker-emoji{right:17px;top:-9px;width:23px;height:23px;font-size:13px}}

/* City navigation and layered reading. */
.map-header{z-index:750}.city-pill b{font-weight:800}.city-pill .chevron{color:var(--blue);font-size:20px;line-height:12px;margin-left:2px}.city-switcher{position:relative}.city-picker{position:absolute;top:calc(100% + 12px);left:0;width:326px;background:var(--paper);border:5px solid white;border-radius:26px;padding:17px;box-shadow:0 15px 55px #25311b30;color:var(--ink)}.picker-title{display:flex;align-items:center;justify-content:space-between}.picker-title strong{font:800 23px 'Inter';letter-spacing:-1px}.picker-title button{width:28px;height:28px;background:#eeeee6;border-radius:50%;font-size:22px;color:#737b65}.city-picker>p{font-size:12px;color:#7d866f;line-height:1.5;margin:7px 0 16px}.city-search-label{display:flex;align-items:center;gap:9px;padding:12px;background:white;border:1px solid #e4e8da;border-radius:14px}.city-search-label svg{width:17px;flex:none;color:#89917e}.city-search-label input{min-width:0;width:100%;background:none;border:0;font-size:12px}.city-search-label input:focus-visible{outline-offset:8px}.city-option{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:13px 10px;border-radius:16px;margin-top:7px}.city-option:hover{background:#ecefe0}.city-option.current{background:#e8edff}.city-option>span{font-size:27px;width:35px;flex:none}.city-option>div{display:flex;flex-direction:column;gap:4px}.city-option strong{font-size:15px}.city-option small{font-size:11px;color:#7f8872}.city-option>b{margin-left:auto;color:var(--blue);font-weight:700}.place-result>span{font-size:22px}.city-picker #city-results{max-height:300px;overflow:auto}.picker-empty,.search-empty{font-size:13px;line-height:1.5;color:#758168;padding:12px;background:#fffffff2;border-radius:14px}.guide-breadcrumbs{font-size:11px;color:#999f8f;padding-top:16px}.guide-breadcrumbs a{color:var(--blue);text-decoration:none}.intro-line{margin-top:12px}.guide-language{display:flex;align-items:center;justify-content:space-between;margin:-6px 0 18px;font-size:10px;color:#929a84}.guide-language strong{color:#69745d;font-weight:600}.placeholder-note{padding:16px;background:#eaf0ff;border-radius:18px;margin-bottom:18px;border:1px solid #d4dfff}.placeholder-note strong{font-size:14px;color:var(--blue)}.placeholder-note p{font-size:12px;line-height:1.6;color:#727e9b;margin:7px 0 0}.mode-tabs button:disabled{opacity:.4;cursor:default}.mode-tabs button:disabled:hover{transform:none}.story-chapter{scroll-margin-top:24px;border-radius:15px}.story-chapter:focus{outline:0}.story-chapter.is-new{border-left:3px solid #aacb29;padding-left:17px;margin-left:-18px;background:linear-gradient(90deg,#eff5d780,transparent 70%)}.chapter-new-label{display:block;font-size:9px;letter-spacing:1.1px;color:#7b961b;font-weight:800;padding-top:14px}.is-new h3{margin-top:8px}.reading-context{margin:20px 0;padding:14px;background:#f0f1e8;border-radius:14px}.reading-context>span{display:block;font-size:11px;color:#8a947c}.reading-context>button{background:none;display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0 0;color:#5e6f45;font-size:12px;font-weight:700;text-align:left}.read-next{position:relative;padding:22px 18px;background:#edf2db;border:1px solid #e2e9c8;border-radius:23px;margin-top:28px}.next-spark{position:absolute;right:15px;top:13px;color:#8ca71b;font-size:26px}.read-next h3{font:800 18px 'Inter';letter-spacing:-.7px;margin:0 25px 8px 0}.read-next p{font-size:12px;line-height:1.65;color:#77815f;margin:0 0 17px}.read-next>p:last-child{margin:0}.read-next button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:var(--blue);color:white;padding:14px;border-radius:14px;text-align:left;font-size:12px;font-weight:700;box-shadow:0 3px 0 #1733c2}.read-next button>span{font-size:18px;flex:none}.mobile-preview>span{margin-left:auto;background:var(--lime);width:48px;height:48px;border-radius:17px;color:#35450a;box-shadow:0 3px 0 #b0c94f;display:grid;place-items:center}.photo-title h1{font:900 36px/.95 'Inter';letter-spacing:-1.8px;margin:0}.map-caption h2{font:900 41px/.99 'Inter',sans-serif;letter-spacing:-2.5px;margin:10px 0 12px;text-shadow:0 2px 0 #ffffffa8}.map-caption h2>span{color:var(--blue);margin-left:8px}.not-found{padding:15vh 24px;max-width:550px;margin:auto}.not-found>b{font-size:80px;color:var(--blue)}.not-found h1{font:900 45px/1 'Inter';letter-spacing:-2px}.not-found p{line-height:1.7;color:#79836b}.not-found a{display:inline-block;padding:14px 20px;background:var(--blue);border-radius:14px;color:white;text-decoration:none}.no-js-note{text-align:center;padding:20px;font-size:12px}
@media(min-width:801px){body:not(.guide-open) .guide-panel{display:none}.map-header{z-index:650}}
@media(min-width:1400px){.photo-title h1{font-size:36px}}
@media(max-width:1100px) and (min-width:801px){.photo-title h1{font-size:31px}.map-caption h2{font-size:33px}}
@media(max-width:800px){.city-picker{position:fixed;left:16px;right:16px;top:76px;width:auto;max-width:420px;margin-left:auto}.city-pill{gap:7px}.city-pill .chevron{font-size:18px}.map-caption h2{font-size:33px;letter-spacing:-1.8px}.photo-title h1{font-size:34px}.guide-open .map-header{visibility:hidden}.guide-open .guide-panel{z-index:800}.map-header{gap:10px}.brand{flex:none}.read-next{margin-bottom:12px}.guide-panel{height:calc(104px + env(safe-area-inset-bottom))}.place-rail-wrap{bottom:calc(123px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.brand{font-size:29px}.brand span{font-size:29px}.map-header{left:14px;right:14px;gap:8px}.city-pill{padding:10px}.reset-button{width:34px;height:34px}}
/* Keep the exit available while a long guide scrolls. */
.guide-panel>.back-button{top:25px;right:25px;left:auto;z-index:5;width:36px;height:36px;box-shadow:0 3px 12px #0002;background:#ffffffed}.photo-badge{right:60px}.story-chapter{scroll-margin-top:72px}
@media(max-width:800px){.guide-panel>.back-button{top:28px;right:24px}body:not(.guide-open) .guide-panel>.back-button{display:none}.photo-badge{right:59px}}
/* Compact city trigger: only the flag/name/chevron is interactive. */
.city-pill{gap:9px;padding:5px 11px 5px 5px;min-height:45px;border-radius:16px}.city-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 8px;border-radius:10px;background:transparent;color:var(--ink);font-size:14px;font-weight:800;line-height:18px;transition:background .15s}.city-trigger:hover{transform:none;background:#0000000d}.city-trigger[aria-expanded=true]{background:#00000012}.city-trigger #city-flag{font-size:16px;line-height:18px;display:flex;align-items:center}.city-trigger .chevron{width:15px;height:15px;flex:none;display:block;color:#65705b;margin:0;stroke-width:2}.city-pill small{padding-left:10px;padding-right:2px;line-height:16px;font-size:11px;cursor:default}.city-pill:has(.city-trigger:focus-visible){box-shadow:0 0 0 3px #2348ff20}.city-trigger:focus-visible{outline:2px solid #2348ff70;outline-offset:1px}.reset-button{display:grid;place-items:center;padding:0;line-height:1}.reset-button svg{width:21px;height:21px;display:block;fill:none;stroke-width:1.9}.reset-button:hover{transform:none;background:#f7f8f2}
.search-box,.city-search-label{border:1px solid transparent;transition:border-color .15s,box-shadow .15s}.search-box input:focus,.search-box input:focus-visible,.city-search-label input:focus,.city-search-label input:focus-visible{outline:none!important;box-shadow:none}.search-box:focus-within,.city-search-label:focus-within{border-color:#2348ff60;box-shadow:0 0 0 3px #2348ff12}.search-box input::-webkit-search-cancel-button,.city-search-label input::-webkit-search-cancel-button{cursor:pointer}
.language-switcher{position:relative}.language-switcher>button{display:flex;align-items:center;gap:5px;color:#657158;padding:6px 8px;border-radius:8px;background:transparent;font-size:11px;font-weight:600;line-height:14px}.language-switcher>button:hover{transform:none;background:#0000000c}.language-switcher>button svg{width:13px;height:13px}.language-picker{position:absolute;right:0;top:calc(100% + 7px);width:250px;border:4px solid white;background:var(--paper);padding:15px;border-radius:19px;box-shadow:0 12px 45px #1c2f1928;z-index:20;color:var(--ink)}.language-picker>strong{font-size:14px}.language-picker p{font-size:11px;line-height:1.6;margin:7px 0;color:#8a937c}.language-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-radius:11px;text-decoration:none;color:var(--ink);background:#e8edff;font-size:12px}.language-option>b{color:var(--blue)}.language-option:hover{transform:none}.language-picker .language-pending{border-top:1px solid #e5e8dc;padding-top:11px;margin-top:13px;font-size:10px}
.story-chapter.is-new{border:0;padding:0;margin-left:0;background:none}.story-block{border-radius:9px;scroll-margin-top:80px}.story-block:focus{outline:0}.story-block.is-new{border-left:3px solid #adc937;padding:2px 12px 2px 14px;margin:0 -12px 16px -17px;background:linear-gradient(90deg,#edf4d9,transparent)}.story-block.is-new p{margin-bottom:5px}.passage-new-label{display:block;font-size:9px;letter-spacing:.8px;font-weight:800;color:#809820;margin:7px 0 8px}.reading-context>span{line-height:1.5}.chapter-new-label{padding:0}.reading-context{scroll-margin-top:80px}
.world-view .place-rail-wrap{visibility:hidden}.world-city-button{display:flex;align-items:center;gap:7px;padding:12px 14px;white-space:nowrap;border:3px solid white;border-radius:18px;background:var(--blue);color:white;box-shadow:0 4px 0 #162eba,0 10px 20px #1736aa30;font-size:13px}.world-city-button>span{font-size:19px}.world-city-button>small{font-size:9px;color:#d4ddff}.world-city-button:hover{transform:translateY(-2px)}.world-view #map{background:#e2ebef}
@media(max-width:1100px) and (min-width:801px){.city-trigger{font-size:12px}.city-pill{padding:3px 5px}}
@media(max-width:800px){.city-pill{padding:3px;min-height:38px;border-radius:14px}.city-trigger{font-size:12px;gap:6px;padding:7px 8px}.city-trigger #city-flag{font-size:14px}.city-trigger .chevron{width:13px;height:13px}.reset-button svg{width:20px;height:20px}.guide-open .guide-panel{height:100dvh;max-height:100dvh;top:0;bottom:0;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}.guide-open .mobile-handle{height:calc(32px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 0 16px;touch-action:none;cursor:grab}.guide-open .guide-scroll{height:calc(100% - 32px - env(safe-area-inset-top))}.guide-open .guide-panel>.back-button{top:calc(44px + env(safe-area-inset-top))}.guide-panel{transition:height .3s ease,transform .3s ease}.guide-panel.sheet-dragging{transition:none}.sheet-dragging .mobile-handle{cursor:grabbing}.guide-open .place-photo{margin-top:0}.story-block{scroll-margin-top:95px}}
.placeholder-marker.marker-selected .marker-title:after{content:' ↗'}
/* One app language, accessible from the brand and from the guide. */
.brand-menu{position:relative;flex:none}.brand-row{display:flex;align-items:center;gap:4px}.app-menu-toggle{display:flex;align-items:center;justify-content:center;gap:2px;padding:7px 4px;background:transparent;border-radius:9px;color:#627257}.app-menu-toggle:hover{transform:none;background:#0000000d}.app-menu-toggle>svg{width:17px;height:17px}.app-menu-toggle .small-chevron{width:10px;height:10px}.app-menu{position:absolute;top:calc(100% + 10px);left:0;width:280px;padding:19px;background:var(--paper);border:4px solid white;border-radius:23px;box-shadow:0 14px 45px #1c2f1928;z-index:25}.app-menu>strong{font-size:15px}.app-menu>p{font-size:12px;line-height:1.6;color:#879477;margin:8px 0 15px}.app-menu>small{display:block;font-size:10px;line-height:1.6;color:#97a086;padding-top:13px}.language-switcher>button .language-icon{width:17px;height:17px;margin-right:2px}
/* Additions read like an editorial note, without coloured paragraph panels. */
.story-block{position:relative}.story-block.is-new{background:none;border:0;padding:0;margin:0 0 17px}.story-block.is-new p{margin:0 0 17px}.chapter-new-label,.passage-new-label{display:none}.passage-marker{position:absolute;left:-16px;top:0;font-size:12px;line-height:27px;color:#9b9e94;font-weight:500}.story-chapter.is-new{background:none;border:0}.reading-context{background:#eeefe8;border:0;color:#747e67}.reading-context>span{color:#909786}.reading-context>button{color:#637354}
body[data-passages-style=caption] .passage-marker,body[data-passages-style=none] .passage-marker{display:none}body[data-passages-style=caption] .passage-new-label{display:block;font-size:10px;color:#92978b;font-weight:500;letter-spacing:0;margin:3px 0 6px;font-style:italic}body[data-passages-style=none] .passage-new-label{display:none}
/* Keep a rendered map context beneath replacement tiles. */
.map-continuity{position:absolute;top:0;left:0;z-index:0;pointer-events:none;transform-origin:0 0;opacity:0;transition:opacity .18s ease;filter:saturate(.45) contrast(.85) brightness(1.08)}#map{background:#e8edde}.world-view #map{background:#dfe9e6}.world-cluster{gap:9px;padding:11px 15px}.world-cluster>b{font-size:19px}.world-cluster>span{font-size:15px}.world-cluster>small{font-size:10px}
@media(max-width:800px){body.app-shell{overflow:hidden;overscroll-behavior:none}.brand{font-size:30px;letter-spacing:-2.2px}.brand span{font-size:30px}.app-menu-toggle{padding:7px 2px}.app-menu-toggle>svg{width:15px;height:15px}.map-header{left:16px;right:16px;gap:7px}.city-trigger{padding:7px 6px;gap:5px}.city-pill{padding:2px}.reset-button{width:35px;height:35px}.guide-panel,.guide-open .guide-panel{top:0;bottom:0;height:100dvh;max-height:100dvh;transform:translateY(calc(100dvh - 104px - env(safe-area-inset-bottom)));transition:transform .34s cubic-bezier(.2,.8,.25,1);will-change:transform}.guide-open .guide-panel{transform:translateY(0)}.guide-panel.sheet-dragging{transition:none}.app-menu{width:275px}.guide-open .guide-scroll{overscroll-behavior:contain}}
@media(max-width:360px){.brand{font-size:26px}.brand span{font-size:26px}.app-menu-toggle .small-chevron{display:none}.map-header{gap:5px;left:12px;right:12px}.city-trigger{font-size:11px}.reset-button{width:32px;height:32px}}
.map-loading-status{position:absolute;right:24px;top:86px;z-index:650;background:#fafbf6ed;color:#7b8870;box-shadow:0 3px 14px #23341a0c;padding:8px 11px;border-radius:11px;font-size:10px;pointer-events:none}.map-loading-status:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#9caa87;margin-right:7px;vertical-align:1px}
@media(max-width:800px){.map-loading-status{right:16px;top:68px;font-size:9px;padding:7px 9px}}
/* The logo opens the app menu; language is an item inside the white dropdown. */
.brand-toggle{display:flex;align-items:center;gap:0;padding:0;background:transparent;white-space:nowrap}.brand-toggle:hover{transform:none}.brand-toggle .brand-chevron{width:22px;height:22px;margin-left:7px;padding:3px;background:#ffffffed;border-radius:7px;stroke:var(--blue);stroke-width:2.2}.app-menu{background:#fff;padding:9px;border:1px solid #e9ece3;border-radius:18px;width:280px;box-shadow:0 14px 45px #1c2f1928}.app-menu-item{display:flex;align-items:center;gap:11px;width:100%;padding:13px 11px;border-radius:10px;background:none;color:#394132;text-decoration:none;font-size:13px;text-align:left}.app-menu-item:hover{background:#00000008;transform:none}.app-menu-item>svg{width:17px;height:17px;flex:none;color:#718267}.app-menu-item>small{margin-left:auto;color:#86917e;font-size:11px}.app-menu-item .menu-chevron{width:12px;height:12px}.app-language-options{margin:0 5px;padding:4px 6px 8px 25px;border-bottom:1px solid #eef0e9}.app-menu .menu-language-note{padding:10px 11px 6px;font-size:10px;line-height:1.6;color:#909985}.picker-title button{display:grid;place-items:center;padding:0;line-height:1}.picker-title button svg{width:15px;height:15px;display:block;stroke-width:2}
/* Caption and search form one column, so their widths stay in sync. */
.map-intro{position:absolute;left:30px;top:110px;width:300px;max-width:calc(100% - 60px);display:flex;flex-direction:column;gap:12px;z-index:550;pointer-events:none}.map-intro .map-caption{position:static;width:100%;margin:0;padding:17px 18px;border-radius:22px;background:linear-gradient(115deg,#f5f7eaf2,#f5f7eac9 70%,#f5f7ea00)}.map-intro .map-caption p{display:block;background:none;border-radius:0;line-height:1.55}.map-intro .search-box{position:static;inset:auto;width:100%;pointer-events:auto;padding:15px 17px}.map-intro .map-caption h1,.map-intro .map-caption h2{font-size:39px;line-height:1.03}.map-intro .tiny-label{letter-spacing:1.4px;font-size:9px}
/* Colour distinguishes additions only when repeated paragraphs are visible beside them. */
body[data-passages-style=margin] [data-reading-context=mixed] .story-block.is-new p{color:#2348ff}.passage-marker{display:none;color:#2348ff;font-weight:700}body[data-passages-style=margin] [data-reading-context=mixed] .passage-marker{display:block}#read-content:not([data-reading-context=mixed]) .passage-new-label{display:none}
/* The place strip supports touch, a mouse wheel, keyboard arrows and visible buttons. */
.rail-heading{gap:10px}.rail-actions{display:flex;align-items:center;gap:7px}.rail-actions>span{background:#f7f9edeb;padding:5px 8px;border-radius:6px}.rail-actions button{width:28px;height:28px;display:grid;place-items:center;padding:0;border-radius:50%;background:#fffffff5;color:#53634a;box-shadow:0 2px 6px #263b1712}.rail-actions button:hover{transform:none;background:#fff}.rail-actions button:disabled{opacity:.35;cursor:default}.rail-actions button svg{width:13px;height:13px}.rail-actions #rail-prev svg{transform:rotate(90deg)}.rail-actions #rail-next svg{transform:rotate(-90deg)}.place-rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#b9c3aa #ffffff66;scroll-snap-type:x proximity;touch-action:pan-x}.place-rail::-webkit-scrollbar{display:block;height:4px}.place-rail::-webkit-scrollbar-thumb{background:#b9c3aa;border-radius:10px}.place-rail::-webkit-scrollbar-track{background:#ffffff66}.place-card{scroll-snap-align:start}
@media(max-width:800px){.map-intro{top:84px;left:16px;max-width:calc(100% - 32px);width:270px;gap:10px}.map-intro .map-caption{padding:14px 16px;border-radius:20px}.map-intro .map-caption h1,.map-intro .map-caption h2{font-size:33px;letter-spacing:-1.8px}.map-intro .map-caption p{font-size:12px}.map-intro .search-box{padding:14px 16px}.brand-toggle .brand-chevron{width:19px;height:19px;margin-left:5px}.app-menu{width:275px}.rail-heading{margin-bottom:9px}.rail-actions button{width:26px;height:26px}}
@media(max-width:360px){.map-intro{width:250px;left:12px}.brand-toggle .brand-chevron{width:17px;height:17px;margin-left:3px}}

/* Safari keeps its normal viewport when a search field receives focus. */
@media(max-width:800px){.search-box input,.city-search-label input{font-size:16px}.city-picker{max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}.app-menu{max-height:calc(100dvh - 95px);overflow:auto;overscroll-behavior:contain}}
.app-menu-links{border-top:1px solid #edf0e7;margin-top:7px;padding-top:5px}.app-menu-links .app-menu-item{padding:10px 11px;font-size:12px}
.info-page{min-height:100dvh;background:radial-gradient(ellipse at 10% 0,#e4edcd,transparent 50%),var(--paper);line-height:1.7}.info-header{max-width:1120px;padding:28px 30px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.info-map-link{font-size:13px;text-decoration:none;color:var(--blue);font-weight:700}.info-main{max-width:800px;margin:40px auto 70px;padding:0 30px}.info-main h1{font:900 clamp(36px,6vw,62px)/1.05 Inter,sans-serif;color:var(--blue);letter-spacing:-2.3px;margin:17px 0 20px}.info-intro{font-size:20px;line-height:1.5;color:#6b775e;max-width:620px;margin-bottom:35px}.info-body{background:#ffffffc9;padding:16px 38px 30px;border:1px solid #fff;border-radius:28px;box-shadow:0 10px 40px #273b1307}.info-body section{padding:20px 0}.info-body section+section{border-top:1px solid #edf0e7}.info-body h2{font-size:21px;letter-spacing:-.5px;margin:0 0 10px}.info-body p{font-size:15px;color:#596252;margin:10px 0}.info-body a{color:var(--blue);text-underline-offset:3px}.info-date{font-size:12px!important;color:#7c8673!important}.info-cta{display:inline-block;background:#eef2ff;color:var(--blue);padding:11px 15px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:700;margin:10px 0}.policy-draft{padding:14px;background:#fff5da;border-radius:12px}.info-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;max-width:1120px;padding:25px 30px 40px;margin:auto}.info-footer a,.info-footer button{color:#6e7963;text-decoration:none;font-size:11px;background:none;padding:0}.info-footer .app-menu-item{display:inline;width:auto}.analytics-consent{position:fixed;z-index:2000;left:20px;bottom:20px;width:370px;max-width:calc(100% - 40px);padding:20px;background:white;border:1px solid #e5e9dc;border-radius:22px;box-shadow:0 12px 60px #24371526}.analytics-consent>strong{font-size:15px;color:#293522}.analytics-consent p{font-size:12px;line-height:1.6;color:#728166;margin:9px 0 16px}.analytics-consent a{color:var(--blue)}.analytics-consent>div{display:flex;gap:8px}.analytics-consent button{flex:1;padding:12px 9px;background:#eef1e7;border-radius:11px;font-size:12px;font-weight:700;color:#3d4b33}.analytics-consent button:last-child{background:#eaf0ff;color:var(--blue)}.analytics-consent button:hover{transform:none;filter:brightness(.98)}
@media(max-width:800px){.info-header{padding:22px 20px}.info-main{padding:0 20px;margin:25px auto 45px}.info-main h1{letter-spacing:-1.4px}.info-intro{font-size:17px}.info-body{padding:12px 22px 20px;border-radius:22px}.info-body p{font-size:15px}.info-map-link{font-size:11px}.analytics-consent{left:14px;bottom:calc(14px + env(safe-area-inset-bottom));max-width:calc(100% - 28px);width:370px}}
/* A guide can have more lengths than a narrow screen can fit. */
.durations{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c9d4f9 transparent;padding-bottom:4px}.durations button{flex:1 0 58px}