.howto-facts{display:grid;gap:1rem;max-width:46rem;margin:0 0 2.5rem;padding:1.25rem 1.5rem;border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}@media(min-width: 576px){.howto-facts{grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr))}}.howto-fact{display:flex;align-items:flex-start;gap:.75rem;min-width:0}.howto-fact .icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.2rem;color:var(--primary)}.howto-fact dt{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.howto-fact dd{margin:.15rem 0 0;font-weight:600;color:var(--text-heading);overflow-wrap:anywhere}.howto-video{max-width:46rem;margin-bottom:2.5rem}.howto-video .video-wrapper{overflow:hidden;border-radius:8px;box-shadow:var(--shadow-md)}.howto-video a{display:inline-block;margin-top:.75rem}.howto-steps{max-width:46rem;margin:0;padding:0;list-style:none;counter-reset:howto-step}.howto-step{position:relative;padding:0 0 2.5rem 3.5rem;counter-increment:howto-step}.howto-step::before{content:counter(howto-step);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:10000px;background:var(--primary);color:var(--primary-contrast);font-weight:600;font-variant-numeric:tabular-nums}.howto-step::after{content:"";position:absolute;top:2.75rem;bottom:.5rem;left:calc(1.125rem - 1px);width:2px;background:var(--border)}.howto-step:last-child{padding-bottom:0}.howto-step:last-child::after{display:none}.howto-step-title{margin:.2rem 0 .75rem;font-size:1.375rem;line-height:1.3;scroll-margin-top:90px}.howto-step-body{font-size:1.0625rem;line-height:1.75}.howto-step-body>:last-child{margin-bottom:0}.howto-step-body p,.howto-step-body ul,.howto-step-body ol{margin-bottom:1rem}.howto-step-figure{margin:0 0 1.25rem}.howto-step-figure img{display:block;max-width:100%;max-height:26rem;height:auto;border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-md)}.howto-footer{max-width:46rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}