/* The catalog stays the no-JavaScript fallback; enhancement is homepage-only. */
#fields .course-preview-shell{max-width:1120px;margin:22px auto 0;padding:0 26px;}
#fields .course-preview{overflow:hidden;padding:5px;margin:-5px;}
#fields #kgrid.course-track{display:flex;gap:18px;max-width:none;width:100%;margin:0;padding:0;align-items:stretch;}
#fields .course-track>.kcard{flex:0 0 var(--course-width);width:var(--course-width);height:var(--course-height);opacity:1;translate:none;transform:none;transition:box-shadow .2s;}
#fields .course-track .kbody{flex:1;min-height:0;}
#fields .course-track .kbtn{margin-top:auto;}
#fields .course-track .kph{flex-shrink:0;}
#fields .course-preview-controls{max-width:1120px;margin:16px auto 0;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--mut);font:500 12px/1.5 var(--sans);}
#fields .course-preview-controls p{margin:0;max-width:48ch;}
#fields .course-preview-controls button{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:99px;background:var(--white,#fff);color:var(--ink);font:700 12px/1.4 var(--sans);cursor:pointer;}
#fields .course-preview-controls button:hover{background:var(--lime);border-color:var(--grn-d);}
#fields :is(.ktab,.kcard,.course-preview-controls button):focus-visible{outline:3px solid var(--grn-d);outline-offset:2px;}
#fields .course-measure{position:absolute;visibility:hidden;pointer-events:none;top:0;left:0;width:var(--course-width);height:0;overflow:hidden;contain:layout;}
#fields .course-measure .kcard{width:100%;height:auto;transform:none;opacity:1;transition:none;}
@media(max-width:639px){#fields .course-preview-controls{align-items:flex-start;gap:10px;}#fields .course-preview-controls p{max-width:21ch;}#fields .course-preview-controls button{padding-inline:12px;}}
@media(prefers-reduced-motion:reduce){#fields .course-track>.kcard{transition:none;}}