/* Compact learning navigation, shared with the strategy workspace. */
.learn-stage-tabs.learn-stage-tabs-compact{gap:5px;padding:4px;border:1px solid #496b5430;border-radius:13px;background:#e6eadf}
.learn-stage-context .learn-stage-tabs-compact a{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:44px;padding:10px 15px;border:1px solid #496b54;border-radius:9px;background:linear-gradient(115deg,#315a47,#1d4033);box-shadow:inset 0 1px 0 #ecdaac20;color:#fffaf0;font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.learn-stage-tabs-compact a svg{width:19px;height:19px;flex:none;stroke:#e4c88d;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.learn-stage-context .learn-stage-tabs-compact a[aria-current="page"]{border-color:#c4a369;background:linear-gradient(115deg,#436b52,#2e5542);box-shadow:inset 0 -2px 0 #e4c88d,inset 0 1px 0 #ecdaac30;color:#fffaf0}
.learn-stage-context .learn-stage-tabs-compact a:focus-visible{outline:3px solid #a27632;outline-offset:3px}
@media(hover:hover){.learn-stage-context .learn-stage-tabs-compact a:hover{background:linear-gradient(115deg,#426e55,#2a5140);border-color:#c4a369}}
.ball-practice-page>.compact-title{align-items:center;flex-wrap:wrap}
.ball-observation-menu>header{align-items:center;flex-wrap:wrap;gap:12px}
@media(max-width:760px){.learn-stage-tabs.learn-stage-tabs-compact{box-sizing:border-box;width:100%}.learn-stage-context .learn-stage-tabs-compact a{flex:1;min-width:0;padding:10px 8px}.ball-practice-page>.compact-title>span{line-height:1.5}}
@media(max-width:480px){.learn-stage-tabs-compact a svg{display:none}.learn-stage-context .learn-stage-tabs-compact a{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.learn-stage-context .learn-stage-tabs-compact a{transition:none}}