.hh-howto-row{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:6px 12px 6px 6px;border:1px solid #ece6fb;border-radius:14px;background:#faf8ff;color:var(--hh-card-ink);font-family:inherit;text-align:start;cursor:pointer;transition:background .15s,border-color .15s}.hh-howto-row:hover{background:#f4effe;border-color:#ddd0fa}.hh-howto-row:focus-visible{outline:2px solid var(--hh-card-focus);outline-offset:2px}.hh-howto-row img{flex:none;width:48px;height:60px;border-radius:9px;-o-object-fit:cover;object-fit:cover;background:#ede7fb}.hh-howto-play{position:absolute;inset-inline-start:22px;top:50%;display:grid;place-items:center;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:rgb(255 255 255/.92);color:#5b21b6;box-shadow:0 2px 6px rgb(21 28 39/.18)}.hh-howto-text{display:flex;flex-direction:column;gap:2px;min-width:0}.hh-howto-text strong{font-size:.84rem;font-weight:600;line-height:1.7}.hh-howto-text small{font-size:.72rem;color:#5e6676}.hh-howto-player{display:flex;justify-content:center;border-radius:16px;overflow:hidden;background:#ede5fb}.hh-howto-player video{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:4/5}.hh-howto-card{display:flex;align-items:center;gap:16px;width:100%;padding:10px;border:1px solid rgb(var(--color-line)/.7);border-radius:18px;background:rgb(var(--color-panel));color:var(--hh-card-ink);font-family:inherit;text-align:start;cursor:pointer;box-shadow:0 1px 2px rgb(var(--color-shadow)/.04),0 10px 24px -18px rgb(var(--color-shadow)/.3);transition:border-color .15s,transform .16s cubic-bezier(.2,.8,.2,1)}.hh-howto-card:hover{border-color:rgb(var(--color-accent)/.5)}.hh-howto-card:active{transform:scale(.99)}.hh-howto-card:focus-visible{outline:2px solid var(--hh-card-focus);outline-offset:2px}.hh-howto-card-poster{position:relative;flex:none;display:grid;place-items:center;width:96px;height:120px;border-radius:12px;overflow:hidden;background:rgb(var(--color-accent-soft))}.hh-howto-card-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hh-howto-card-play{position:absolute;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgb(var(--color-accent));color:rgb(var(--color-panel));box-shadow:0 6px 16px rgb(var(--color-accent)/.4)}.hh-howto-card-play svg{margin-left:3px}.hh-howto-card .hh-howto-text strong{font-size:.95rem;font-weight:700}.hh-howto-card-cta{align-self:flex-start;margin-top:6px;padding:2px 10px;border-radius:999px;background:rgb(var(--color-accent-soft));color:rgb(var(--color-accent-strong));font-size:.74rem;font-weight:700;line-height:1.9}@media (prefers-reduced-motion:reduce){.hh-howto-card,.hh-howto-row{transition:none}}