@layer components{.course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.course-card{border:1px solid var(--vz-line);background:var(--vz-surface);color:var(--vz-ink);border-radius:16px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;padding:12px;text-decoration:none;display:grid}.course-card:hover{background:var(--vz-surface-2)}.course-card:focus-visible{outline:3px solid var(--vz-focus);outline-offset:2px}.course-card .vz-board-thumb{border-radius:10px;width:72px;height:72px}.course-card strong{font:700 16px/1.3 var(--vz-font-body);display:block}.course-card small{color:var(--vz-ink-2);font-size:14px;display:block}.course-positions{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.course-position{border:1px solid var(--vz-line);background:var(--vz-surface);border-radius:14px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.course-position .vz-board-thumb{border-radius:8px;width:64px;height:64px}.course-position strong{font:700 15px/1.3 var(--vz-font-body);display:block}.course-position small{color:var(--vz-ink-2);font-size:13px;display:block}.course-position small[data-state=found]{color:var(--vz-ink);font-weight:700}.back-link{color:var(--vz-ink-2);align-items:center;gap:4px;margin-bottom:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--vz-ink)}}