/* Original functional scenes: self-practice / team passing / coach observation.
   Brand accents reference user-supplied artwork; mint remains TKO's UI surface. */
.course-options{gap:24px;align-items:stretch}
.course-options>a{position:relative;overflow:hidden;padding:24px 24px 20px;min-height:0;border:1.5px solid #c7d7e2;border-radius:24px;box-shadow:0 5px 0 #dce6ed;isolation:isolate;transition:transform .2s,box-shadow .2s,border-color .2s}
.course-options .course-top{margin:0;min-height:26px;font-size:12px;line-height:1.5;align-items:center}
.course-options .course-top>span:first-child{display:inline-flex;padding:5px 10px;border:1px solid #ccdce7;border-radius:999px;background:#ffffffb3;color:#294b64}
.course-options .course-scene{position:relative;height:175px;margin:14px -8px 16px;flex:none}
.course-scene svg{display:block;width:100%;height:100%;overflow:visible}
.scene-bubble{position:absolute;z-index:1;left:10px;top:0;padding:6px 11px;font-size:12px;font-weight:750;line-height:1.4;border:1.5px solid currentColor;border-radius:10px 10px 10px 2px;transform:rotate(-3deg);box-shadow:2px 3px 0 #12263112;background:#fff;color:#193c52;white-space:nowrap}
.course-options .course-brand-name{font-size:30px;letter-spacing:-.04em;margin:0 0 6px;line-height:1}
.course-options h3{font-size:24px;line-height:1.4;margin:0 0 12px;letter-spacing:-.025em}
.course-options p{font-size:15px;line-height:1.75;min-height:53px;margin-bottom:22px}
.course-options .course-action{font-size:14px;min-height:54px;padding-top:12px;gap:10px}
.course-options .course-action>span{width:34px;height:34px;transition:transform .2s,background .2s,color .2s}
.course-options .course-personal{background:#1a1d22;color:#fff;border-color:#1a1d22;box-shadow:0 5px 0 #cbd1d7}
.course-personal .course-scene{color:#c8d0d6}
.course-options .course-personal .course-top>span:first-child{color:#fff;border-color:#59616b;background:#ffffff09}
.course-personal .scene-bubble{color:#25323d;background:#fff;border-color:#fff;box-shadow:3px 3px 0 #ffffff24}
.course-options .course-personal:hover{background:#1a1d22;border-color:#586675}
.course-options .course-team{background:#effaf6;border-color:#a8d7c9;box-shadow:0 5px 0 #cae8dd;color:#151b3d}
.course-options .course-team .course-top>span:first-child{color:#151b3d;border-color:#9dcfc9;background:#ffffffa6}
.course-team .scene-bubble{color:#151b3d;border-color:#151b3d;box-shadow:3px 3px 0 #18b6cf4d}
.course-options .course-team .course-brand-name{color:#151b3d}
.course-options .course-team .course-action{color:#151b3d;border-color:#b9dcd5}
.course-team .course-action>span{background:#18b6cf;color:#151b3d;border-color:#18b6cf}
.course-options .course-team:hover{background:#effaf6;border-color:#18b6cf}
.course-options .course-coach{background:#eef9fe;border-color:#8dcfe9;box-shadow:0 5px 0 #c8e8f5;color:#17384d}
.course-options .course-coach .course-top>span:first-child{color:#07567d;border-color:#a7d8ec;background:#ffffffba}
.course-coach .scene-bubble{color:#075b86;border-color:#0097e0;box-shadow:3px 3px 0 #0097e02b}
.course-options .course-coach .course-brand-name{color:#007cb8}
.course-options .course-coach .course-action{color:#075b86;border-color:#bbdeed}
.course-coach .course-action>span{background:#0097e0;color:#fff;border-color:#0097e0}
.course-options .course-coach:hover{background:#eef9fe;border-color:#0097e0}
.course-options>a:hover,.course-options>a:focus-visible{transform:translateY(-5px);box-shadow:0 10px 0 #213c5010}
.course-options>a:hover .course-action>span,.course-options>a:focus-visible .course-action>span{transform:translate(2px,-2px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .course-options>a:hover .scene-ball,.course-options>a:focus-visible .scene-ball{animation:ball-hop .65s ease-in-out 2}
 .course-options>a:hover .scene-route,.course-options>a:focus-visible .scene-route{animation:route-pass 1s linear 2}
 .course-options>a:hover .scene-lens{animation:lens-inspect .7s ease-in-out 2}
 @keyframes ball-hop{50%{translate:0 -7px}}
 @keyframes route-pass{to{stroke-dashoffset:-26}}
 @keyframes lens-inspect{50%{translate:-5px -3px}}
}
@media(max-width:1050px) and (min-width:651px){.course-options{gap:16px}.course-options>a{padding:20px 18px}.course-options .course-scene{height:158px}.scene-bubble{font-size:11px;left:2px}.course-options h3{font-size:22px}.course-options p{font-size:14px;min-height:74px}}
@media(max-width:650px){.course-options{gap:24px}.course-options>a{padding:22px;border-radius:22px}.course-options .course-scene{height:156px;margin-block:12px 14px;max-width:370px;width:100%;align-self:center}.course-options .course-brand-name{font-size:28px}.course-options h3{font-size:24px}.course-options p{min-height:0;font-size:15px;margin-bottom:18px}.course-options .course-top{font-size:12px}.scene-bubble{font-size:12px;left:3px}.course-options .course-action{min-height:52px}}
@media(prefers-reduced-motion:reduce){.course-options>a,.course-options .course-action>span{transition:none}.course-options>a:hover,.course-options>a:focus-visible{transform:none}}

/* Original brand marks: native SVG compositing removes source backgrounds.
   No logo geometry is redrawn. Optical sizes account for each mark's aspect ratio. */
.course-options .course-scene{height:196px;margin-bottom:22px}
.course-logo-stage{position:absolute;inset:43px 0 0;display:flex;align-items:center;justify-content:center}
.course-options .course-logo{display:block;object-fit:contain;max-width:100%;height:132px;width:158px;transition:transform .25s ease;filter:none;border:0;border-radius:0;background:none}
.course-options .course-logo-evo{width:260px;height:112px}
.course-options .course-logo-tko{width:150px;height:146px}
.course-options .course-logo-jtc{width:112px;height:112px;position:relative;z-index:1}
.course-coach .course-logo-stage::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#0097e0}
.course-options>a:hover .course-logo,.course-options>a:focus-visible .course-logo{transform:translateY(-3px)}
@media(max-width:650px){.course-options .course-scene{height:186px;margin-bottom:20px}.course-options .course-logo-evo{width:245px}.course-options .course-logo-tko{height:136px}.course-coach .course-logo-stage::before{width:140px;height:140px}.course-options .course-logo-jtc{width:106px;height:106px}}
@media(prefers-reduced-motion:reduce){.course-options .course-logo{transition:none}.course-options>a:hover .course-logo,.course-options>a:focus-visible .course-logo{transform:none}}

/* JTC blue matches the approved logo backdrop; 2026-10-17 user correction. */
:root{--jtc-logo-blue:#0097e0}
.course-options .course-coach,.course-options .course-coach:hover{background:var(--jtc-logo-blue);border-color:var(--jtc-logo-blue);color:#06283d;box-shadow:0 5px 0 #007bb7}
.course-options .course-coach h3{color:#fff}
.course-options .course-coach p{color:#06283d}
.course-options .course-coach .course-top>span:first-child{background:#fff;color:#07567d;border-color:#fff}
.course-coach .scene-bubble{border-color:#fff;box-shadow:3px 3px 0 #006da1;color:#075b86}
.course-coach .course-logo-stage::before{background:var(--jtc-logo-blue)}
.course-options .course-coach .course-action{color:#06283d;border-color:#ffffff80}
.course-options .course-coach .course-action>span{background:#fff;color:#075b86;border-color:#fff}
.full-card[data-direction=direction-coach]{--card-color:var(--jtc-logo-blue);--card-soft:#eef9fe}
.full-card[data-direction=direction-coach] .full-card-header{border-bottom-color:var(--jtc-logo-blue);color:#06283d}
.full-card[data-direction=direction-coach] .full-card-header h3{color:#fff}
.full-card[data-direction=direction-coach] .card-subtitle{color:#06283d}
.full-card[data-direction=direction-coach] .full-card-header .badge{background:#fff;color:#07567d}