/* coaches.html: page styles (moved out of the page <style> block, UI audit 4.1). Loaded after the shared CSS, so the cascade is unchanged. */
.co-bar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 18px; }
.co-bar .eb-search { flex: 1 1 280px; max-width: 420px; }
.co-topics { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; margin-bottom: 24px; }
.co-topics::-webkit-scrollbar { display: none; }
.co-count { color: var(--muted); font-size: var(--fs-sm); margin-left: auto; }
.how3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.acad-band { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 32px; align-items: center; }
.acad-videos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.acad-band .video-card b { color: #fff; }
@media (max-width: 960px) { .acad-band { grid-template-columns: 1fr; } .how3 { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .co-bar { gap: 8px; } .co-bar .eb-search { flex: 1 1 100%; max-width: none; } .acad-videos { grid-template-columns: 1fr 1fr; gap: 10px; } }