/* Course select polish (Brief 7): thumbnails, difficulty/estimate meta,
   sort + filter controls, and the hover/focus/tap-and-hold preview.
   The preview is position:fixed and pointer-events:none, so it can never
   push the grid around or overlap layout at phone sizes. */
.course-menu-polish{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:16px;border:1px solid var(--line,#35423c);border-radius:5px;background:#192622}
.course-menu-sort-label{display:grid;gap:8px;font-size:11px;color:var(--muted,#a2b1a8)}
.course-menu-sort{min-height:42px;border:1px solid #52645b;border-radius:3px;background:#111d18;color:var(--ink,#edf0e5);padding:10px 12px;font-size:13px}
.course-menu-filter{min-height:42px;padding:10px 15px;border:1px solid #52645b;border-radius:3px;background:#26372e;color:var(--ink,#edf0e5);font-size:12px}
.course-menu-filter[aria-pressed=true]{background:var(--accent,#b8ed78);color:#13231b;border-color:var(--accent,#b8ed78)}
.course-menu-status{flex-basis:100%;margin:0;font-size:11px;line-height:1.6;color:var(--muted,#a2b1a8)}
.card .course-thumb{margin:-24px -24px 14px;height:86px;overflow:hidden;border-bottom:1px solid var(--line,#35423c);background:#10181c}
.card .course-thumb-canvas{display:block;width:100%;height:100%;object-fit:cover}
.card .course-thumb-icon{display:block;padding:10px 12px;font-size:34px;line-height:1;text-align:right}
.card .course-menu-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;font-size:11px;color:var(--muted,#a2b1a8)}
.card .course-menu-pips{color:var(--accent,#b8ed78);letter-spacing:2px;font-size:12px}
.card.menu-filtered-out,.card-group-head.menu-filtered-out{display:none!important}
.course-menu-preview{position:fixed;top:84px;right:18px;z-index:40;display:grid;gap:6px;width:min(300px,86vw);max-height:calc(100dvh - 110px);overflow:auto;padding:14px 16px;border:1px solid #52645b;border-radius:5px;background:#111d18f5;color:var(--ink,#edf0e5);pointer-events:none;box-shadow:0 12px 32px #000a}
.course-menu-preview[hidden]{display:none!important}
.course-menu-preview-icon{font-size:26px;line-height:1}
.course-menu-preview-title{font-size:16px}
.course-menu-preview-meta{font-size:11px;color:var(--accent,#b8ed78)}
.course-menu-preview-objective{font-size:12px;line-height:1.55;color:#c8d4c6}
/* 390x844 portrait: controls stack full-width, preview becomes a bottom
   sheet above the fold instead of a side panel. */
@media(max-width:460px){
 .course-menu-polish{padding:12px;gap:9px}
 .course-menu-sort-label{flex-basis:100%}
 .course-menu-sort{width:100%}
 .course-menu-filter{flex:1 1 auto;min-height:44px}
 .card .course-thumb{margin:-18px -18px 12px;height:74px}
 .course-menu-preview{top:auto;right:10px;left:10px;bottom:10px;width:auto;max-height:38dvh}
}
/* 844x390 landscape phones: preview hugs the right edge, full height
   minus margins, and scrolls internally if the objective is long. */
@media(max-height:460px){
 .course-menu-preview{top:10px;right:10px;bottom:10px;max-height:none;width:min(280px,44vw)}
 .course-menu-filter,.course-menu-sort{min-height:44px}
}