/* Trip guide layout trial; keep map, GPS and scoring handlers intact. */
html body #app #content-view .guide-concept-trial{height:calc(100dvh - var(--bnh-bottom-nav-h,86px))!important;min-height:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#fffef9!important}
html body #app #content-view .guide-concept-trial .guide-top{flex:none!important;background:#fffef9!important;padding:12px 14px 8px!important;z-index:12}
.guide-concept-trial .guide-top>div:first-child{position:relative;justify-content:center;min-height:70px;text-align:center}
.guide-concept-trial .guide-top>div:first-child>button{position:absolute;left:0;font-size:0!important;padding:0!important;width:38px;height:38px;box-shadow:none!important}
.guide-concept-trial .guide-top>div:first-child>button::after{content:'‹';font:30px Georgia}
html body #app #content-view .guide-concept-trial .guide-hole-title-inline{font:500 27px/1.15 'Bodoni Moda',Georgia,serif!important;color:#123b30!important}
.guide-concept-meta{display:block;font:13px/1.8 Inter,Arial,sans-serif;color:#324941}.guide-tee-ball{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid #0003;vertical-align:middle}
html body #app #content-view .guide-concept-trial .guide-hole-tabs{display:flex!important;gap:7px!important;padding:3px 0 6px!important;overflow-x:auto!important}
html body #app #content-view .guide-concept-trial .guide-hole-tabs button{flex:0 0 34px!important;width:34px!important;height:34px!important;border:1px solid #b6c1b8!important;border-radius:50%!important;background:#fffef9!important;color:#123b30!important;font:600 13px Inter,Arial!important;padding:0!important}
html body #app #content-view .guide-concept-trial .guide-hole-tabs button.active{background:#073d30!important;color:white!important}
html body #app #content-view .guide-concept-trial .guide-map-stage{flex:1!important;min-height:0!important;height:auto!important;position:relative!important;overflow:hidden!important}
html body #app #content-view .guide-concept-trial #guide-map-container{height:100%!important;min-height:0!important;width:100%!important}
.guide-concept-trial .guide-map-stage>div:has(>#guide-green-summary){left:12px!important;right:12px!important;top:8px!important;align-items:stretch!important;pointer-events:none}
html body #app #content-view .guide-concept-trial #guide-green-summary.is-visible{display:flex!important;gap:8px!important;width:100%!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.guide-concept-trial .bnh-guide-green-title{display:none!important}
html body #app #content-view .guide-concept-trial .bnh-guide-green-row{display:flex!important;flex-direction:column!important;flex:1;padding:8px!important;border:1px solid #bac5ba!important;border-radius:12px!important;background:#fffef9f5!important;color:#153c30!important;gap:2px!important;text-align:center}
.guide-concept-trial .bnh-guide-green-row.is-front{order:0}.guide-concept-trial .bnh-guide-green-row.is-center{order:1}.guide-concept-trial .bnh-guide-green-row.is-back{order:2}
html body #app #content-view .guide-concept-trial .bnh-guide-green-row.is-center{background:#073d30f5!important;color:white!important;border-color:#ba9e57!important}
.guide-concept-trial .bnh-guide-green-row span{color:inherit!important;font-size:10px!important;text-transform:uppercase}.guide-concept-trial .bnh-guide-green-row strong{color:inherit!important;font-size:20px!important}
.guide-concept-trial #guide-kp-box{align-self:flex-end;pointer-events:auto}
html body #app #content-view .guide-concept-trial .guide-distance{position:absolute!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:auto!important;margin:0!important;border-radius:22px 22px 0 0!important;background:#fffef9fa!important;color:#123b30!important;padding:10px 16px 12px!important;border:1px solid #dce3d7!important;box-shadow:0 -4px 14px #16352717!important}
.guide-sheet-handle{height:4px;width:32px;background:#bfc4bd;border-radius:4px;margin:0 auto 9px}
.guide-concept-trial .guide-label{color:#53665d!important;font-size:11px!important}
html body #app #content-view .guide-concept-trial #guide-distance{color:#123b30!important;font-size:20px!important;line-height:1.3!important}
.guide-concept-trial .guide-actions-row{display:flex!important;gap:10px;margin-top:10px}
html body #app #content-view .guide-concept-trial .guide-actions-row button{flex:1!important;min-height:42px!important;position:static!important;border-radius:10px!important;background:#fffef9!important;border:1px solid #8d9d92!important;color:#123b30!important;font-size:13px!important}
html body #app #content-view .guide-concept-trial .guide-actions-row .drive-btn{background:#073d30!important;color:white!important;border-color:#073d30!important}

html body #app #content-view .guide-concept-trial .guide-distance,html body #app #content-view .guide-concept-trial .guide-distance *{color:#123b30!important;-webkit-text-fill-color:#123b30!important;text-shadow:none!important}
html body #app #content-view .guide-concept-trial .guide-actions-row .drive-btn,html body #app #content-view .guide-concept-trial .guide-actions-row .drive-btn *{color:#fff!important;-webkit-text-fill-color:#fff!important}

html body #app #content-view .guide-concept-trial .guide-hole-title-inline{font-size:23px!important}
html body #app #content-view .guide-concept-trial .guide-hole-title-inline .guide-concept-meta{font:400 12px/1.6 Inter,Arial,sans-serif!important;letter-spacing:0!important}
html body #app #content-view .guide-concept-trial .guide-hole-tabs button{flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;font-size:12px!important;box-shadow:none!important}
html body #app #content-view .guide-concept-trial .bnh-guide-green-row span::before{display:none!important;content:none!important}

html body #app #content-view .guide-concept-trial .bnh-guide-green-row span{font:400 10px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.02em!important}
html body #app #content-view .guide-concept-trial .bnh-guide-green-row strong{font:500 18px/1.2 Inter,Arial,sans-serif!important}
html body #app #content-view .guide-concept-trial .bnh-guide-green-row strong small{font:400 11px/1.2 Inter,Arial,sans-serif!important;margin-left:2px!important}

/* Reserve space for a compact dock instead of covering the map. */
html body #app #content-view .guide-concept-trial .guide-map-stage{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important}
html body #app #content-view .guide-concept-trial #guide-map-container{position:relative!important;inset:auto!important;grid-row:1;min-height:0!important}
html body #app #content-view .guide-concept-trial .guide-distance{position:relative!important;inset:auto!important;grid-row:2;width:100%!important;box-sizing:border-box!important;padding:8px 12px!important;border-radius:14px 14px 0 0!important;min-height:0!important;max-height:120px!important;overflow:auto!important;z-index:10}
html body #app #content-view .guide-concept-trial .guide-distance .guide-sheet-handle,html body #app #content-view .guide-concept-trial .guide-distance .guide-label{display:none!important}
html body #app #content-view .guide-concept-trial #guide-distance{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font:500 16px/1.25 Inter,Arial,sans-serif!important;letter-spacing:0!important}
html body #app #content-view .guide-concept-trial #guide-distance>div{flex:1;min-width:0;margin:0!important;font:400 11px/1.3 Inter,Arial,sans-serif!important}
html body #app #content-view .guide-concept-trial #guide-distance .font-black{font:600 16px/1.2 Inter,Arial,sans-serif!important}
html body #app #content-view .guide-concept-trial .guide-actions-row{margin:6px 0 0!important;gap:8px!important}
html body #app #content-view .guide-concept-trial .guide-actions-row button{min-height:36px!important;height:36px!important;padding:6px 10px!important;margin:0!important;font-weight:500!important}
html body #app #content-view .guide-concept-trial #ld-result:empty{display:none!important}
html body #app #content-view .guide-concept-trial #ld-result{font:400 11px/1.3 Inter,Arial,sans-serif!important;margin:4px 0 0!important}

html body #app #content-view .guide-concept-trial .bnh-guide-green-row span{padding:0!important;width:100%!important;text-align:center!important}
html body #app #content-view .guide-concept-trial .bnh-guide-green-row strong{display:block!important;width:100%!important;text-align:center!important}
.guide-target-readout{display:flex;align-items:center;justify-content:space-between;gap:8px;font:400 12px/1.4 Inter,Arial,sans-serif}.guide-target-readout strong{font-size:17px;font-weight:600}.guide-target-readout button{width:auto!important;margin:0!important;padding:4px 8px!important;background:transparent!important;border:1px solid #aab9ac!important;border-radius:8px!important;font-size:11px!important}
.guide-distance.has-target #guide-distance{display:none!important}

html body #app #content-view .guide-concept-trial .guide-target-reset{display:inline!important;width:auto!important;padding:2px 5px!important;margin:0 0 0 4px!important;font:400 10px Inter,Arial!important;background:transparent!important;border:1px solid #b7c5bc!important;border-radius:5px!important}

html body #app #content-view .guide-concept-trial #guide-distance{padding-right:68px!important;box-sizing:border-box!important;min-height:30px!important;gap:12px!important}
html body #app #content-view .guide-concept-trial #guide-distance .guide-club-choice{font:700 12px/1.3 Inter,Arial,sans-serif!important;letter-spacing:0!important}
html body #app #content-view .guide-concept-trial .guide-distance>.guide-target-reset{position:absolute!important;top:8px!important;right:12px!important;left:auto!important;bottom:auto!important;width:auto!important;height:28px!important;padding:4px 7px!important;margin:0!important;font:400 11px/1.2 Inter,Arial,sans-serif!important}
html body #app #content-view .guide-concept-trial .guide-actions-row{justify-content:space-between!important}
html body #app #content-view .guide-concept-trial .guide-actions-row button{flex:0 0 auto!important;width:auto!important;min-width:88px!important;height:32px!important;min-height:32px!important;padding:5px 14px!important}
@media(max-width:440px){html body #app #content-view .guide-concept-trial #guide-distance{flex-direction:column!important;align-items:stretch!important;gap:3px!important}html body #app #content-view .guide-concept-trial #guide-distance>div{font-size:11px!important}}

html body #app #content-view .guide-drive-notice{display:flex;align-items:center;justify-content:center;gap:7px;background:#f5edcf;border:1px solid #ded0a1;border-radius:8px;padding:6px 9px;margin:3px 0 2px;color:#123b30;font:400 12px/1.35 Inter,Arial,sans-serif}
html body #app #content-view .guide-drive-notice[hidden]{display:none!important}.guide-drive-notice img{width:19px;height:19px;object-fit:contain}.guide-drive-notice strong{font-weight:600}

html body #app #content-view .guide-concept-trial .guide-distance>.guide-target-reset[hidden]{display:none!important}

/* Anchor the whole guide between its header and the real navigation edge. */
html body #app #content-view .guide-concept-trial.guide-viewport-locked{position:fixed!important;top:var(--guide-locked-top)!important;bottom:var(--guide-locked-bottom)!important;left:var(--guide-locked-left)!important;right:auto!important;width:var(--guide-locked-width)!important;height:auto!important;max-height:none!important;min-height:0!important;z-index:50!important;margin:0!important;box-sizing:border-box!important}

/* Floating controls over the full-height map, above the navigation. */
html body #app #content-view .guide-concept-trial .guide-map-stage{display:block!important}
html body #app #content-view .guide-concept-trial #guide-map-container{position:absolute!important;inset:0!important;height:100%!important}
html body #app #content-view .guide-concept-trial .guide-distance{position:absolute!important;inset:auto 10px 14px!important;width:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important;max-height:none!important}
html body #app #content-view .guide-concept-trial #guide-distance{flex-direction:row!important;align-items:center!important;gap:0!important;min-height:58px!important;padding:8px 10px!important;border:1px solid #bda56b!important;border-radius:17px!important;background:#063829f5!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:20px!important}
html body #app #content-view .guide-concept-trial #guide-distance>div{flex:1!important;text-align:center!important;padding:0 6px!important}
html body #app #content-view .guide-concept-trial #guide-distance>div+div{border-left:1px solid #ffffff55!important}
html body #app #content-view .guide-concept-trial #guide-distance *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #app #content-view .guide-concept-trial #guide-distance .font-black{display:block!important;font:600 20px/1.2 Inter,Arial,sans-serif!important}
html body #app #content-view .guide-concept-trial #guide-distance .guide-club-choice{display:block!important;margin-top:3px!important;font:600 10px/1.25 Inter,Arial,sans-serif!important}
html body #app #content-view .guide-concept-trial .guide-actions-row{margin:0!important;align-items:stretch!important}
html body #app #content-view .guide-concept-trial .guide-actions-row .drive-btn{min-width:95px!important;height:100%!important;min-height:58px!important;border-radius:18px!important;border:1px solid #fff!important;padding:8px 12px!important;background:#063829f5!important;font:600 12px/1.2 Inter,Arial,sans-serif!important}
html body #app #content-view .guide-concept-trial #ld-result:not(:empty){grid-column:1/-1!important;background:#fffef9!important;padding:5px 8px!important;border-radius:8px!important}
html body #app #content-view .guide-concept-trial .guide-map-controls{position:absolute!important;right:12px!important;top:84px!important;z-index:11!important;display:flex!important;flex-direction:column!important;gap:9px!important}
html body #app #content-view .guide-concept-trial .guide-map-controls button{display:grid!important;place-items:center!important;position:static!important;width:38px!important;height:38px!important;padding:9px!important;margin:0!important;background:#fffef9!important;border:1px solid #d5ddd5!important;border-radius:50%!important;color:#073d30!important;box-shadow:0 2px 6px #0002!important}
html body #app #content-view .guide-concept-trial .guide-map-controls button[aria-pressed="true"]{background:#dcebdc!important;border-color:#073d30!important}
html body #app #content-view .guide-concept-trial .guide-map-controls svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
html body #app #content-view .guide-concept-trial .guide-map-controls .guide-target-reset[hidden]{display:none!important}
html body #app #content-view .guide-concept-trial #guide-kp-box{margin-right:48px!important}

/* Persistent distance icons: GPS origin on the left, target/green on the right. */
html body #app #content-view .guide-concept-trial #guide-distance>div{position:relative!important;padding-left:24px!important;padding-right:4px!important}
html body #app #content-view .guide-concept-trial #guide-distance>div::before{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:18px;height:22px;background:url('/assets/v2/icons/gps-white-transparent.svg') center/contain no-repeat;filter:brightness(0) invert(1);pointer-events:none}
html body #app #content-view .guide-concept-trial #guide-distance>div:nth-child(2)::before,html body #app #content-view .guide-concept-trial #guide-distance>div:only-child:has([aria-label*="till"])::before{background-image:url('/assets/v2/icons/icon-golf-flag.png')}

/* Compact icon-and-copy groups, matching the guide reference. */
html body #app #content-view .guide-concept-trial #guide-distance{padding:9px 6px!important;border-radius:18px!important;background:#063829f5!important}
html body #app #content-view .guide-concept-trial #guide-distance>div{text-align:left!important;padding:0 8px 0 36px!important;box-sizing:border-box!important}
html body #app #content-view .guide-concept-trial #guide-distance>div::before{left:9px;width:20px;height:26px}
html body #app #content-view .guide-concept-trial #guide-distance .font-black{font-size:20px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:0!important}
html body #app #content-view .guide-concept-trial #guide-distance .guide-club-choice{font-size:11px!important;font-weight:400!important;line-height:1.25!important;margin-top:3px!important}
@media(min-width:480px){html body #app #content-view .guide-concept-trial #guide-distance>div{padding-left:46px!important}html body #app #content-view .guide-concept-trial #guide-distance>div::before{left:14px;width:23px;height:29px}}

html body #app #content-view .guide-concept-trial #guide-distance>div{padding-left:40px!important}
html body #app #content-view .guide-concept-trial #guide-distance>div::before{left:7px;width:27px;height:34px}
@media(min-width:480px){html body #app #content-view .guide-concept-trial #guide-distance>div{padding-left:50px!important}html body #app #content-view .guide-concept-trial #guide-distance>div::before{left:12px;width:30px;height:38px}}

/* Bring hole navigation closer to the hole metadata. */
html body #app #content-view .guide-concept-trial .guide-top>div:first-child{min-height:60px!important;margin-bottom:2px!important;padding-bottom:0!important}
html body #app #content-view .guide-concept-trial .guide-hole-tabs{margin-top:0!important;padding-top:0!important}

html body #app #content-view .guide-concept-trial #guide-kp-box{align-self:flex-start!important;margin-left:0!important;margin-right:0!important;max-width:calc(100% - 52px)!important}

html body #app #content-view .guide-concept-trial .guide-map-controls #guide-gps-toggle{padding:0!important;font:600 12px/1 Inter,Arial,sans-serif!important}
html body #app #content-view .guide-concept-trial .guide-map-controls .guide-target-reset{padding:5px!important}
html body #app #content-view .guide-concept-trial .guide-map-controls .guide-target-reset svg{width:27px!important;height:27px!important}