/* Real aerial photography, cropped to the target hole in the same metric frame. */
.strategy-page .st-courses{gap:12px;margin:18px 0 22px}
.strategy-page .st-courses>.btn{display:block;position:relative;padding:0;text-align:left;overflow:hidden;background:#19372d;border:1px solid #bac8b4;border-radius:13px;box-shadow:0 6px 17px #173b2c0c}
.st-course-photo{display:block;width:100%;height:auto;aspect-ratio:21/11;overflow:hidden;background:#244535}
.st-course-photo image{filter:saturate(1.1) contrast(1.07)}
.strategy-page .st-courses .st-course-caption{display:block;padding:14px 16px;background:#fffdf6;color:#254835;min-height:83px;line-height:1.4}
.st-course-caption strong{font-size:16px;font-weight:650}
.strategy-page .st-courses small{display:block;max-width:none;text-align:left;color:#637761;font-size:13px;margin-top:5px;opacity:1}
.strategy-page .st-courses .btn[aria-pressed=true]{border-color:#355c45;box-shadow:0 0 0 2px #355c45,0 8px 24px #1d432a14}
.strategy-page .st-courses .btn[aria-pressed=true] .st-course-caption{background:#214a38;color:#fffaf0}
.strategy-page .st-courses .btn[aria-pressed=true] small{color:#d7e5d1}
.st-workspace:has(.st-aerial-map){grid-template-columns:minmax(280px,.68fr) minmax(0,1.52fr);gap:18px}
.st-visual:has(.st-aerial-map){padding:22px 20px 20px;overflow:hidden}
.st-photo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 13px}
.st-photo-views{display:flex;gap:4px;padding:3px;background:#e9eee3;border-radius:9px}
.strategy-page .st-photo-views>.btn{border:none;background:transparent;font-size:13px;padding:8px 11px;min-height:40px}
.strategy-page .st-photo-views>.btn[aria-pressed=true]{background:#fffef9;color:#264b36;box-shadow:0 1px 5px #173b2420}
.strategy-page .st-photo-toolbar>[data-strategy-map-wide]{display:flex;align-items:center;gap:7px;padding:9px 10px;font-size:13px;min-height:44px}
.st-photo-toolbar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
.st-aerial-map{max-height:none;border:0;border-radius:14px;box-shadow:0 10px 27px #1733271a}
.st-aerial-map [data-aerial-image]{filter:saturate(1.08) contrast(1.05)}
.st-aerial-map .st-map-base{fill:#15362d}
.st-aerial-map .st-axis{fill:#e5eadc;font-size:13px;font-weight:450}
.st-aerial-map .st-scale,.st-aerial-map .st-direction{stroke:#e1e9d8}
.st-aerial-map .st-aim-line{stroke:#fff9dc;stroke-width:1.3;stroke-dasharray:6 6;filter:drop-shadow(0 1px 1px #15372f)}
.st-aerial-map .st-ball322{stroke:#1c392d;stroke-width:1.1}
.st-aerial-map .st-target{stroke-width:1.7;filter:drop-shadow(0 1px 3px #0c2f23)}
.st-aerial-map .st-mean{stroke:#ffe1a0;stroke-width:2.3;filter:drop-shadow(0 1px 2px #2a3324)}
.st-aerial-map+.st-distance{margin:18px 0 4px;background:#f3f5ed;border:1px solid #d7dfcd}
.st-workspace.is-map-wide:has(.st-aerial-map){grid-template-columns:1fr}
.st-workspace.is-map-wide:has(.st-aerial-map)>.st-visual{grid-row:1}
.st-workspace.is-map-wide:has(.st-aerial-map)>.st-controls{grid-row:2}
.st-workspace.is-map-wide .st-aerial-map{max-height:820px;background:#15362d}
@media(max-width:1100px){.strategy-page .st-photo-toolbar>[data-strategy-map-wide]{font-size:12px;padding:8px}.st-photo-toolbar{gap:7px}.strategy-page .st-photo-views>.btn{padding:8px;font-size:12px}.st-course-caption strong{font-size:14px}.strategy-page .st-courses .st-course-caption{padding:12px;min-height:84px}}
@media(max-width:760px){.strategy-page .st-courses{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 3px 10px;margin:14px -3px 12px}.strategy-page .st-courses>.btn{display:block;flex:0 0 77%;max-width:290px;scroll-snap-align:start}.strategy-page .st-courses .st-course-caption{min-height:77px;padding:12px 14px}.st-course-caption strong{font-size:15px}.strategy-page .st-courses small{font-size:13px;margin-top:3px}.st-workspace:has(.st-aerial-map){display:flex;gap:14px}.st-visual:has(.st-aerial-map){padding:18px 12px}.st-photo-toolbar{margin-bottom:12px}.st-photo-views{width:100%;display:grid;grid-template-columns:1fr 1fr}.strategy-page .st-photo-views>.btn{font-size:14px;min-height:44px;padding:9px 8px}.strategy-page .st-photo-toolbar>[data-strategy-map-wide]{display:none}.st-aerial-map{border-radius:10px}.st-aerial-map .st-axis{font-size:20px}.st-aerial-map+.st-distance{margin-top:15px}.st-workspace.is-map-wide .st-aerial-map{max-height:none}}
@media(prefers-reduced-motion:no-preference){.st-course-photo{transition:filter .18s ease}.st-courses .btn:hover .st-course-photo{filter:brightness(1.06)}}

/* Lightweight course previews retain the original crop without fetching full maps. */
.strategy-page .st-courses .btn>img.st-course-photo{display:block;width:100%;max-width:none;height:auto;aspect-ratio:21/11;object-fit:cover;border-radius:0;flex-shrink:0}
