/* Local SUP destinations: story, public facilities and two shop cards. */
.local-tour-guide { --ltg-ink:#173744; --ltg-sea:#086f83; color:var(--ltg-ink); padding:40px 0 60px; }
.ltg-header { max-width:920px; margin-bottom:36px; }
.ltg-eyebrow { font-size:12px; color:var(--ltg-sea); letter-spacing:.13em; font-weight:800; margin:0 0 14px; }
.ltg-header h1 { font-size:clamp(38px,5.6vw,72px); line-height:1.2; letter-spacing:-.04em; margin:0 0 24px; }
.ltg-lead { font-size:clamp(18px,1.7vw,22px); line-height:1.85; }
.ltg-nav { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.ltg-nav a { display:inline-flex; min-height:44px; align-items:center; padding:8px 16px; border:1px solid #bcd2d9; border-radius:25px; font-weight:700; font-size:14px; }
.ltg-nav a:hover { background:#e9f3f5; }
.ltg-hero { position:relative; overflow:hidden; border-radius:18px; }
.ltg-image { width:100%; background:#e9f3f5; }
.ltg-image img { display:block; width:100%; height:100%; object-fit:cover; }
.ltg-hero-caption { position:absolute; inset:auto 0 0; padding:50px 36px 30px; background:linear-gradient(transparent,rgba(4,29,40,.8)); color:white; }
.ltg-hero-caption span { display:block; font-size:12px; letter-spacing:.12em; margin-bottom:10px; }
.ltg-hero-caption strong { font-size:clamp(24px,3.2vw,44px); line-height:1.4; }
.local-tour-guide h2 { font-size:clamp(27px,3.2vw,43px); line-height:1.3; letter-spacing:-.03em; margin:8px 0 22px; word-break:keep-all; }
.local-tour-guide p { word-break:keep-all; overflow-wrap:anywhere; }
.ltg-brand { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,6fr); gap:56px; padding:72px 0 32px; }
.ltg-brand p:not(.ltg-eyebrow),.ltg-zone p:not(.ltg-eyebrow) { font-size:17px; line-height:1.9; margin-bottom:18px; }
.ltg-highlight { padding:20px 24px; background:#e9f3f5; border-left:4px solid var(--ltg-sea); font-weight:800; color:#07576a; }
.ltg-portal a,.ltg-shop-links a,.ltg-facilities a { display:inline-flex; align-items:center; min-height:44px; font-weight:700; color:var(--ltg-sea); }
.ltg-programs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:20px 0 64px; }
.ltg-programs article { border-top:2px solid #086f83; background:#f2f7f8; padding:24px; }
.ltg-programs span,.ltg-number { font-size:12px; font-weight:800; color:var(--ltg-sea); letter-spacing:.08em; }
.ltg-programs h3 { font-size:23px; margin:12px 0; }
.ltg-programs p { line-height:1.8; font-size:15px; margin:0; }
.ltg-zone { display:grid; grid-template-columns:minmax(0,6fr) minmax(0,4fr); gap:48px; padding:36px 0 64px; }
.ltg-facilities { align-self:start; padding:28px; border:1px solid #cedfe4; border-radius:14px; background:#f6f9fa; }
.ltg-facilities h3 { font-size:24px; line-height:1.4; margin-bottom:18px; }
.ltg-shops { padding-top:44px; border-top:1px solid #cfdee3; }
.ltg-shop-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; margin-top:30px; }
.ltg-shop { min-width:0; padding:32px; border:1px solid #c8dce2; border-radius:16px; background:white; display:flex; flex-direction:column; }
.ltg-shop h3 { font-size:clamp(26px,2.4vw,33px); line-height:1.35; margin:16px 0 4px; }
.ltg-official-name { font-size:13px; color:#607783; margin:0 0 20px; }
.ltg-tags { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.ltg-tags span { font-size:12px; padding:6px 10px; border-radius:20px; color:#076277; background:#eaf4f6; }
.ltg-shop > p:not(.ltg-number):not(.ltg-official-name) { line-height:1.85; margin-bottom:22px; }
.ltg-shop dl { display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px 12px; margin-top:auto; border-top:1px solid #dce7eb; padding-top:20px; font-size:14px; line-height:1.7; }
.ltg-shop dt { color:#647d88; }
.ltg-shop dd { margin:0; word-break:keep-all; overflow-wrap:anywhere; }
.ltg-shop-links { display:flex; flex-wrap:wrap; gap:4px 18px; margin-top:20px; font-size:14px; }
.ltg-visit-note { font-size:14px; line-height:1.8; margin:24px 0; color:#526e7b; }
.ltg-sources { padding-top:30px; margin-top:50px; border-top:1px solid #d4e2e6; }
.ltg-sources h2 { font-size:21px; }
.ltg-sources ul { padding-left:18px; line-height:2; font-size:14px; }
.ltg-sources a { text-decoration:underline; text-underline-offset:4px; }
.local-tour-guide a:focus-visible { outline:3px solid #087a94; outline-offset:4px; }
.local-tour-guide section[id] { scroll-margin-top:200px; }
@media(max-width:760px) { .local-tour-guide { padding-top:24px; } .ltg-brand,.ltg-zone,.ltg-programs,.ltg-shop-grid { grid-template-columns:1fr; } .ltg-brand { gap:6px; padding-top:44px; } .ltg-zone { gap:22px; padding-top:12px; } .ltg-programs { gap:14px; margin-bottom:28px; } .ltg-shop { padding:24px; } .ltg-hero-caption { padding:36px 20px 18px; } .ltg-brand p:not(.ltg-eyebrow),.ltg-zone p:not(.ltg-eyebrow) { font-size:16px; } }

/* Facilities are presented inline with unaltered SUPRISE source photos. */
.ltg-zone { grid-template-columns:1fr; max-width:800px; padding-bottom:42px; }
.ltg-facility-section { padding:36px 0 56px; border-top:1px solid #d4e2e6; }
.ltg-shower { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:32px; align-items:start; margin:30px 0 34px; background:#f0f6f7; border:1px solid #d5e3e6; border-radius:14px; overflow:hidden; }
.ltg-shower > img,.ltg-photo-zones img { display:block; width:100%; height:auto; aspect-ratio:614/332; object-fit:contain; }
.ltg-shower > div { padding:24px 28px 24px 0; }
.ltg-shower h3 { font-size:28px; margin:0 0 18px; }
.ltg-shower dl { margin:0; }
.ltg-shower dl > div { display:grid; grid-template-columns:125px minmax(0,1fr); gap:12px; padding:10px 0; border-bottom:1px solid #d3e2e6; line-height:1.6; font-size:15px; }
.ltg-shower dl > div:last-child { border-bottom:0; }
.ltg-shower dt { font-weight:700; color:#486c7c; }
.ltg-shower dd { margin:0; word-break:keep-all; overflow-wrap:anywhere; }
.ltg-photo-zones { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.ltg-photo-zones figure { min-width:0; margin:0; border:1px solid #d5e3e6; border-radius:12px; overflow:hidden; }
.ltg-photo-zones figcaption { display:flex; gap:10px; padding:16px; font-weight:700; font-size:15px; line-height:1.6; word-break:keep-all; }
.ltg-photo-zones figcaption span { color:var(--ltg-sea); font-size:12px; padding-top:2px; }
.ltg-facility-credit { margin:18px 0 0; color:#526e7b; font-size:13px; }
@media(max-width:760px) { .ltg-shower,.ltg-photo-zones { grid-template-columns:1fr; } .ltg-shower { gap:0; } .ltg-shower > div { padding:22px; } .ltg-shower dl > div { grid-template-columns:112px minmax(0,1fr); gap:10px; font-size:14px; } }

/* Embedded destination map uses the reference page's precise SUP Zone coordinates. */
.ltg-map-section { padding:12px 0 52px; }
.ltg-map-heading p:not(.ltg-eyebrow) { font-size:16px; line-height:1.7; margin:0 0 22px; color:#526e7b; }
.ltg-map-frame { overflow:hidden; border:1px solid #c8dce2; border-radius:16px; background:#e9f3f5; }
.ltg-map-frame iframe { display:block; width:100%; height:480px; border:0; }
.ltg-map-credit { font-size:13px; color:#526e7b; margin:12px 0 0; }
.ltg-map-credit a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:760px) { .ltg-map-frame iframe { height:360px; } .ltg-map-section { padding-bottom:36px; } }

/* Shop information stays inline; only official channels and booking lead out. */
.ltg-shop-photo { margin:0 0 24px; }
.ltg-shop-photo img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:10px; }
.ltg-shop-photo figcaption { margin:10px 0 0; font-size:12px; line-height:1.6; color:#607783; }
.ltg-shop dl { grid-template-columns:44px minmax(0,1fr); }