.tatting-hero-image{display:flex;align-items:center;justify-content:center;min-width:0;border:1px solid #d6e0dc;background:#fff;border-radius:20px;overflow:hidden;padding:18px;box-sizing:border-box}.tips-hero .tatting-hero-image img{display:block;width:100%;height:auto;max-height:410px;object-fit:contain;border-radius:0}.tatting-hub-hero .tatting-hero-image{padding:0}.tatting-hub-hero .tatting-hero-image img{max-height:none}.tatting-figure{padding:20px;margin:24px 0;border:1px solid #d6e0dc;border-radius:16px;background:#fff;text-align:center}.tatting-figure img{display:block;max-width:100%;width:auto;height:auto;max-height:650px;margin:auto;object-fit:contain}.tatting-figure figcaption{font-size:.9rem;color:#52635d;margin-top:14px;line-height:1.65}.tatting-figure figcaption a{display:inline-block}.tatting-pattern{padding:24px;border:1px solid #cadbd3;border-left:4px solid #387865;border-radius:12px;background:#f1f7f3;margin:24px 0;line-height:1.8}.tatting-pattern li{margin:10px 0;overflow-wrap:anywhere}.tatting-card>a{display:flex;align-items:center;justify-content:center;background:white;padding:12px;min-height:180px;box-sizing:border-box}.tips-card.tatting-card img{height:180px;object-fit:contain;border-radius:0}.tatting-pager{display:flex;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:40px}.tatting-pager a{max-width:48%;overflow-wrap:anywhere}.tatting-lesson-hero{align-items:center}@media(max-width:650px){.tatting-figure{padding:12px;margin:18px 0}.tatting-pattern{padding:18px}.tatting-pager{display:grid}.tatting-pager a{max-width:100%}.tips-hero .tatting-hero-image img{max-height:300px}.tatting-hero-image{padding:12px}}