.card[data-v-7b695698]{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),var(--highlight-top);transition:border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.card--pad-none[data-v-7b695698]{padding:0}.card--pad-sm[data-v-7b695698]{padding:var(--space-3)}.card--pad-md[data-v-7b695698]{padding:var(--space-5)}.card--pad-lg[data-v-7b695698]{padding:var(--space-6)}.card--course[data-v-7b695698],.card--sub[data-v-7b695698]{overflow:hidden}.card--course[data-v-7b695698]:before,.card--sub[data-v-7b695698]:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px}.card--course[data-v-7b695698]{border-color:var(--zone-course-border);border-radius:var(--radius)}.card--course[data-v-7b695698]:before{background:var(--zone-course)}.card--sub[data-v-7b695698]{border-color:var(--zone-sub-border);border-radius:var(--radius-xl)}.card--sub[data-v-7b695698]:before{background:repeating-linear-gradient(90deg,var(--zone-sub) 0 10px,transparent 10px 18px)}.card--muted[data-v-7b695698]{background:var(--surface-inset);box-shadow:none}.card--interactive[data-v-7b695698]{cursor:pointer}.card--interactive[data-v-7b695698]:hover{border-color:var(--accent);box-shadow:var(--shadow),var(--highlight-top);transform:translateY(-2px)}.card--interactive[data-v-7b695698]:focus-within{border-color:var(--accent);box-shadow:var(--shadow),var(--highlight-top)}