.cp-howto{--cp-howto-text:#171717;--cp-howto-muted:#666;--cp-howto-radius:18px;width:100%;color:var(--cp-howto-text)}
.cp-howto *,.cp-howto *::before,.cp-howto *::after{box-sizing:border-box}
.cp-howto__inner{width:100%;margin:0 auto;padding:0 14px}
.cp-howto__grid{display:block;width:100%}
.cp-howto-card{width:100%!important;max-width:none!important;margin:0 0 38px;min-width:0}
.cp-howto-card__media{position:relative;display:block;width:100%!important;max-width:none!important;margin:0!important;padding:0;overflow:hidden;border:0;border-radius:var(--cp-howto-radius);background:#f3f3f3;cursor:pointer;aspect-ratio:16/10}
.cp-howto-card__media:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.cp-howto-card__poster,.cp-howto-card__video{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.cp-howto-card__video{background:#000}
.cp-howto-card__play{position:absolute;top:50%;left:50%;width:72px;height:72px;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 16px rgba(0,0,0,.18));transition:transform .18s ease}
.cp-howto-card__play svg{display:block;width:100%;height:100%}
.cp-howto-card__play circle{fill:rgba(255,255,255,.96)}
.cp-howto-card__play path{fill:#111}
.cp-howto-card__hint{position:absolute;right:12px;bottom:12px;padding:8px 11px;border-radius:999px;background:rgba(17,17,17,.82);color:#fff;font-size:12px;font-weight:700;line-height:1}
.cp-howto-card__body{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;width:100%!important;max-width:none!important;margin:0!important;padding:18px 2px 0}
.cp-howto-card__number{padding-top:4px;color:#9a9a9a;font-size:12px;font-weight:800;letter-spacing:.08em}
.cp-howto-card__title{margin:0 0 8px;font-size:clamp(24px,7vw,31px);line-height:1.08;letter-spacing:-.025em}
.cp-howto-card__text{max-width:38rem;margin:0;color:var(--cp-howto-muted);font-size:17px;line-height:1.52}
@media(min-width:768px){
.cp-howto__inner{width:min(100% - 48px,1120px);padding:0}
.cp-howto-card{margin-left:auto;margin-right:auto;margin-bottom:54px}
.cp-howto-card--w-50{width:50%!important}
.cp-howto-card--w-75{width:75%!important}
.cp-howto-card--w-100{width:100%!important}
.cp-howto-card__media{aspect-ratio:16/9}
.cp-howto-card__body{padding-top:18px}
.cp-howto-card__title{font-size:27px}
.cp-howto-card__text{font-size:16px}
.cp-howto-card__play{width:70px;height:70px}
}
@media(hover:hover) and (pointer:fine){.cp-howto-card__media:hover .cp-howto-card__play{transform:translate(-50%,-50%) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.cp-howto-card__play{transition:none}}