@font-face{font-family:"Pretendard Variable";font-style:normal;font-weight:100 900;font-display:swap;src:url("../Pretendard-tour.woff2") format("woff2-variations")}
*{box-sizing:border-box}:root{--ink:#17352f;--muted:#697a73;--green:#17543e;--line:#e2e7e1}body{margin:0;background:#f6f7f3;color:var(--ink);font:14px/1.6 "Pretendard Variable",Pretendard,"Apple SD Gothic Neo",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #c98f39;outline-offset:3px}.header{height:65px;background:white;display:flex;align-items:center;gap:25px;padding:0 28px;border-bottom:1px solid var(--line)}.brand{display:flex}.brand img{width:135px;height:auto;max-height:40px;object-fit:contain}.header-title{font-size:12px;color:var(--muted);margin-right:auto}.header-title span{padding:0 13px}.detail-link{font-size:12px}.tour{display:grid;grid-template-columns:minmax(0,1fr) 316px;height:max(660px,calc(100svh - 240px));max-height:1000px}.map-area{position:relative;min-width:0;isolation:isolate;background:#0c4659;overflow:hidden}#scene{position:absolute;inset:0}#scene canvas{touch-action:none}.map-title{position:absolute;left:24px;top:23px;color:white;pointer-events:none;text-shadow:0 2px 8px #0009;z-index:2}.map-title>span{font-size:9px;letter-spacing:1.3px}.map-title h1{font-size:26px;line-height:1.4;margin:5px 0;font-weight:600;letter-spacing:-1px}.map-title p{margin:0;font-size:11px}.map-area:after{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(#03171175,transparent);pointer-events:none;z-index:1}.map-modes{position:absolute;right:18px;top:22px;display:flex;padding:3px;background:#ffffffed;border-radius:5px;z-index:3;box-shadow:0 3px 15px #0002}.map-modes button{padding:7px 10px;font-size:11px;border-radius:3px;background:transparent}.map-modes button[aria-pressed=true]{background:#184c3d;color:white}.map-tools{position:absolute;bottom:67px;left:24px;background:#fff;display:flex;gap:2px;padding:5px;border-radius:5px;box-shadow:0 3px 15px #0003;z-index:3}.map-tools button{height:34px;min-width:34px;background:white;padding:0 10px;font-size:11px;border-radius:3px}.map-tools #zoomIn,.map-tools #zoomOut{font-size:23px;padding:0 8px}.map-tools button:hover{background:#e6eee7}.map-tools button[aria-pressed=true]{color:#17543e;background:#edf3ed}.map-help{position:absolute;bottom:44px;left:24px;font-size:10px;color:white;text-shadow:0 1px 4px #000;z-index:3;pointer-events:none}.cesium-viewer-bottom{background:#061a249e!important;padding:2px 5px!important;max-width:100%;font-size:9px!important}.cesium-credit-textContainer{font-size:9px!important}.map-notice{position:absolute;bottom:115px;left:24px;right:24px;padding:9px 12px;color:white;background:#17352fe8;border-radius:4px;z-index:3;font-size:11px}.map-notice[hidden]{display:none}#loading{position:absolute;inset:0;background:#123d4d;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;font-size:12px;text-align:center;padding:30px;z-index:5}#loading[hidden]{display:none}.loading-line{height:2px;width:100px;background:#99cdcf;animation:breathe 1.2s infinite}@keyframes breathe{50%{opacity:.25}}.story{background:#fff;overflow-y:auto;min-width:0}.story-top{display:flex;justify-content:space-between;padding:16px 21px;font-size:10px;letter-spacing:.7px;color:#6a7a72}.main-photo{position:relative;display:block;width:100%;height:205px;background:#e4ece1;border:0;padding:0}.main-photo img{display:block;width:100%;height:100%;object-fit:cover}.enlarge{position:absolute;bottom:10px;right:10px;color:white;background:#132d2ca6;font-size:10px;padding:4px 7px}.story-body{padding:20px 23px}.story-place{font-size:11px;letter-spacing:1px;color:#7d887a}.story h2{font-size:30px;line-height:1.3;font-weight:600;letter-spacing:-1px;margin:4px 0 16px}.story-facts{display:flex;gap:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;margin-bottom:15px}.story-facts div{display:flex;flex-direction:column}.story-facts span{font-size:10px;color:var(--muted)}.story-facts strong{font-size:22px;font-weight:500}.story p{font-size:12px;line-height:1.8;color:#5e6d66;word-break:keep-all;margin:0 0 13px}.story .position-note{font-size:10px;color:#8d7346;background:#f7f3e9;padding:7px 9px}.story-links{display:grid;gap:1px}.story-links a,.story-links button{font-size:11px;background:transparent;padding:8px 0;text-align:left;border-bottom:1px solid #e9ece6;display:block}.story-links [hidden]{display:none}.story-actions{display:flex;gap:7px;margin-top:16px}.story-actions button{height:37px;background:#eff2eb;padding:0 13px}.story-actions #nextPlace{flex:1;display:flex;align-items:center;justify-content:space-between;background:#17543e;color:white;font-size:11px}.hole-section{padding:17px 28px 19px;border-top:1px solid var(--line)}.strip-heading{display:flex;align-items:center;gap:20px;margin-bottom:12px}.strip-heading h2{font-size:14px;margin:0}.strip-heading>span{font-size:11px;color:var(--muted)}.strip-heading button{margin-left:auto;background:transparent;border:1px solid #cbd4c7;padding:4px 12px;border-radius:3px;font-size:11px}.strip-heading button[aria-pressed=true]{background:#17543e;color:white;border-color:#17543e}#holeNav{display:flex;gap:22px;margin-bottom:15px}.hole-group{display:flex;align-items:center;gap:11px;flex:1;min-width:0}.hole-group>span{font-size:10px;letter-spacing:1px;color:#70816d}.hole-group>div{display:flex;flex:1;gap:5px}.hole-button{height:33px;flex:1;min-width:26px;background:#fff;border:1px solid #dce3d9;border-radius:3px;font-size:12px}.hole-button[aria-pressed=true]{background:#17543e;color:white;border-color:#17543e}.photo-list{display:flex;overflow-x:auto;gap:10px;padding:1px 1px 8px;scroll-snap-type:x proximity}.photo-item{flex:0 0 148px;position:relative;padding:0;background:#e5eade;border:2px solid transparent;scroll-snap-align:start;border-radius:4px;overflow:hidden;text-align:left}.photo-item img{display:block;width:144px;height:81px;object-fit:cover}.photo-item .photo-text{display:flex;justify-content:space-between;align-items:center;padding:5px 7px}.photo-item strong{font-size:11px;font-weight:600}.photo-item small{font-size:9px;color:#6b7868}.photo-item[aria-pressed=true]{border-color:#1e6747;background:#17543e;color:white}.photo-item[aria-pressed=true] small{color:#dce5d3}footer{display:flex;align-items:center;gap:25px;padding:10px 28px;border-top:1px solid var(--line);font-size:10px;color:#788175}footer>span{margin-right:auto}footer button{background:none;font-size:10px;padding:0}dialog{border:0;border-radius:7px;padding:0;max-width:calc(100vw - 32px);box-shadow:0 15px 80px #0008;color:var(--ink)}dialog::backdrop{background:#092d31e8;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;background:#fff;color:#17352f;font-size:25px;z-index:3;box-shadow:0 1px 8px #0003}#photoDialog{width:min(1100px,calc(100vw - 40px))}#dialogImage{display:block;width:100%;max-height:80svh;object-fit:contain;background:#092d31}#dialogCaption{padding:12px 18px;font-size:12px}#diagramDialog{width:470px;padding:20px;text-align:center}#diagramDialog h2{font-size:19px;text-align:left;margin:0 50px 10px 0}#diagramImage{height:65svh;max-width:100%;object-fit:contain}#diagramDialog p{font-size:11px;margin:6px 0}#aboutDialog{width:550px;padding:30px}#aboutDialog h2{font-size:21px;margin-right:30px}#aboutDialog p{font-size:12px;line-height:1.9;color:#586d61}#aboutDialog a{font-size:12px;text-decoration:underline}.skip,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;clip:auto;background:#fff;padding:10px;z-index:100}
@media(min-width:1500px){.tour{grid-template-columns:minmax(0,1fr) 350px}.main-photo{height:240px}.story-body{padding:24px 28px}.story p{font-size:13px}}
@media(max-width:900px){.tour{grid-template-columns:minmax(0,1fr) 280px}.map-title{left:18px;top:18px}.map-title h1{font-size:22px}.map-title>span{font-size:8px}.map-modes{top:112px;left:18px;right:auto}.story-body{padding:17px}.main-photo{height:185px}.hole-section{padding:15px 18px}#holeNav{gap:12px}.hole-group{gap:7px}.hole-group>div{gap:3px}}
@media(max-width:680px){.header{padding:0 17px;height:60px;gap:16px}.brand img{width:110px}.header-title{display:none}.detail-link{margin-left:auto;font-size:11px}.tour{height:auto;max-height:none;display:flex;flex-direction:column}.map-area{height:610px}.map-title h1{font-size:24px}.map-title p{font-size:10px}.map-modes{left:auto;right:14px;top:21px}.map-modes button{font-size:10px;padding:6px 7px}.map-title>span{display:none}.map-title{top:18px;left:17px}.map-title h1{font-size:21px}.map-tools{left:15px;bottom:63px}.map-tools button{font-size:10px;padding:0 7px;min-width:31px}.map-help{left:15px;bottom:43px;font-size:8px}.map-notice{left:15px;right:15px;bottom:111px}.story{display:grid;grid-template-columns:40% minmax(0,1fr);padding:17px;gap:0 15px;overflow:visible}.story-top{grid-column:1/-1;padding:0 0 10px}.main-photo{height:170px;border-radius:3px}.story-body{padding:0}.story h2{font-size:24px;margin:3px 0 8px}.story-facts{gap:22px;padding:6px 0;margin-bottom:10px}.story-facts strong{font-size:18px}.story p{font-size:11px}.story-place{font-size:9px}.story-links a,.story-links button{font-size:10px;padding:5px 0}.story-actions{margin-top:10px}.story-actions button{height:32px}.hole-section{padding:15px 16px}.strip-heading{gap:10px}.strip-heading>span{display:none}#holeNav{flex-direction:column;gap:7px}.hole-group>span{width:25px}.hole-group>div{gap:4px}.hole-button{height:31px;min-width:23px;font-size:11px}.photo-item{flex-basis:125px}.photo-item img{width:121px;height:70px}footer{flex-wrap:wrap;gap:8px 18px;padding:12px 17px;font-size:9px}footer>span{flex-basis:100%}.cesium-viewer-bottom{font-size:8px!important}}
@media(max-width:360px){.map-area{height:560px}.map-title h1{font-size:19px}.map-modes{top:87px;left:17px;right:auto}.story{grid-template-columns:1fr}.main-photo{height:190px;margin-bottom:14px}.story p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Interactive model labels sit on the actual hole green positions. */
#scene{overflow:hidden;background:#99d3d6}#scene>canvas{display:block;width:100%;height:100%}.model-markers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.model-marker{position:absolute;left:0;top:0;width:26px;height:26px;line-height:24px;border-radius:50%;background:#f9f8e9e8;color:#264b34;border:1px solid #ffffffa6;font:600 12px/24px "Pretendard Variable",sans-serif;box-shadow:0 2px 8px #173b3233;pointer-events:auto;padding:0;transition:background .15s}.model-marker[aria-pressed=true]{background:#d7a94b;color:#fff;border-color:#fff;z-index:2}@media(hover:hover) and (pointer:fine){.model-marker:hover{background:#d7a94b;color:#fff;border-color:#fff;z-index:2}}.model-tee{position:absolute;top:0;left:0;background:#345340;color:white;font-size:9px;padding:2px 5px;border:1px solid #fff8}.map-tools{bottom:42px}.map-help{bottom:23px}.map-title{color:#fff;text-shadow:0 2px 8px #163e3da0}.map-area:after{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(#123f3a55,transparent);pointer-events:none;z-index:1}.map-title,.map-modes,.map-tools,.map-help{z-index:3}.model-marker:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:680px){.model-marker{width:22px;height:22px;font:600 10px/20px "Pretendard Variable",sans-serif}.map-tools{bottom:43px}.map-help{bottom:23px}}.shot-panel{background:#f5f1e6;border:1px solid #e6dcc5;padding:12px;margin:0 0 15px;border-radius:4px}.shot-panel[hidden]{display:none}.shot-panel h3{font-size:11px;font-weight:600;margin:0 0 9px;color:#8a672e}#shotDistances{display:flex;flex-wrap:wrap;gap:6px}.shot-chip{font-size:11px;background:#fffdf4;padding:5px 7px;border-radius:3px;border:1px solid #e9debd}.shot-chip b{display:block;font-size:9px;font-weight:400;color:#9a875e}.shot-panel #shotNote{font-size:10px;line-height:1.6;margin:7px 0 0}.shot-actions{display:flex;gap:5px;margin-top:10px}.shot-actions button{font-size:10px;padding:7px 9px;background:#284e3b;color:white;border-radius:3px}.shot-actions button+button{background:#e8e2d3;color:#55614a}.shot-label{position:absolute;left:0;top:0;font-size:10px;font-weight:600;white-space:nowrap;background:#fff7dfeb;color:#715221;padding:4px 8px;border:1px solid #ffe8a4;border-radius:4px;box-shadow:0 2px 10px #14341f44;pointer-events:none}.model-tee{background:#29483aec;font-size:10px}
@media(max-width:680px){.shot-panel{padding:8px}.shot-actions{flex-wrap:wrap}.shot-label{font-size:9px;padding:3px 5px}.shot-chip{font-size:10px;padding:4px}.shot-actions button{padding:6px;font-size:9px}}
.mobile-hole-picker,.touch-help{display:none}
@media(max-width:680px){
 .map-area{height:clamp(440px,68svh,610px)}
 .mobile-hole-picker{display:flex;align-items:center;gap:8px;position:absolute;z-index:4;left:15px;bottom:100px;padding:5px 9px;background:#fffdf4f2;border:1px solid #e1e5d9;border-radius:5px;color:#345340;font-size:11px}
 .mobile-hole-picker select{min-height:34px;max-width:175px;border:0;background:transparent;color:#244932;font:inherit;font-size:13px}
 .desktop-help{display:none}.touch-help{display:inline}
 .map-tools button{min-height:44px;min-width:40px;padding:0 8px}.map-tools{bottom:43px}
 .map-modes button{min-height:40px}.model-marker{width:28px;height:28px;line-height:26px}.model-marker:after{content:'';position:absolute;inset:-5px;border-radius:50%}
 .story{grid-template-columns:1fr}.main-photo{height:185px;margin-bottom:14px}.story-body{padding:0}.shot-panel{padding:12px}.shot-panel h3{font-size:12px}.shot-chip{font-size:13px;padding:6px 10px}.shot-actions button{min-height:44px;font-size:12px;padding:8px 12px}.story-facts{gap:40px}.story-links a,.story-links button{min-height:40px;display:flex;align-items:center;font-size:12px}
 .hole-group>div{overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.hole-button{flex:0 0 42px;min-height:44px}.story-actions button{min-height:44px}
}

@media(max-width:680px){.hole-section{background:#f6f7f1;border-bottom:1px solid #dce3d9;padding:13px 15px}.photo-item{flex-basis:116px}.photo-item img{width:112px;height:64px}.hole-group>div{scroll-snap-type:x proximity}.hole-button{scroll-snap-align:center}.strip-heading{margin-bottom:10px}}

.facility-label{position:absolute;left:0;top:0;background:#f7f3e4e8;border:1px solid #ffffffa0;color:#315448;white-space:nowrap;font-size:10px;padding:3px 6px;border-radius:3px;pointer-events:none}.facility-label[hidden]{display:none}

.facility-label{pointer-events:auto;min-height:28px;cursor:pointer}.facility-label:hover{background:#fff;border-color:#8aab94}.facility-label:focus-visible{outline:3px solid #fff;outline-offset:2px}

body{letter-spacing:-.015em;-webkit-font-smoothing:antialiased}.map-title h1{font-size:28px;font-weight:700;letter-spacing:-.04em}.story h2{font-size:32px;font-weight:700;letter-spacing:-.04em}.story-facts strong{font-size:24px;font-weight:550;font-variant-numeric:tabular-nums}.story #storyText{font-size:14px;line-height:1.8;color:#3f554a;word-break:keep-all}.story-place,.story-top{font-size:11px;font-weight:500;letter-spacing:.04em}.story-links a,.story-links button{font-size:12px}.shot-panel h3{font-size:12px;font-weight:650}.shot-chip{font-size:13px;font-variant-numeric:tabular-nums}.shot-chip b{font-size:10px}.shot-panel #shotNote{font-size:11px}.story #elevationInfo{font-size:12px}.map-help{font-size:11px}.map-tools button,.map-modes button{font-size:12px;font-weight:500}.hole-button{font-size:13px;font-weight:550}.photo-item strong{font-size:12px}.facility-label,.shot-label,.model-tee{font-family:"Pretendard Variable",sans-serif;font-weight:600}
@media(max-width:680px){.map-title h1{font-size:22px}.map-modes button{font-size:11px}.map-tools button{font-size:11px}.map-help{font-size:10px}.story h2{font-size:28px}.story #storyText{font-size:15px}.story-facts strong{font-size:23px}.shot-label{font-size:10px}.photo-item strong{font-size:12px}}

.signature-badge{position:absolute;left:6px;top:6px;background:#194b3de8;color:#f7e5b3;border:1px solid #d9c18499;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:650;line-height:1.4;pointer-events:none}.model-marker.signature-marker{border:2px solid #d8ae53;box-shadow:0 0 0 3px #f7ebc347}.photo-item[aria-pressed=true] .signature-badge{background:#fff6dd;color:#655024}

/* Course preview: paired units and concise official tips. */
.distance-metric{display:block;font-size:12px;font-weight:450;line-height:1.5;color:#66776b;white-space:nowrap}.story-facts .distance-metric{font-size:14px;margin-top:2px}.hole-preview{margin:0 0 18px}.hole-preview h3{margin:0 0 7px;font-size:12px;font-weight:650;color:#607566}.hole-tip{padding:10px 12px;background:#f0f5ef;border-left:2px solid #719b76;border-radius:0 4px 4px 0}.hole-tip[hidden]{display:none}.hole-tip>span{font-size:11px;font-weight:650;color:#376247}.story #holeTip{font-size:13px;line-height:1.7;margin:3px 0 0;color:#354f3d}.shot-panel h3{margin-bottom:2px}.shot-panel .shot-intro{font-size:10px;color:#8a734b;margin:0 0 9px}.shot-label{white-space:pre-line;text-align:center;line-height:1.5}.shot-chip .distance-metric{font-size:11px;color:#85714d}.story-facts{gap:30px}@media(max-width:680px){.story #holeTip{font-size:14px}.shot-chip .distance-metric{font-size:12px}.hole-preview{margin-bottom:18px}}

/* Keep browser page gestures outside the 3D interaction surface. */
#scene{touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}#scene .model-marker,#scene .facility-label{touch-action:none}

/* A compact directional pad is only shown on mobile. */
.mobile-pan{display:none}.map-actions{display:flex;gap:2px}.map-tools{padding:4px}.map-tools button{font-size:11px;padding:0 8px}.map-help{font-size:10px}
@media(max-width:680px){.map-tools{display:flex;align-items:center;gap:8px;padding:6px;left:12px;bottom:36px;background:#fffffff2;border-radius:7px}.mobile-pan{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);flex:none}.map-tools .mobile-pan button{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;font-size:22px;line-height:1;border-radius:5px;background:#edf2eb;touch-action:manipulation}.mobile-pan .pan-up{grid-area:1/2}.mobile-pan .pan-left{grid-area:2/1}.mobile-pan .pan-right{grid-area:2/3}.mobile-pan .pan-down{grid-area:3/2}.pan-center{grid-area:2/2;display:grid;place-items:center;font-size:9px;color:#748671}.map-actions{display:grid;width:96px;grid-template-columns:1fr 1fr;gap:3px}.map-tools .map-actions button{height:33px;min-height:33px;min-width:0;padding:0 3px;font-size:10px;touch-action:manipulation}.map-actions #resetView{grid-column:1/-1}.map-tools .map-actions #zoomIn,.map-tools .map-actions #zoomOut{font-size:22px}.map-actions #rotateView{white-space:nowrap}.map-help{left:12px;bottom:15px;font-size:9px}.map-notice{bottom:164px}.map-tools button:active{background:#d5e4d1}}

.map-info-toggle{position:absolute;top:72px;right:18px;z-index:4;min-height:38px;padding:8px 13px;border:1px solid #d5e1d4;border-radius:5px;background:#fffef7;color:#234c39;font-size:12px;font-weight:650;box-shadow:0 3px 15px #0002}.map-info-toggle[hidden],.map-hole-info[hidden]{display:none}.map-info-toggle[aria-expanded=true]{background:#214f3e;color:#fff;border-color:#214f3e}.map-hole-info{position:absolute;top:120px;right:18px;z-index:4;width:300px;max-width:calc(100% - 36px);max-height:calc(100% - 145px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:#fffefa;border:1px solid #dce4d8;border-radius:8px;padding:18px;box-shadow:0 8px 30px #0b302d33;color:#244535}.map-info-close{position:absolute;right:10px;top:10px;padding:6px 8px;background:#edf2eb;border-radius:4px;font-size:11px}.map-info-eyebrow{display:block;padding-right:40px;font-size:10px;color:#788373}.map-hole-info h2{font-size:21px;margin:6px 40px 10px 0;line-height:1.3}.map-hole-info p{font-size:13px;line-height:1.75;margin:0 0 12px;word-break:keep-all}.map-hole-info .map-info-facts{font-size:12px;padding-bottom:11px;border-bottom:1px solid #e0e7dc;color:#566d5b}.map-hole-info .hole-tip p{margin:4px 0 0;font-size:13px}.map-info-actions{display:flex;gap:6px;margin:14px 0 10px}.map-info-actions button{min-height:38px;padding:7px 11px;border-radius:4px;background:#24513d;color:#fff;font-size:12px}.map-info-actions button+button{background:#e9eee4;color:#375640}.map-hole-info>small{font-size:10px;color:#81907e}
@media(max-width:680px){.map-info-toggle{top:72px;right:12px;min-height:40px}.map-hole-info{top:122px;right:12px;width:310px;max-width:calc(100% - 24px);max-height:calc(100% - 138px);padding:16px}.map-hole-info .map-info-close{min-height:36px}.map-hole-info .map-info-actions button{min-height:40px}.map-area.info-open .map-tools,.map-area.info-open .map-help{visibility:hidden}}
@media(min-width:681px) and (max-width:900px){.map-info-toggle{top:170px;left:18px;right:auto}.map-hole-info{top:216px;max-height:calc(100% - 240px)}}

@media(max-width:360px){.map-info-toggle{top:87px}.map-hole-info{top:137px;max-height:calc(100% - 153px)}}

/* Small photo preview and isolated touch scrolling inside the 3D panel. */
.map-info-photo{position:relative;float:left;width:88px;height:64px;padding:0;margin:0 10px 10px 0;overflow:hidden;border-radius:4px;background:#e5eddf;touch-action:pan-y}.map-info-photo img{display:block;width:100%;height:100%;object-fit:cover}.map-info-photo span{position:absolute;bottom:0;left:0;right:0;background:#163a2b99;color:#fff;font-size:9px;line-height:1.6;text-align:center}.map-hole-info #mapInfoFeature{min-height:64px}.map-hole-info .hole-tip,.map-info-actions{clear:both}.map-area{overscroll-behavior:contain}.map-tools,.map-modes,.map-info-toggle{touch-action:none}
@media(max-width:680px){.map-tools{gap:6px;padding:4px;border-radius:6px}.mobile-pan{grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px)}.map-tools .mobile-pan button{width:28px;height:28px;min-width:28px;min-height:28px;font-size:18px}.pan-center{font-size:8px}.map-actions{width:88px;gap:2px}.map-tools .map-actions button{height:26px;min-height:26px;font-size:9px;padding:0 2px}.map-tools .map-actions #zoomIn,.map-tools .map-actions #zoomOut{font-size:19px}.map-notice{bottom:138px}}

/* Mangilao: preserve the CCP mobile layout and touch targets. */
.photo-source{font-size:10px;line-height:1.5;color:#68776c;margin:7px 0 14px}.story> .photo-source{padding:0 28px}.map-title h1{letter-spacing:-1.2px}.photo-item img{object-fit:cover}.map-info-photo img{object-fit:cover}.signature-marker{border-color:#ceac61}.map-hole-info small{line-height:1.5}@media(max-width:680px){.story> .photo-source{padding:0 20px}.map-title h1{font-size:25px}.photo-source{font-size:10px}}

.facility-label{pointer-events:none;cursor:default}@media(max-width:680px){.map-title{max-width:calc(100% - 156px)}.map-title h1{font-size:22px;line-height:1.18;letter-spacing:-.7px}.map-title p{font-size:10px;line-height:1.5}}

/* v1.2: course distance is visible without opening the info card. */
.map-distance{position:absolute;left:24px;bottom:104px;z-index:4;background:#fffdf1f2;color:#234e3e;border:1px solid #dbcca0;border-radius:5px;padding:10px 13px;pointer-events:none;box-shadow:0 2px 10px #143f3526}.map-distance[hidden]{display:none}.map-distance>span{display:block;font-size:11px;font-weight:600;margin-bottom:4px}.map-distance>div{display:flex;align-items:baseline;gap:10px}.map-distance strong{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}.map-distance>div>span{font-size:13px}.info-open .map-distance{visibility:hidden}.photo-item.plan-preview img{object-fit:contain;background:#e5ebd9;padding:4px}.plan-badge{position:absolute;top:6px;left:6px;background:#fffef0e8;color:#305842;font-size:10px;padding:3px 5px;border-radius:2px}@media(max-width:680px){.map-distance{left:14px;bottom:140px;padding:8px 10px}.map-distance strong{font-size:19px}.map-distance>span{font-size:10px}.map-distance>div>span{font-size:12px}}

.map-info-estimates{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 7px}.map-info-estimates .shot-chip{background:#f2efe1;padding:6px 8px;font-size:12px}.map-info-estimates .shot-chip b{font-size:10px}.map-hole-info .estimate-note{display:block;font-size:10px;margin:0 0 12px;color:#778575}.map-info-estimates .shot-chip span{white-space:nowrap}

/* Release recovery controls */
.map-retry{display:block;margin:10px auto 0;padding:9px 14px;border:1px solid currentColor;border-radius:4px;background:#fff;color:#174d3d;font:inherit;cursor:pointer}.map-tools button:disabled,.map-modes button:disabled{opacity:.45;cursor:wait}

/* Four tours style: Guamez authorship and readable course details. */
.map-title{top:22px;left:24px;text-shadow:0 1px 8px #0b2a2b55}
.map-title .map-maker p{margin:0;font-size:11px;font-weight:550;line-height:1.5;letter-spacing:0;color:#f2f5ed}
.map-title h1{margin:5px 0 4px;line-height:1.2}
.map-area:after{height:145px;background:linear-gradient(180deg,#102e329c 0%,#102e3233 65%,transparent 100%)}
.maker-credit{display:inline-block;margin-left:14px;font:inherit;color:#42604e}
.story-body{padding:23px 24px 26px}
.story-place{font-size:10px;font-weight:650;letter-spacing:.12em;color:#698172}
.story h2{margin:5px 0 20px;font-size:32px;line-height:1.2;letter-spacing:-.045em}
.story-facts{display:grid;grid-template-columns:minmax(64px,.8fr) minmax(0,1.6fr);gap:16px;padding:16px;margin-bottom:25px;border:1px solid #e7ece6;border-radius:9px;background:#f6f8f4}
.story-facts>div+div{padding-left:16px;border-left:1px solid #dce4da}
.story-facts span{font-size:11px;font-weight:550;color:#65776c}
.story-facts strong{margin-top:4px;font-size:24px;line-height:1.25;font-weight:650;letter-spacing:-.035em;color:#183f32}
.story-facts .distance-metric{font-size:14px;font-weight:450;letter-spacing:0;color:#526a5c;margin-top:5px}
.hole-preview{margin-bottom:23px}
.hole-preview h3{font-size:13px;color:#284f3d;margin:0 0 9px;font-weight:650}
.story #storyText{font-size:14px;line-height:1.85;margin-bottom:15px;color:#41574a}
.hole-tip{padding:13px 14px;background:#f0f5ef;border:0;border-radius:7px}
.hole-tip>span{display:block;font-size:11px;font-weight:700;color:#356448}
.story #holeTip{font-size:13px;line-height:1.85;margin:5px 0 0;color:#34513d}
.shot-panel{padding:18px 0 0;margin:0 0 20px;border:0;border-top:1px solid #dfe7dc;border-radius:0;background:transparent}
.shot-panel h3{font-size:15px;font-weight:700;color:#244b39;margin:0 0 3px;letter-spacing:-.02em}
.shot-panel .shot-intro{font-size:11px;color:#738074;margin:0 0 14px}
#shotDistances{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:0;background:#f4f6f0;border:1px solid #e2e8dc;border-radius:8px;overflow:hidden}
.shot-chip{display:block;min-width:0;padding:12px 8px;background:none;border:0;border-radius:0;font-size:18px;font-weight:650;line-height:1.45;color:#254d37;letter-spacing:-.03em}
.shot-chip+.shot-chip{border-left:1px solid #dde5d7}
.shot-chip b{font-size:10px;line-height:1.4;font-weight:550;color:#69816b;margin-bottom:6px;letter-spacing:0}
.shot-chip .distance-metric{font-size:12px;font-weight:450;color:#5b705d;margin-top:2px;letter-spacing:0}
.story #elevationInfo{font-size:11px;color:#657864;line-height:1.7;margin:10px 0 0}
.shot-panel #shotNote{font-size:11px;line-height:1.75;color:#7a8479;margin:8px 0 0}
.shot-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.shot-actions button,.map-info-actions button{min-height:44px;padding:10px 7px;border-radius:6px;font-size:12px;font-weight:600;background:#214f3b;color:#fff}
.shot-actions button+button,.map-info-actions button+button{background:#eff3ea;color:#36573e;border:1px solid #dce5d5}
.story-links button{border:1px solid #dce5d9;border-radius:6px;padding:12px 14px;min-height:44px;font-size:12px;color:#365640;display:flex;align-items:center}
.story-actions{gap:8px;margin-top:14px}
.story-actions button{height:44px;border-radius:6px}
.story-actions #nextPlace{font-size:12px;font-weight:600}
.map-hole-info{border-radius:11px;background:#fffffc;border:1px solid #dfe7db;box-shadow:0 14px 35px #102f2e2b;padding:20px}
.map-hole-info h2{font-size:24px;letter-spacing:-.04em;margin-bottom:12px}
.map-hole-info .map-info-facts{padding:11px 12px;background:#f2f6ee;border:1px solid #e2e9dc;border-radius:6px;font-size:12px;color:#34573e}
.map-info-photo{width:96px;height:74px;border-radius:6px;margin-right:12px}
.map-hole-info #mapInfoFeature{min-height:74px}
.map-hole-info .hole-tip{margin-top:8px}
.map-hole-info .map-info-close{min-height:36px;padding:7px 10px;border-radius:5px}
.shot-actions button,.story-actions button,.story-links button,.map-info-actions button{transition:background-color .16s ease,box-shadow .16s ease}
.shot-actions button:focus-visible,.story-links button:focus-visible,.story-actions button:focus-visible,.map-info-actions button:focus-visible{outline:2px solid #987541;outline-offset:3px}
@media(hover:hover){.shot-actions button:hover,.map-info-actions button:hover{box-shadow:0 3px 10px #153c2526}.story-links button:hover{background:#f2f6ee}}
@media(min-width:681px) and (max-width:900px){.map-modes{top:110px}.map-info-toggle{top:164px}.map-hole-info{top:214px;max-height:calc(100% - 234px)}}
@media(max-width:680px){
 .map-title{top:17px;left:17px}
 .map-title .map-maker p{margin-top:0;font-size:10px}.map-title h1{font-size:23px;margin-top:5px}.map-title>p{font-size:10px}
 .map-modes{top:47px;right:12px;left:auto}.map-info-toggle{top:104px;right:12px;left:auto;min-height:40px}
 .map-hole-info{top:154px;right:12px;max-height:calc(100% - 170px);padding:17px}
 .story{padding:20px}.story-body{padding:0}.story h2{font-size:30px;margin-bottom:18px}
 .story-facts{grid-template-columns:1fr 1.5fr;padding:16px;gap:20px}.story-facts strong{font-size:26px}
 .story #storyText{font-size:15px}.story #holeTip{font-size:14px}
 .shot-chip{font-size:20px;padding:13px 10px}.shot-chip b{font-size:11px}.shot-chip .distance-metric{font-size:13px}
 .shot-panel h3{font-size:16px}.shot-panel .shot-intro{font-size:12px}.story #elevationInfo{font-size:12px}
 .shot-actions button{font-size:13px;min-height:46px}.maker-credit{margin-left:10px}
}
@media(prefers-reduced-motion:reduce){.shot-actions button,.story-actions button,.story-links button,.map-info-actions button{transition:none}}
.model-marker[aria-pressed=true]{box-shadow:0 0 0 4px #ffe4a335,0 2px 10px #173b3266}
.model-marker[aria-pressed=true]:before{content:'';position:absolute;inset:-5px;border:2px solid #ffe2a0;border-radius:50%;pointer-events:none;animation:ccp-selected-pulse 2.4s ease-out infinite}
@keyframes ccp-selected-pulse{0%{transform:scale(.88);opacity:0}15%{opacity:.85}100%{transform:scale(1.95);opacity:0}}
@media(prefers-reduced-motion:reduce){.model-marker[aria-pressed=true]:before{animation:none;transform:scale(1);opacity:.6}}
/* Desktop: a wide map, followed by hole selection and course details. */
@media(min-width:681px){
 .tour{display:flex;flex-direction:column;height:auto;max-height:none}
 .map-area{width:100%;height:clamp(520px,76svh,860px);flex:none}
 .story{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:0 30px;padding:26px 30px 32px;overflow:visible;border-top:1px solid #e1e8dd}
 .story-top{grid-column:1/-1;padding:0 0 16px}
 .main-photo{height:300px;border-radius:8px;overflow:hidden}
 .story-body{padding:0;min-width:0}
 .story h2{margin-top:5px}.story-facts{max-width:420px}
 .map-modes{top:22px;right:18px;left:auto}.map-info-toggle{top:76px;right:18px;left:auto}
 .map-hole-info{top:124px;max-height:calc(100% - 144px)}
}
@media(min-width:1100px){
 .story{grid-template-columns:minmax(260px,.7fr) minmax(0,1.8fr)}
 .story-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-content:start}
 .story-place,.story-body>h2,.story-facts,.hole-preview{grid-column:1}
 .story-place{grid-row:1}.story-body>h2{grid-row:2}.story-facts{grid-row:3}.hole-preview{grid-row:4 / span 3}
 .shot-panel{grid-column:2;grid-row:1 / span 4;border-top:0;padding-top:0;align-self:start}
 .story-links{grid-column:2;grid-row:5}.story-actions{grid-column:2;grid-row:6}
}

.story-visual{min-width:0}.story-visual .photo-source{padding:0;font-size:11px;line-height:1.6;margin:8px 0 0}
.map-info-estimates{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:0;margin:0 0 8px;border:1px solid #e2e8dc;border-radius:7px;overflow:hidden;background:#f4f6f0}
.map-info-estimates .shot-chip{padding:10px;background:transparent;font-size:16px;border:0}
.map-info-estimates .shot-chip+.shot-chip{border-left:1px solid #dde5d7}
.map-info-estimates .shot-chip span{white-space:normal}.map-info-estimates .distance-metric{white-space:nowrap;font-size:12px}
.estimate-note{display:block;font-size:10px;line-height:1.6;margin-bottom:14px;color:#69796b}
.shot-chip b{overflow-wrap:anywhere}.shot-chip>span{display:block}
@media(min-width:681px){.story-visual{grid-column:1;grid-row:2}.story-body{grid-column:2;grid-row:2}}
@media(max-width:680px){
 .map-title{max-width:calc(100% - 34px)}.map-title h1{font-size:23px;line-height:1.25;word-break:keep-all}
 .map-title>p{font-size:10px;line-height:1.5}.map-modes{top:102px;right:12px;left:auto}
 .map-info-toggle{top:156px}.map-hole-info{top:206px;max-height:calc(100% - 222px)}
 .story-visual{margin-bottom:20px}.story-visual .main-photo{height:210px;margin:0}
 .story-facts{grid-template-columns:.8fr 1.6fr;gap:12px}.story-facts>div+div{padding-left:12px}
 .story-facts strong{font-size:24px}.story #fact1{overflow-wrap:anywhere}
 .shot-chip{font-size:18px;padding:12px 8px}.shot-chip .distance-metric{font-size:12px}
}
/* End Four tours style */
/* FOUR_APPROVED_V82 */

.course-guide[hidden],.guide-panel[hidden],.hole-view-dock[hidden],.guide-unit[hidden]{display:none!important}
.course-guide{width:310px;max-height:calc(100% - 210px);padding:20px;border:1px solid #dfe7df;border-radius:14px;box-shadow:0 12px 36px #0c2e3033;background:#fffefb}
.course-guide h2{margin:5px 40px 8px 0;font-size:23px;letter-spacing:-.04em}.course-guide .map-info-eyebrow{font-size:9px;letter-spacing:.14em;color:#647e70}
.course-guide .map-info-close{top:15px;right:13px;min-width:40px;min-height:36px;border-radius:7px;background:#eef2ec;color:#315342}
.course-guide .map-info-facts{font-size:12px;line-height:1.6;margin:0 0 10px;padding:0;border:0;background:transparent;color:#355849}
.guide-unit{display:flex;align-items:center;gap:4px;font-size:10px;margin:0 0 12px}.guide-unit>span{margin-right:auto;color:#6a7c71}.guide-unit button{border:1px solid #dce4da;border-radius:5px;padding:6px 9px;color:#536b5d;background:transparent;font:inherit;min-height:32px;cursor:pointer}.guide-unit button[aria-pressed=true]{color:#fff;background:#20563f;border-color:#20563f}
.guide-tabs{display:flex;border-bottom:1px solid #dce5db;gap:20px;margin:0 0 14px}.guide-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;color:#738073;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.guide-tabs button[aria-selected=true]{color:#174e39;border-bottom-color:#174e39}
.guide-panel{display:flow-root}.course-guide .map-info-photo{width:92px;height:72px;margin:0 0 10px 12px;float:right;border-radius:7px;overflow:hidden}.course-guide #mapInfoFeature{font-size:13px;line-height:1.75;margin:0 0 12px;min-height:72px}.course-guide .hole-tip{clear:both;margin:0 0 12px;padding:12px}.course-guide #mapInfoTip{font-size:12px;line-height:1.8}
.guide-shots{clear:both;margin:12px 0 14px}.guide-shots-title{font-size:10px;color:#7d744e}.guide-shot-row{display:flex;gap:6px;margin-top:7px}.guide-shot-row>span{flex:1;border:1px solid #e8e2cf;border-radius:7px;padding:8px;background:#faf8ef}.guide-shot-row b{display:block;font-size:9px;font-weight:500;color:#8a7950;margin-bottom:3px}.guide-shot-row>span>span{font-size:13px;font-weight:650;color:#37533e}.guide-shot-row .distance-metric{display:block;font-size:10px;color:#7a806b;margin-top:3px;font-weight:450}
.guide-source-note{display:block;font-size:10px;color:#7d744e;line-height:1.65;margin-top:7px}
.guide-photo-open{position:relative;display:block;width:100%;padding:0;border:0;background:#edf2e8;overflow:hidden;border-radius:9px;cursor:zoom-in}.guide-photo-open img{width:100%;height:190px;object-fit:cover;display:block}.guide-photo-open span{position:absolute;bottom:10px;right:10px;background:#143c30d9;color:#fff;padding:6px 9px;border-radius:5px;font-size:10px}.guide-photo-caption{font-size:11px;color:#627565;margin:9px 0 14px;line-height:1.65}
.guide-pager{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e9df;margin-top:15px;padding-top:9px;gap:5px}.guide-pager button{background:none;border:0;padding:8px 0;font-family:inherit;font-size:11px;font-weight:600;color:#27563d;cursor:pointer;min-height:36px}.guide-pager small{font-size:9px;color:#8a9386}
.hole-view-dock{position:absolute;z-index:6;right:20px;bottom:25px;display:flex;gap:3px;padding:5px;background:#fffffff2;border:1px solid #ffffffaa;border-radius:10px;box-shadow:0 3px 15px #0e302a26}.hole-view-dock button{min-width:55px;min-height:36px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:#305745;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.hole-view-dock button[aria-pressed=true]{background:#1e573f;color:white}
.facility-label.facility-photo{background:#174e3de8;color:#fff;border:1px solid #ffffffa6;border-radius:8px;box-shadow:0 2px 9px #173b3250;padding:9px 12px;font-weight:600;cursor:pointer}.facility-photo:before{content:'';display:inline-block;width:11px;height:8px;border:1.5px solid currentColor;border-radius:2px;margin-right:6px;vertical-align:0}
.story-unit{grid-column:1;grid-row:4;max-width:420px;margin-top:-12px;margin-bottom:20px}.story .hole-preview{grid-row:5 / span 3}.shot-actions{flex-wrap:wrap}.shot-actions button{flex:1;white-space:nowrap}
.guide-tabs button:focus-visible,.hole-view-dock button:focus-visible,.guide-unit button:focus-visible,.guide-pager button:focus-visible{outline:2px solid #c38f34;outline-offset:3px}
@media(max-width:680px){
 .course-guide{width:min(310px,calc(100% - 24px));top:149px;right:12px;padding:16px;max-height:calc(100% - 224px);border-radius:12px}.course-guide h2{font-size:21px}.course-guide .map-info-facts{font-size:11px}.guide-tabs{margin-bottom:12px}.guide-tabs button{min-height:40px}.guide-unit button{min-height:34px}.guide-photo-open img{height:180px}
 .hole-view-dock{right:12px;bottom:17px;padding:4px}.hole-view-dock button{min-width:46px;min-height:36px;font-size:11px;padding:6px 9px}.map-area.info-open .mobile-pan{visibility:hidden}.guide-pager button{min-height:40px}.story-unit{margin-top:-5px}.guide-shot-row>span{padding:8px 6px}
}
@media(max-width:420px){.hole-view-dock{bottom:15px}.hole-view-dock button{min-width:40px;padding:6px 7px}.map-area .map-tools{bottom:70px}.map-area .map-help{bottom:58px}.course-guide{max-height:calc(100% - 224px)}}
/* CCP v8.1: the lower detail reads as one course card. */
.story .shot-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.story .shot-actions button{font-size:12px;min-width:0;padding:10px 8px;box-shadow:none}
.story #shotDistances{display:flex;width:max-content;max-width:100%;background:#f5f7f1;border-radius:6px}
.story .shot-chip{min-width:110px;flex:1;padding:12px 16px}
.story .story-links button{width:auto;display:inline-flex;background:transparent;border:0;border-radius:0;padding:5px 0;min-height:36px;font-size:12px;color:#4e6b59;box-shadow:none}
.story .story-actions{display:flex;gap:7px;margin:0}.story .story-actions #prevPlace{flex:0 0 40px}.story .story-actions #nextPlace{flex:1}
.story .story-facts{max-width:none;margin:0;padding:14px 18px;border-radius:7px}.story .story-facts strong{font-size:24px;line-height:1.25}.story .story-facts span{line-height:1.4}.story .story-facts .distance-metric{line-height:1.4;margin-top:4px}
.story .story-unit{max-width:none;margin:8px 0 12px;justify-content:flex-end;gap:4px}.story .story-unit>span{margin:0 8px 0 0}
.story .hole-preview{margin:0}.story .hole-preview h3{margin:0 0 6px;font-size:12px}.story #storyText{margin:0 0 12px;font-size:14px}
.story .hole-tip{padding:11px 13px;border-radius:6px}.story #holeTip{margin:3px 0 0}
.story #shotPanel[hidden]{display:none}
@media(min-width:681px){
 .story{grid-template-columns:minmax(260px,1.15fr) minmax(0,1fr);column-gap:28px;row-gap:0;padding:26px 30px}
 .story .story-top{grid-column:1/-1;grid-row:1;padding-bottom:16px}
 .story .story-body{display:contents}
 .story .main-photo{grid-column:1;grid-row:2 / 7;min-height:280px;height:100%;max-height:400px;align-self:stretch;border-radius:8px}
 .story .story-place{grid-column:2;grid-row:2;align-self:end;font-size:10px}
 .story .story-body>h2{grid-column:2;grid-row:3;margin:3px 0 15px;font-size:29px}
 .story .story-facts{grid-column:2;grid-row:4}
 .story .story-unit{grid-column:2;grid-row:5}
 .story .hole-preview{grid-column:2;grid-row:6}
 .story .shot-panel{grid-column:1/-1;grid-row:7;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.9fr);column-gap:24px;margin:24px 0 0;padding:20px 0;border-top:1px solid #e1e7dc;border-bottom:1px solid #e1e7dc}
 .story .shot-panel h3{grid-column:1;grid-row:1;font-size:14px}.story .shot-intro{grid-column:1;grid-row:2;margin:2px 0 10px}
 .story #shotDistances{grid-column:1;grid-row:3}.story #elevationInfo{grid-column:1;grid-row:4;margin-top:8px}.story #shotNote{grid-column:1/-1;grid-row:5;margin:8px 0 0}
 .story .shot-actions{grid-column:2;grid-row:1 / 4;align-self:center;margin:0}
 .story .story-links{grid-column:1;grid-row:8;margin:14px 0 0;align-self:center}
 .story .story-actions{grid-column:2;grid-row:8;justify-self:end;width:min(100%,280px);margin-top:14px;align-self:center}
 .story .position-note{grid-column:1/-1;grid-row:9}
}
@media(min-width:681px) and (max-width:820px){
 .story{padding:24px;column-gap:22px;grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr)}
 .story .shot-panel{grid-template-columns:1fr;row-gap:0}.story .shot-actions{grid-column:1;grid-row:6;max-width:360px;margin-top:14px}
}
@media(max-width:680px){
 .story{display:block;padding:20px}.story .story-body{display:contents}
 .story .main-photo{width:100%;height:auto;aspect-ratio:16/10;min-height:0;max-height:none;margin-bottom:18px;border-radius:8px}
 .story .story-body>h2{font-size:28px;margin:3px 0 14px}.story .story-facts{padding:14px;gap:14px}.story .story-facts strong{font-size:23px}
 .story .shot-panel{margin:20px 0 0;padding:18px 0;border-top:1px solid #e1e7dc;border-bottom:1px solid #e1e7dc}
 .story .shot-chip{min-width:0;padding:11px 8px;font-size:17px}.story .shot-chip>span{white-space:nowrap}.story .shot-chip .distance-metric{font-size:11px}.story #shotDistances{width:auto}.story .shot-actions{margin-top:14px}.story .shot-actions button{font-size:11px;min-height:44px;padding:8px 3px}
 .story .story-links{margin:10px 0}.story .story-actions{margin:0}.story .story-unit{margin-bottom:18px}
}
/* CCP v8.2: one continuous shot guide, with controls directly below. */
.story .shot-panel{display:grid;grid-template-columns:1fr auto;gap:0 20px;background:#f5f8f3;border:1px solid #dce6dc;border-radius:10px;padding:20px 24px;margin-top:24px}
.story .shot-panel h3{grid-area:1/1;font-size:15px;line-height:1.5;margin:0;color:#173f2c}
.story .shot-intro{grid-area:1/2;margin:0;align-self:center;text-align:right;font-size:11px;color:#6a7c6b}
.story #shotDistances{position:relative;grid-area:2/1/3/3;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;margin:16px 0 18px;padding:0 36px;border:0;border-radius:0;background:linear-gradient(#9eb99e,#9eb99e) center 34px/calc(100% - 16px) 1px no-repeat;gap:0}
.story #shotDistances:before,.story #shotDistances:after{position:absolute;top:27px;display:block;text-align:center;width:24px;height:38px;border:0;background:radial-gradient(circle at 50% 8px,#31644a 0 4px,#f5f8f3 4px 6px,#729879 6px 7px,transparent 7px);font-size:10px;line-height:1;white-space:nowrap;padding-top:24px}
.story #shotDistances:before{content:'티';left:0}.story #shotDistances:after{content:'그린';right:0}
.story .shot-chip{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;border:0;border-radius:0;background:none;padding:0 12px;text-align:center;font-size:22px;font-weight:650;line-height:1.3}
.story .shot-chip b{font-size:11px;font-weight:500;margin:0 0 6px;color:#6b7f6c}
.story .shot-chip>span{background:#f5f8f3;padding:0 12px;white-space:nowrap}
.story .shot-chip .distance-metric{font-size:12px;color:#6b7f6c;margin-top:4px;font-weight:400}
.story .shot-actions{grid-area:3/1;display:flex;gap:0;width:max-content;max-width:100%;padding:3px;background:#fff;border:1px solid #dce6dc;border-radius:7px;align-self:center;margin:0}
.story .shot-actions button{flex:none;min-height:38px;padding:7px 16px;background:transparent;border:0;border-radius:4px;color:#315d43;font-size:12px;box-shadow:none}
.story .shot-actions #teeView{background:#21573f;color:#fff}.story .shot-actions button:hover{background:#e2ebdf}.story .shot-actions #teeView:hover{background:#17462f}
.story #elevationInfo{grid-area:3/2;align-self:center;text-align:right;font-size:12px;margin:0;color:#526f55}
.story #shotNote{grid-area:4/1/5/3;margin:12px 0 0;font-size:10px;color:#758574;line-height:1.6}
.map-area{max-height:calc(100svh - 16px)}
@media(max-width:680px){
 .story .shot-panel{grid-template-columns:1fr;padding:17px 14px;gap:0;margin-top:20px}
 .story .shot-panel h3{grid-area:1/1}.story .shot-intro{grid-area:2/1;text-align:left;margin:3px 0 0}
 .story #shotDistances{grid-area:3/1;margin:18px 0 16px;padding:0 10px;background-position:center 28px}
 .story .shot-chip{padding:0 2px;font-size:17px}.story .shot-chip>span{padding:0 3px}.story .shot-chip b{font-size:10px}.story .shot-chip .distance-metric{font-size:11px}
 .story #shotDistances:before,.story #shotDistances:after{top:21px;width:18px;height:34px;padding-top:23px;font-size:9px}
 .story .shot-actions{grid-area:4/1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:10px}
 .story .shot-actions button{min-height:40px;font-size:11px;padding:7px 3px}
 .story #elevationInfo{grid-area:5/1;text-align:left;font-size:11px;margin-top:12px}
 .story #shotNote{grid-area:6/1;margin-top:6px;font-size:10px}
}

/* Preserve source captions and course-specific notices. */
.story .story-visual{display:contents}.story .photo-source{font-size:11px;line-height:1.6;color:#697a73;margin:9px 0 0}
.story .shot-chip b{line-height:1.35;min-height:15px;white-space:nowrap;overflow-wrap:normal}
.map-distance{display:none}.course-guide .map-info-estimates{margin:10px 0 6px}.course-guide .map-info-estimates .shot-chip{font-size:14px;padding:8px}
.course-guide .map-info-photo~small{display:block;clear:both}.course-guide .estimate-note{font-size:10px;margin-bottom:12px}
.story #shotNote[hidden],.story #operatingNote[hidden]{display:none}
@media(min-width:681px){
 .story .photo-source{grid-column:1;grid-row:7}.story .shot-panel{grid-row:8}
 .story .story-links{grid-row:9}.story .story-actions{grid-row:9}.story .position-note{grid-row:10}.story #operatingNote{grid-column:1/-1;grid-row:11}
}
@media(max-width:680px){
 .story .story-visual .main-photo{height:auto;aspect-ratio:16/10;margin:0}.story .photo-source{margin:8px 0 17px}
 .story .shot-chip b{font-size:9px;letter-spacing:-.03em}.story .shot-chip{font-size:16px}
 .course-guide{top:206px;max-height:calc(100% - 284px)}
 .map-area .map-tools{bottom:70px}.map-area .map-help{bottom:58px}
}
@media(max-width:360px){.story #shotDistances{padding-left:18px;padding-right:18px}.story .shot-chip{font-size:15px}.story .shot-chip>span{padding:0 2px}.story .shot-chip b{font-size:8px}}
/* End FOUR_APPROVED_V82 */