.how-to-container .subtitle{display:flex;align-items:center;justify-content:center;margin-top:var(--spacing-medium);color:var(--color);font-size:var(--font-size-medium);text-align:center}.how-to-container .how-to-content{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;color:var(--color)}.how-to-container .how-to-content h3,.how-to-container .how-to-content p{margin:0}.how-to-container .how-to-content .how-to-item{display:flex;flex-direction:column;gap:.75rem;width:280px;max-width:100%;background-color:var(--site-theme-color);border-radius:var(--border-radius);overflow:hidden;padding:1.25rem;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.how-to-container .how-to-content .how-to-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.how-to-container .how-to-content .how-to-item .how-to-image{width:100%;height:140px;border-radius:calc(var(--border-radius) - 4px);overflow:hidden;background-color:hsla(0,0%,100%,.1)}.how-to-container .how-to-content .how-to-item .how-to-image img{width:100%;height:100%;object-fit:cover;object-position:center}.how-to-container .how-to-content .how-to-item .how-to-subtitle{font-size:1rem;font-weight:600;text-align:center;letter-spacing:.5px}.how-to-container .how-to-content .how-to-item .how-to-item-content{display:flex;flex-direction:column;gap:.3rem}.how-to-container .how-to-content .how-to-item .how-to-item-content .how-to-info{font-size:.875rem;line-height:1.5;opacity:.9}@media(max-width: 900px){.how-to-container .how-to-content .how-to-item{width:calc(50% - 1rem);min-width:240px}}@media(max-width: 600px){.how-to-container .how-to-content{gap:1rem}.how-to-container .how-to-content .how-to-item{width:100%;padding:1rem}.how-to-container .how-to-content .how-to-item .how-to-image{height:120px}}