.how-to .how-to__container{margin:0 auto;max-width:800px}.how-to .how-to__title{color:var(--title-color,#1f2937);font-size:var(--title-font-size,28px);font-weight:700;line-height:1.3;margin:0 0 1rem}.how-to .how-to__description{color:var(--description-color,#6b7280);font-size:16px;line-height:1.6;margin:0 0 1.5rem}.how-to .how-to__meta{background:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;padding:1rem}.how-to .how-to__meta-item{align-items:center;color:#374151;display:flex;font-size:14px;gap:.5rem}.how-to .how-to__meta-item strong{color:#111827}.how-to .how-to__requirements{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.how-to .how-to__supplies,.how-to .how-to__tools{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;padding:1rem}.how-to .how-to__supplies strong,.how-to .how-to__tools strong{color:#92400e;display:block;font-size:14px;margin-bottom:.5rem}.how-to .how-to__supplies p,.how-to .how-to__tools p{color:#78350f;font-size:14px;line-height:1.5;margin:0}.how-to .how-to__steps{display:flex;flex-direction:column;gap:1.5rem}.how-to .how-to__step{background:var(--step-bg,#f3f4f6);border-radius:8px;display:flex;gap:1.5rem;padding:1.5rem;position:relative;transition:all .3s ease}.how-to .how-to__step:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.how-to .how-to__step-number{align-items:center;background:var(--step-number-bg,#3b82f6);border-radius:50%;color:var(--step-number-color,#fff);display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.how-to .how-to__step-content{flex:1;min-width:0}.how-to .how-to__step-name{color:#111827;font-size:var(--step-font-size,16px);font-weight:600;margin:0 0 .5rem}.how-to .how-to__step-text{color:#4b5563;font-size:var(--step-font-size,16px);line-height:1.6;margin:0}.how-to .how-to__remove{align-items:center;background:rgba(239,68,68,.1);border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:28px;z-index:10}.how-to__step:hover .how-to .how-to__remove{opacity:1}.how-to .how-to__remove:hover{background:rgba(239,68,68,.2);transform:scale(1.1)}@media(max-width:767px){.how-to .how-to__title{font-size:24px}.how-to .how-to__meta{flex-direction:column;gap:.75rem}.how-to .how-to__step{gap:1rem;padding:1rem}.how-to .how-to__step-number{font-size:18px;height:40px;width:40px}}