:root{--deep:#163c29;--blue:#28633b;--gold:#b28e42;--border:#e4e1d6;--shadow:0 5px 18px #2337220b;color:#163424;background:#f9f8f2;font-family:Arial,ui-sans-serif,system-ui,sans-serif}body{background:#f9f8f2}h1,h2,.home-pois strong{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(30px,5vw,44px)}p{line-height:1.65}button{border-radius:22px;box-shadow:none}button:hover{background:#edf2e7;border-color:#86a076}.primary{background:#265638;border-color:#265638;box-shadow:0 4px 12px #29482a18}.primary:hover{background:#163c29;border-color:#163c29}.eyebrow{color:#617448;letter-spacing:2px}.text-button{color:#31543b}.notice{background:#f0f2e8;border-color:#708954;border-radius:14px}.warning{background:#fff4d9;border-color:#e9dcb5;color:#6f4f16}header{background:#faf9f2e8;border-color:var(--border);height:68px}header .brand{color:#183d29;font-family:Georgia,serif;font-size:24px}.brand small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.8px}.settings{background:#eef1e6}.bottom-nav{background:#fffffff2;box-shadow:0 -4px 24px #34412909}.bottom-nav button.selected{background:#e9eddc;color:#21472d}.bottom-nav button{color:#526354}.page{max-width:940px}.field-home{max-width:980px;margin:auto;padding-bottom:100px}.field-hero{position:relative;isolation:isolate;overflow:hidden;min-height:270px;padding:18px 22px 26px;background:#f8f7ef}.hero-art{position:absolute;right:0;top:0;width:68%;height:100%;object-fit:cover;object-position:60% 50%;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 30%)}.field-hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(0deg,#f9f8f2,transparent 22%),linear-gradient(90deg,#f9f8f2 3%,#f9f8f2bb 28%,transparent 55%)}.hero-identity{max-width:72%}.hero-identity>img{width:170px;height:105px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:3px}.hero-identity h1{font-size:clamp(44px,7vw,70px);margin:5px 0 0;line-height:1}.hero-subtitle{font-family:Georgia,serif;font-style:italic;color:#85601d;font-size:clamp(17px,3.6vw,27px);margin:8px 0}.hero-slogan{font-size:12px;letter-spacing:1.2px;font-weight:600;margin:12px 0 0;max-width:190px}.hero-identity .eyebrow{font-size:9px;letter-spacing:2px}.home-content{padding:0 18px}.search-field{margin:0 0 16px;box-shadow:0 6px 20px #34412913;border-color:#e9e4d7;border-radius:35px;background:white}.search-field input{min-width:0;font-size:16px}.home-intro{border:1px solid #e1e3d5;background:linear-gradient(115deg,#f4f5e9,#fffef8);padding:14px 16px;border-radius:22px}.intro-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.intro-top>strong{font-family:Georgia,serif;font-size:21px;font-weight:500}.home-intro .reference-play{width:45px;height:45px;min-height:45px;color:#fff;background:#265638;border:0;font-size:19px}.home-intro .languages{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.home-intro .languages button{flex:1 1 29%;font-size:13px;padding:9px 7px;min-height:44px;color:#25452d;border-color:#d8dfce;background:#fff9;white-space:nowrap}.home-intro .languages button[aria-pressed=true],.page .languages button[aria-pressed=true]{background:#2b5b3a;color:white;border-color:#2b5b3a}.reference-hint{color:#59684f;font-size:12px;margin:8px 0}.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.intro-bottom>small{font-size:11px;color:#566350}.intro-bottom .text-button{font-size:12px;padding:6px;min-height:44px}.home-intro .audio-progress{color:#345737;margin:0;gap:8px;font-size:12px}.audio-progress input{accent-color:#387c4c}.home-intro #audioStatus{font-size:13px;margin:4px 0}.home-intro #audioStatus:empty{display:none}.home-content>h2{font-size:24px;margin:25px 0 14px}.field-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.field-actions button{text-align:left;padding:15px 11px;display:flex;flex-direction:column;align-items:flex-start;border-radius:18px;background:#eef3e7;border:1px solid #dce4d3;min-width:0}.field-actions button:nth-child(2){background:#edf5f3;border-color:#d6e4df}.field-actions button:nth-child(3){background:#fbf1df;border-color:#ede0c7}.field-actions .reference-icon{width:30px;height:30px;margin-bottom:10px}.field-actions strong{font-size:14px;line-height:1.2}.field-actions small{font-size:11px;line-height:1.35;font-weight:400;margin-top:7px;color:#58684e}.map-entry{display:flex;align-items:center;gap:13px;width:100%;margin-top:18px;padding:16px 20px;text-align:left;background:#dfe9d2;border-color:#d4dec8}.map-entry>span:first-child{font-size:28px}.map-entry>span:last-child{margin-left:auto}.map-entry strong{font-size:16px}.home-pois{display:grid;grid-template-columns:1fr 1fr;gap:13px}.home-pois button{text-align:left;padding:0;overflow:hidden;border:1px solid #e9e3d9;border-radius:18px;box-shadow:0 4px 12px #223c2510;background:#fffdfa}.home-pois img{width:100%;height:170px;object-fit:cover}.home-pois strong{display:block;font-size:19px;line-height:1.15;margin:11px 12px 4px}.home-pois small{display:block;color:#66725b;margin:0 12px 13px;font-weight:400}.home-motto{text-align:center;font-size:11px;letter-spacing:3px;color:#788262;margin:26px 0 0}.route-modes button[aria-pressed=true]{background:#265638;color:white;border-color:#265638}.route-card{border-radius:20px;background:#fffdf8;border-color:#e3e2d8;overflow:hidden;padding:20px}.route-card h2{font-size:26px;margin:10px 0 18px;min-height:0}.route-card .route-cover{display:block;width:calc(100% + 40px);margin:-20px -20px 17px;height:155px;object-fit:cover}.route-card p{font-size:19px}.route-status{border-radius:10px;font-size:12px;max-width:100%}.poi-thumb{width:66px;height:76px;object-fit:cover;border-radius:12px;flex:none}.poi-row>button{padding:13px 0}.poi-row small{font-size:11px;color:#68755e}.poi-row strong{font-size:16px;line-height:1.3}.poi-symbol{color:#366947;background:#e9efdf}.poi-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:20px -2px}.poi-gallery figure{margin:0;flex:0 0 88%;scroll-snap-align:start}.poi-gallery figure:only-child{flex-basis:100%}.poi-gallery img{width:100%;height:min(58svh,540px);min-height:280px;object-fit:contain;background:#efede4;border-radius:18px;display:block}.poi-gallery figcaption{color:#66735c;font-size:12px;padding:8px 3px}.coordinate-label{font-size:13px;color:#677357}.story{font-size:18px;line-height:1.85;white-space:pre-line}.audio-panel{background:#204630;border:0;border-radius:20px;box-shadow:0 8px 20px #1a41211c}.audio-panel small{color:#d5e4ce}.audio-panel .audio-heading{font-family:Georgia,serif}.audio-panel button{background:#fffef8;color:#23472d;border:0}.audio-panel .primary{background:#d9e9c9}.assistant-page:before{content:'';display:block;height:100px;background:linear-gradient(90deg,#f9f8f2,transparent),url('assets/promo-village.webp') 70% 50%/cover;border-radius:20px;margin-bottom:20px}.assistant-heading h1{font-size:34px}.quick-questions button{border-radius:18px;background:#eff2e6;border-color:#e0e5d5}.bubble.user{background:#e4ecd9;color:#23452e}.bubble.assistant{background:#fffdf8;border-color:#e4e4d8}.answer-mode{display:block;color:#7a865f;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.chat-action{border-radius:25px}.compass-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:5px}.compass-controls button{font-size:12px;padding:10px 12px;min-height:44px}.compass-controls button[aria-pressed=true]{background:#e3edd6;border-color:#b8c9a3}.compass-controls+p{margin:5px 0 16px;font-size:12px}.nav-content{background:#fffdf8}.map-shell{background:#e2e8dc;overflow:hidden}.map-state{border-color:#dde4d5;color:#294b32}.map-follow{font-size:12px;padding:10px 15px}.turn-instruction{display:block;font-size:20px;line-height:1.4;margin:16px 0;color:#193f2d;font-weight:700}.nav-metrics strong{font-family:Georgia,serif;font-size:39px}.user-position{position:relative;background:none;border:0}.user-dot{position:absolute;left:11px;top:11px;width:18px;height:18px;background:#0788e5;border:3px solid white;border-radius:50%;box-shadow:0 1px 6px #1239}.user-cone{position:absolute;inset:-20px;clip-path:polygon(50% 50%,15% 0,85% 0);background:linear-gradient(0deg,#058bf390,#078bed08);transform-origin:50% 50%;pointer-events:none}.user-cone:after{content:'';position:absolute;left:calc(50% - 7px);top:25%;width:14px;height:20px;background:#087dc4;clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%)}.user-cone.gps-heading:after{background:#b47e24}.poi-marker{border-color:#2c653a;color:#2c653a}.toast{background:#193f2b}.success{background:#e6efdc;color:#285631}.hidden{display:none!important}@media(min-width:650px){.field-hero{min-height:355px;padding:30px 36px}.hero-identity>img{width:230px;height:150px}.home-content{padding:0 35px}.home-intro .languages{flex-wrap:nowrap}.home-intro .languages button{flex:1 1 18%}.field-actions button{padding:22px}.field-actions strong{font-size:20px}.field-actions small{font-size:14px}.home-pois{grid-template-columns:repeat(4,1fr)}.home-pois img{height:200px}.home-pois strong{font-size:20px}.home-content>h2{font-size:30px}.field-actions{gap:15px}}@media(max-width:370px){.home-content{padding:0 13px}.field-actions{gap:6px}.field-actions button{padding:13px 8px}.field-actions strong{font-size:12px}.home-pois img{height:145px}.hero-identity>img{width:145px;height:96px}.hero-identity{max-width:82%}.hero-identity h1{font-size:43px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
:root{font-size:16px}
.bottom-nav button{font-size:.875rem;overflow-wrap:anywhere}
.home-intro .languages button,.reference-hint,.intro-bottom>small,.intro-bottom .text-button,.home-intro #audioStatus,.home-intro .audio-progress,.field-actions small,.route-status,.poi-row small,.poi-gallery figcaption,.coordinate-label,.answer-mode,.compass-controls button,.compass-controls+p,.map-follow,.map-state,.compact{font-size:.875rem}
.field-actions strong{font-size:1rem;overflow-wrap:anywhere}
.field-actions small,.poi-row small,.route-status{line-height:1.5}
.field-actions button{min-width:0}
.audio-meta{font-size:.875rem;color:#435843;line-height:1.5;margin:0 0 18px}
.audio-panel details p{white-space:pre-line}
.poi-row>button>span{min-width:0;overflow-wrap:anywhere}
.nav-metrics{flex-wrap:wrap;gap:12px}
.route-status{white-space:normal}
.page .languages,.home-intro .languages{gap:8px}
.audio-panel .row button{min-height:48px}
.voice-row{flex-wrap:wrap}
@media(max-width:480px){.field-actions{grid-template-columns:1fr}.field-actions button{display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding:14px 16px}.field-actions .reference-icon{grid-row:1 / 3;margin:0;align-self:center}.field-actions strong,.field-actions small{grid-column:2}.field-actions small{margin-top:4px}.home-intro .languages button{flex:1 1 42%}.intro-bottom{flex-wrap:wrap}.home-content>h2{font-size:1.5rem}.bottom-nav button{font-size:.875rem;line-height:1.25;min-height:68px}.page,.field-home,.navigation-page{padding-bottom:145px}.toast{bottom:110px}.nav-metrics strong{font-size:2rem}}

/* Route preview: the complete map stays clear; controls and directions sit below. */
.walk-preview .map-shell{height:52svh;min-height:300px;max-height:560px}
.preview-endpoints{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;margin:20px 0;font-size:1rem}
.preview-endpoints dt{font-weight:700}.preview-endpoints dd{margin:0;overflow-wrap:anywhere}
.route-line-key{display:flex;align-items:center;gap:12px;font-size:.875rem}
.route-line-key>span{width:36px;height:6px;flex-shrink:0;background:#d32936;border-radius:6px}
.route-tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.route-tools button{font-size:.875rem;min-height:48px}
.route-tools button[aria-pressed=true]{background:#e9eddc;border-color:#668055}
.turn-list{margin:16px 0;border:1px solid var(--border);border-radius:16px;background:#fff;padding:14px}
.turn-list summary{font-size:1rem;font-weight:700;cursor:pointer;min-height:32px}
.turn-list ol{padding-left:24px}.turn-list li{padding:12px 0;border-bottom:1px solid var(--border)}.turn-list li:last-child{border:0}
.turn-list li>span{font-size:.875rem;color:#56654c}.turn-list li>p{margin:4px 0 0;font-size:1rem;overflow-wrap:anywhere}
.walk-preview h1{font-size:clamp(1.5rem,5vw,2rem)}
@media(min-width:900px){.walk-preview .map-shell{height:72vh;max-height:none}}

.poi-marker{display:grid;place-items:center;width:32px;height:32px;border:2px solid #dbe3d7;background:#fff;border-radius:50%;box-shadow:0 2px 7px #203c3040;line-height:normal}.poi-marker svg{width:20px;height:20px;display:block}.poi-marker-muted{border-color:#e4e4e0;background:#fff}.poi-marker-muted svg{opacity:.55}
/* Compact home actions and the listening library. */
.field-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
.field-actions button{min-width:0}
.audio-library{max-width:760px}
.audio-library>p{color:#596a57;margin:8px 0 18px}
.audio-library .languages{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}
.audio-library .languages button{flex:1 1 110px;font-size:13px;min-height:42px;padding:8px 5px;background:white;border-color:#dce4d5;color:#24462f}
.audio-library .languages button[aria-pressed=true]{background:#285b3c;color:white}
.guide-groups{display:grid;gap:17px}
.guide-group{background:#fffdf8;border:1px solid #e3e6db;border-radius:19px;padding:12px 17px;box-shadow:0 3px 12px #223c2510}
.guide-group h2{font:500 24px Georgia,serif;margin:6px 0 8px;color:#234831}
.guide-group h2 small{font:600 12px Arial,sans-serif;color:#708269;margin-left:6px}
.guide-item{display:flex;align-items:center;gap:10px;min-height:61px;border-top:1px solid #edf0e8;padding:8px 0}
.guide-item-title{flex:1;font-size:15px;line-height:1.3;font-weight:600}
.guide-item button{flex:none;min-height:39px;padding:7px 12px;border-radius:22px;background:#e8f0e2;border-color:#d5e2cf;color:#255336;font-size:13px}
.poi-name-label{background:#fffefa;border:1px solid #d6dfd2;border-radius:7px;color:#23432b;box-shadow:0 1px 5px #223b2830;font:700 11px/1.15 Arial,sans-serif;padding:3px 5px;max-width:100px;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
.poi-name-label:before{display:none}
@media(max-width:650px){.field-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.field-actions button{min-height:103px;padding:13px}.field-actions .reference-icon{width:25px;height:25px;margin-bottom:5px}.field-actions strong{font-size:15px}.field-actions small{font-size:11px;margin-top:3px}}
@media(max-width:480px){.field-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.field-actions button{display:flex;flex-direction:column;align-items:flex-start;padding:12px;min-height:101px}.field-actions .reference-icon{width:25px;height:25px;margin:0 0 6px}.field-actions strong,.field-actions small{grid-column:auto}.field-actions small{margin-top:3px}}
.visit-count{margin-left:auto;margin-right:12px;padding:5px 9px;border:1px solid #dce4d8;border-radius:15px;background:#f3f6ec;color:#426047;font-size:12px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:480px){.visit-count{font-size:11px;margin-right:8px;padding:4px 7px}}