.tutorial-cards[data-v-026fa321]{gap:var(--hd-space-6);margin:var(--hd-space-8) 0 var(--hd-space-10);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));padding:0;list-style:none;display:grid}.card[data-v-026fa321]{border:1px solid var(--hd-border);border-radius:var(--hd-radius-lg);background:var(--hd-surface);height:100%;color:inherit;transition:border-color var(--hd-motion-fast,.15s) var(--hd-ease-out,ease-out), transform var(--hd-motion-fast,.15s) var(--hd-ease-out,ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card[data-v-026fa321]:hover{border-color:color-mix(in oklab, var(--hd-accent) 55%, var(--hd-border));transform:translateY(-2px)}.card[data-v-026fa321]:focus-visible{outline:2px solid var(--hd-focus);outline-offset:2px}.thumb[data-v-026fa321]{aspect-ratio:16/10;border-bottom:1px solid var(--hd-border);background:var(--hd-canvas);display:block;overflow:hidden}.thumb.empty[data-v-026fa321]{place-items:center;display:grid}.thumb.empty[data-v-026fa321] .hd-mark{filter:grayscale();opacity:.35}.thumb img[data-v-026fa321]{object-fit:cover;object-position:top left;width:100%;height:100%;transition:transform var(--hd-motion-base,.3s) var(--hd-ease-out,ease-out);display:block}.card:hover .thumb img[data-v-026fa321]{transform:scale(1.03)}.body[data-v-026fa321]{gap:var(--hd-space-2) var(--hd-space-3);padding:var(--hd-space-5);flex:1;grid-template-rows:auto 1fr auto;grid-template-columns:auto minmax(0,1fr);display:grid}.number[data-v-026fa321]{border:2px solid color-mix(in oklab, var(--hd-accent) 60%, var(--hd-border));width:26px;height:26px;color:var(--hd-accent);font:700 var(--hd-text-xs) / 1 var(--hd-font-ui);border-radius:50%;place-items:center;display:grid}.title[data-v-026fa321]{font:600 var(--hd-text-lg) / 1.3 var(--hd-font-ui);align-self:center}.description[data-v-026fa321]{color:var(--hd-text-muted);font-size:var(--hd-text-sm);grid-column:2;line-height:1.55}.meta[data-v-026fa321]{gap:var(--hd-space-4);margin-top:var(--hd-space-2);color:var(--hd-text-faint);font-size:var(--hd-text-xs);grid-column:2;display:flex}.meta>span[data-v-026fa321]{align-items:center;gap:5px;display:inline-flex}@media (prefers-reduced-motion:reduce){.card[data-v-026fa321],.thumb img[data-v-026fa321]{transition:none}.card[data-v-026fa321]:hover,.card:hover .thumb img[data-v-026fa321]{transform:none}}