.tutorial-list[data-v-5d4ce5cd]{gap:var(--hd-space-3);margin:var(--hd-space-6) 0 var(--hd-space-10);padding:0;list-style:none;display:grid}.row[data-v-5d4ce5cd]{align-items:center;gap:var(--hd-space-4);padding:var(--hd-space-3);border:1px solid var(--hd-border);border-radius:var(--hd-radius-lg);background:var(--hd-surface);color:inherit;transition:border-color var(--hd-motion-fast,.15s) var(--hd-ease-out,ease-out);grid-template-columns:112px 1fr auto;text-decoration:none;display:grid}.row[data-v-5d4ce5cd]:hover{border-color:color-mix(in oklab, var(--hd-accent) 55%, var(--hd-border))}.row[data-v-5d4ce5cd]:focus-visible{outline:2px solid var(--hd-focus);outline-offset:2px}.icon[data-v-5d4ce5cd]{aspect-ratio:4/3;border-radius:var(--hd-radius-md);background:var(--hd-surface-raised);display:block;overflow:hidden}.icon.empty[data-v-5d4ce5cd]{place-items:center;display:grid}.icon.empty[data-v-5d4ce5cd] .hd-mark{filter:grayscale();opacity:.35}.icon img[data-v-5d4ce5cd]{object-fit:cover;width:100%;height:100%;display:block}.body[data-v-5d4ce5cd]{gap:2px;min-width:0;display:grid}.title[data-v-5d4ce5cd]{font:600 var(--hd-text-md) / 1.3 var(--hd-font-display);color:var(--hd-text)}.description[data-v-5d4ce5cd]{font-size:var(--hd-text-sm);color:var(--hd-text-muted);line-height:1.45}.meta[data-v-5d4ce5cd]{gap:var(--hd-space-4);margin-top:var(--hd-space-1);font-size:var(--hd-text-xs);color:var(--hd-text-muted);display:flex}.meta span[data-v-5d4ce5cd]{align-items:center;gap:4px;display:inline-flex}.go[data-v-5d4ce5cd]{color:var(--hd-text-muted);transition:transform var(--hd-motion-fast,.15s) var(--hd-ease-out,ease-out)}.row:hover .go[data-v-5d4ce5cd]{color:var(--hd-accent);transform:translate(2px)}@media (width<=520px){.row[data-v-5d4ce5cd]{grid-template-columns:80px 1fr;align-items:start}.go[data-v-5d4ce5cd]{display:none}}