/* Activity pages share the approved navy, gold and terracotta palette. */
.panel.festival-panel{--brick:#9E6752;--muted:#c2c8c5;background:linear-gradient(180deg,#20212B 0,#263a49 760px,#202b37 100%);color:#f7e9d7;padding:10px 24px 30px;min-height:calc(100dvh - 90px)}
.festival-panel .event-back{display:inline-flex;gap:8px;align-items:center;min-height:44px;color:#d1c5b7;font-family:'Prompt',Tahoma,sans-serif;font-size:11px}.festival-panel .event-back .icon{width:17px;height:17px}.festival-panel .eyebrow{color:#FED7A5;font-family:Georgia,serif;font-weight:500;letter-spacing:2px;font-size:9px;margin:0 0 9px}.festival-panel .event-heading{margin:20px 0 25px}.festival-panel .event-heading h1{font-family:'Noto Serif Thai',Georgia,serif;font-weight:600;font-size:clamp(27px,7.2vw,37px);line-height:1.6;margin:0 0 10px;letter-spacing:0;color:#FED7A5}.festival-panel .event-heading>p:last-of-type{font-size:12px;color:#cbd0cc;line-height:1.9;margin:0}.festival-date-tag{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;color:#edcfaa;background:#9e675229;border:1px solid #fed7a529;border-radius:24px;padding:9px 12px;margin-top:19px;font-size:10px;line-height:1.6}
.festival-panel .festival-map{color:#3e403c;background:#f6f2e8;border-color:#fed7a51f;border-radius:20px;margin-bottom:34px}.festival-panel .festival-map-top{font-size:12px;padding:17px 14px 0}.festival-panel .map-live-dot{color:#73766A;font-size:9px}.festival-panel .map-accuracy{font-size:9px;color:#756c5f}.festival-panel .geo-map-key{gap:5px;padding:6px 10px}.festival-panel .geo-map-key a{font-size:10px;gap:4px;min-height:44px;padding-inline:3px}.festival-panel .geo-map-key a[hidden]{display:none}.festival-panel .map-controls button{color:#584b3d}.festival-panel .map-controls button:focus-visible{outline-offset:-3px}.festival-panel .map-instruction{font-size:9px;padding-top:9px}.festival-panel .map-zone-badge text{fill:#62503d}.festival-panel .geographic-map a:hover .map-zone-badge text,.festival-panel .geographic-map a:focus-visible .map-zone-badge text,.festival-panel .geographic-map a.is-selected .map-zone-badge text{fill:#fff9eb}
.activity-list-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 0 17px}.activity-list-heading h2{font-family:'Noto Serif Thai',Georgia,serif;font-size:21px;font-weight:600;line-height:1.6;letter-spacing:0;color:#FED7A5;margin:0}.activity-list-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:7px}.activity-list-heading>span{white-space:nowrap;font-size:10px;color:#bdc4bf;padding-bottom:5px}.festival-panel .event-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:1px 0 10px;margin-bottom:11px}.festival-panel .event-filters button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:10px 13px;border:1px solid #fed7a52e;border-radius:24px;background:transparent;font-size:11px;color:#e5d7c8;white-space:nowrap}.festival-panel .event-filters button span{font-family:'Prompt',Tahoma,sans-serif;font-size:9px;opacity:.7}.festival-panel .event-filters button[aria-pressed=true]{background:#FED7A5;border-color:#FED7A5;color:#2D4354}.festival-panel .event-filters button:focus-visible{outline-color:#FED7A5;outline-offset:-4px}.activity-grid{display:grid;gap:20px}.festival-activity-card{display:block;border-radius:18px;border:1px solid #fed7a526;background:#2c404e;overflow:hidden;color:#fff0dc;transition:border-color .15s}.festival-activity-card:hover,.festival-activity-card:focus-visible{border-color:#FED7A5}.festival-activity-card[hidden]{display:none}.activity-card-image{position:relative;aspect-ratio:16/10;overflow:hidden}.activity-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#101a2233,transparent 38%,#20212b24);pointer-events:none}.activity-card-image img{display:block;width:100%;height:100%;object-fit:cover}.activity-card-letter{position:absolute;z-index:1;top:13px;left:13px;display:grid;place-items:center;background:#fed7a5f2;color:#2D4354;border-radius:9px;width:31px;height:31px;font-family:'Prompt',Tahoma,sans-serif;font-size:13px;font-weight:600}.activity-card-label{position:absolute;z-index:1;right:13px;top:15px;font-size:9px;padding:6px 10px;background:#20212bd9;color:#ffe4c3;border:1px solid #fed7a536;border-radius:16px;backdrop-filter:blur(7px)}.activity-card-body{padding:17px 17px 0}.activity-card-body h3{font-family:'Prompt',Tahoma,sans-serif;font-size:17px;font-weight:500;line-height:1.65;margin:0 0 8px;color:#ffe3bd}.activity-card-place{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.8;color:#c4ccc7;margin:0 0 17px}.activity-card-place .icon{flex-shrink:0;width:16px;height:16px;margin-top:2px;color:#d7b58f}.activity-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:12px 0;border-top:1px solid #fed7a51f;color:#FED7A5;font-size:11px}.activity-card-bottom .icon{width:18px;height:18px}.festival-panel .event-footnote{color:#aebbb7;line-height:1.9;font-size:10px;margin:25px 0 0}
.festival-panel .activity-point-page{padding:0}.activity-detail-hero{position:relative;margin:19px -24px 28px}.activity-detail-hero>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.activity-detail-hero>.activity-card-letter{top:16px;left:24px}.activity-detail-hero figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px 24px 12px;background:linear-gradient(transparent,#20212bcb);font-size:9px;color:#f0e3d5}.activity-detail-heading .eyebrow{font-family:'Prompt',Tahoma,sans-serif;letter-spacing:.5px;font-size:10px;color:#d1aa86;margin-bottom:12px}.activity-detail-heading .eyebrow span{padding:0 9px;opacity:.5}.festival-panel .activity-point-page h1{font-family:'Noto Serif Thai',serif;font-weight:600;font-size:clamp(27px,7.3vw,37px);line-height:1.6;color:#FED7A5;margin:0 0 15px}.festival-panel .point-location{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.9;color:#d1d5cc;margin-bottom:23px}.point-location .icon{width:18px;height:18px;margin-top:2px;flex-shrink:0;color:#d8ae86}.festival-panel .point-description{font-size:13px;line-height:2;color:#d0d5cf;margin:0 0 25px}.activity-facts{border:1px solid #fed7a529;background:#354b563d;border-radius:16px;padding:0 17px;margin-bottom:31px}.activity-facts>div{display:flex;gap:13px;padding:17px 0;align-items:flex-start}.activity-facts>div+div{border-top:1px solid #fed7a51a}.activity-facts .icon{color:#d4ad87;width:21px;height:21px;flex-shrink:0;margin-top:4px}.activity-facts span{display:block;font-size:10px;color:#aebcb6;margin-bottom:4px;line-height:1.6}.activity-facts strong{font-size:12px;color:#f3e4d1;font-weight:400;line-height:1.9}.activity-directions h2{font-family:'Noto Serif Thai',serif;font-weight:600;color:#FED7A5;font-size:21px;margin:0 0 8px}.activity-directions>p:first-of-type{font-size:11px;color:#b8c4be;line-height:1.9;margin:0 0 16px}.activity-walk-link{min-height:56px;display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:14px;background:#FED7A5;color:#2D4354;font-family:'Prompt',Tahoma,sans-serif;font-size:14px}.activity-walk-link .icon:first-child{width:23px;height:23px}.activity-walk-link .icon:last-child{margin-left:auto;width:20px;height:20px}.activity-walk-note{text-align:center;font-size:10px;line-height:1.8;color:#b9c6be;margin:12px 0 2px}.activity-place-link{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;color:#edc69f;text-decoration:underline;text-underline-offset:4px;font-size:11px;margin-bottom:24px}.activity-related{margin-top:30px;border-top:1px solid #fed7a526;padding-top:24px}.activity-related .activity-list-heading{align-items:center}.activity-related .activity-list-heading h2{font-size:19px}.activity-related .activity-list-heading>a{font-size:10px;color:#c6b7a6;min-height:44px;display:flex;align-items:center}.related-track{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 10px}.related-card{flex:0 0 145px;scroll-snap-align:start;border-radius:12px;overflow:hidden;background:#304650;border:1px solid #fed7a526}.related-card img{display:block;width:100%;height:100px;object-fit:cover}.related-card span{display:block;padding:11px 10px 13px;font-family:'Prompt',Tahoma,sans-serif;font-size:11px;line-height:1.7;color:#ffe0b6}.festival-panel a:focus-visible{outline-color:#FED7A5;outline-offset:3px}
@media(min-width:480px){.panel.festival-panel{padding-inline:30px}.activity-detail-hero{margin-inline:-30px}.activity-card-body{padding-inline:21px}.activity-card-body h3{font-size:20px}.activity-card-place{font-size:12px}.activity-card-bottom{font-size:12px}.activity-detail-hero>.activity-card-letter{left:30px}.activity-detail-hero figcaption{padding-inline:30px}.festival-panel .event-filters button{padding-inline:18px}}
@media(max-width:350px){.panel.festival-panel{padding-inline:18px}.activity-detail-hero{margin-inline:-18px}.activity-list-heading h2{font-size:19px}.festival-panel .event-filters{gap:5px}.festival-panel .event-filters button{padding-inline:11px}.festival-date-tag{font-size:9px;gap:6px}.activity-card-body h3{font-size:16px}.festival-panel .geo-map-key{padding-inline:6px;gap:3px}.festival-panel .geo-map-key a{font-size:9px;gap:3px}}
@media(prefers-reduced-motion:reduce){.festival-activity-card{transition:none}.related-track{scroll-behavior:auto}}

/* Approved green map in the same navy, muted blue and warm gold shell as Home. */
.festival-panel .illustrated-festival-map{background:#20212b;color:#fed7a5;border:1px solid #fed7a52b;border-radius:20px}
.illustrated-festival-map .festival-map-top{padding:17px 14px 14px;color:#fed7a5}.illustrated-festival-map .map-live-dot{color:#c4cbc8}.illustrated-festival-map .map-live-dot:before{background:#fed7a5}
.festival-panel .green-viewport{display:block;position:relative;height:auto;aspect-ratio:1180/875;min-height:0;max-height:none;margin:0;border-radius:14px;isolation:isolate;background:#9dcf6b;touch-action:none}
.green-stage{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:1180/1076;transform-origin:50% 0;will-change:transform}
.green-map{display:block;width:100%;height:100%;overflow:hidden}.green-map text{font-family:'Prompt',Tahoma,sans-serif}.green-map a{cursor:pointer;outline:none}.green-map .map-illustration{transform-box:fill-box;transform-origin:center;transition:transform .18s ease,filter .18s ease}.green-map a:hover .map-illustration,.green-map a:focus-visible .map-illustration,.green-map a.is-selected .map-illustration{transform:scale(1.1);filter:drop-shadow(0 3px 3px #19372f44)}.green-map a:focus-visible .map-illustration{outline:2px solid #fff6dc;outline-offset:3px}.green-market-hit{pointer-events:stroke}.green-map .map-filtered{display:none!important}
.illustrated-festival-map .map-controls{top:auto;bottom:10px;right:9px;background:#20212bf2;border-color:#fed7a55c;box-shadow:0 3px 10px #20212b30}.festival-panel .illustrated-festival-map .map-controls button{color:#fed7a5;min-width:40px;min-height:42px}.illustrated-festival-map .map-controls button+button{border-color:#fed7a52b}
.festival-panel .illustrated-festival-map .map-instruction{color:#c4cbc8;padding:12px 10px 6px;font-size:10px;margin:0;line-height:1.8}.illustrated-festival-map .geo-map-key{padding:6px 10px;gap:7px}.festival-panel .illustrated-festival-map .geo-map-key a{background:#354e5c;border:1px solid #fed7a52b;border-radius:12px;color:#f4dec0;min-height:48px;padding:7px 4px;font-size:10px;justify-content:flex-start;gap:5px}.illustrated-festival-map .geo-map-key b{border:0;border-radius:50%;background:#fed7a5;color:#2d4354;flex-shrink:0}.illustrated-festival-map .geo-map-key a:hover,.illustrated-festival-map .geo-map-key a:focus-visible{background:#456170}.festival-panel .illustrated-festival-map .map-accuracy{color:#aeb7b5;font-size:8px;line-height:1.8;margin:9px 10px 14px}
@media(max-width:360px){.illustrated-festival-map .geo-map-key{grid-template-columns:repeat(2,minmax(0,1fr))}.festival-panel .illustrated-festival-map .map-controls button{min-width:36px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.green-map .map-illustration{transition:none}.green-map a:hover .map-illustration,.green-map a:focus-visible .map-illustration,.green-map a.is-selected .map-illustration{transform:none}}

/* Two map modes share one navigation and one visual language. */
.festival-panel .map-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#354e5c55;border:1px solid #fed7a52b;border-radius:15px;padding:5px;margin:13px 0 24px}.map-mode-switch a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:59px;padding:8px 5px;border-radius:10px;color:#c4cbc8;font-family:'Prompt',sans-serif;font-size:11px;line-height:1.6}.map-mode-switch a span{font-size:9px;letter-spacing:1px;opacity:.8}.map-mode-switch a[aria-current=page]{background:#fed7a5;color:#2d4354}.map-mode-switch a:not([aria-current]):hover{background:#354e5c}
.festival-panel .tourism-viewport{aspect-ratio:1800/1510}.tourism-stage{aspect-ratio:1800/1510}.tourism-place-list{display:grid;gap:10px}.tourism-place-card{display:flex;align-items:center;gap:13px;min-height:94px;padding:12px 14px 12px 9px;background:#354e5c;border:1px solid #fed7a52b;border-radius:16px}.tourism-place-card>div:nth-child(2){flex:1;min-width:0}.tourism-place-card h3{font-family:'Prompt',sans-serif;font-weight:500;font-size:12px;color:#f4dec0;line-height:1.7;margin:3px 0}.tourism-category{font-size:9px;color:#bfc9c7}.tourism-place-card>.icon{color:#fed7a5;width:17px;flex-shrink:0}.tourism-card-art{position:relative;width:68px;height:69px;flex-shrink:0;display:grid;place-items:center;background:#9dcf6b22;border-radius:12px}.tourism-symbol{width:100%;height:100%;display:block;overflow:visible}.tourism-card-art b{position:absolute;bottom:-2px;left:-3px;width:23px;height:23px;display:grid;place-items:center;background:#fed7a5;border-radius:50%;font-family:'Prompt',sans-serif;font-size:10px;color:#2d4354}.tourism-place-card:hover{border-color:#fed7a57a}.tourism-detail-art{display:grid;place-items:center;height:200px;border-radius:18px;background:radial-gradient(ellipse,#7ba98044,transparent 75%);margin:12px 0 23px}.tourism-detail-art svg{width:220px;height:200px}.tourism-photo-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;border-radius:18px;scrollbar-width:thin;margin:13px 0 8px}.tourism-photo-track figure{flex:0 0 100%;margin:0;scroll-snap-align:start}.tourism-photo-track img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.tourism-photo-credit{font-size:8px;line-height:1.8;color:#aeb7b5;margin:0 0 22px;overflow-wrap:anywhere}.tourism-photo-credit a{text-decoration:underline}.tourism-info{border-bottom:1px solid #fed7a526;padding:5px 0}.tourism-info summary{padding:15px 0;min-height:44px;font-size:13px;color:#fed7a5;cursor:pointer}.tourism-info p{font-size:12px;line-height:1.95;color:#c4cbc8;margin:0 0 13px;overflow-wrap:anywhere}.tourism-next{display:flex;justify-content:space-between;gap:15px;padding:25px 0 5px;font-size:11px;color:#fed7a5}.tourism-next a{min-height:44px;display:flex;align-items:center}

/* Approved named map: closer initial city view, real ponds and roadside landmarks. */
.festival-panel .tourism-viewport{aspect-ratio:950/1121;background:#20212b}.tourism-stage{aspect-ratio:1800/1510}.tourism-map .tourism-point-hit{pointer-events:all}.tourism-map .tourism-water-zone path{transition:stroke .18s,filter .18s}.tourism-map .tourism-water-zone:hover path,.tourism-map .tourism-water-zone:focus-visible path,.tourism-map .tourism-water-zone.is-selected path{stroke:#fff1c5;stroke-width:8;filter:brightness(1.08)}.tourism-map #movable-name-labels>path{pointer-events:none}
@media(prefers-reduced-motion:reduce){.tourism-map .tourism-water-zone path{transition:none}}