.tutorial-card-link{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:15px;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;overflow:hidden}.tutorial-card-link:hover{border-color:var(--accent);box-shadow:0 16px 32px var(--node-shadow);transform:translateY(-5px)}.tutorial-card-link:focus-visible{border-color:var(--accent)}.tutorial-card-media{object-fit:cover;width:100%;height:100%}.hp-tutorial-cover{aspect-ratio:16/9;background:var(--surface-2);background-image:repeating-linear-gradient(135deg, var(--accent-soft) 0 9px, transparent 9px 18px);position:relative;overflow:hidden}.hp-tutorial-cat,.hp-tutorial-badge{z-index:3;border-radius:6px;position:absolute;top:11px}.hp-tutorial-cat{background:var(--accent-soft);color:var(--accent-strong);padding:3px 9px;font:600 10px Manrope,sans-serif;left:11px}.hp-tutorial-badge{background:var(--accent);color:var(--on-accent);letter-spacing:.05em;padding:3px 8px;font:700 9.5px Manrope,sans-serif;right:11px}.hp-tutorial-badge.hot{letter-spacing:0;background:#e08a2b;font-weight:600}.hp-tutorial-body{padding:16px 16px 15px}.hp-tutorial-title{color:var(--text);margin-bottom:7px;font-size:15.5px;font-weight:700;line-height:1.4}.hp-tutorial-summary{color:var(--muted);margin-bottom:13px;font-size:12.5px;line-height:1.6}.hp-tutorial-meta{border-top:1px solid var(--border-soft);color:var(--faint);justify-content:space-between;align-items:center;padding-top:11px;font-size:11.5px;display:flex}@media (prefers-reduced-motion:reduce){.tutorial-card-link{transition:none}.tutorial-card-link:hover{transform:none}}