@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);border-radius:var(--vz-radius-lg);background:var(--vz-surface);color:var(--vz-ink);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:var(--vz-focus-ring);outline-offset:2px}.course-card .vz-board-thumb{border-radius:var(--vz-radius-menu);width:72px;height:72px}.course-card strong{font:600 16px/1.3 var(--vz-font-body);display:block}.course-card small{color:var(--vz-ink-2);font-size:14px;display:block}.course-meter{border-radius:var(--vz-radius-pill);background:var(--vz-surface-2);height:6px;margin-top:6px;display:block;overflow:hidden}.course-meter span{border-radius:inherit;background:var(--vz-ink);height:100%;transition:transform var(--vz-duration-base) var(--vz-ease-out);display:block;transform:translate(-100%)}.course-meter span[data-full]{background:var(--vz-mint)}.course-positions{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.course-position{border:1px solid var(--vz-line);border-radius:var(--vz-radius-lg);background:var(--vz-surface);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.course-position .vz-board-thumb{border-radius:var(--vz-radius-md);width:64px;height:64px}.course-position strong{font:600 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:650}.course-book{gap:10px;display:grid}.course-book-title{font:600 15px/1.3 var(--vz-font-body);color:var(--vz-ink-2);align-items:baseline;gap:8px;margin:0;display:flex}.course-book-title a{font-size:13px;font-weight:600}.course-book-title a.course-book-link{color:inherit;font-size:inherit;text-decoration:none}.course-book-title a.course-book-link:hover{color:var(--vz-link);text-decoration:underline}.course-page-group{gap:8px;display:grid}.course-page-head{font:600 14px/1.3 var(--vz-font-body);color:var(--vz-ink-2);justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}.course-page-head a{color:var(--vz-link);align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.course-page-head a:hover{text-decoration:underline}.course-summary{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.course-summary .course-meter{flex:200px;max-width:360px;margin:0}.book-course-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.book-course-row{border:1px solid var(--vz-line);border-radius:var(--vz-radius-md);color:var(--vz-ink);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.book-course-row:hover{background:var(--vz-surface-2)}.book-course-row strong{font:600 14px/1.3 var(--vz-font-body);display:block}.book-course-row small{color:var(--vz-ink-2);font-size:13px;display:block}.book-course-row svg{width:16px;height:16px;color:var(--vz-ink-3);flex:none}.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)}}