.article{width:100%;background-color:#f9fafb}.article-container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.article-backlink{margin-bottom:24px}.article-back-button{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#58098f;text-decoration:none;padding:8px 16px;border-radius:6px;transition:background-color .2s}.article-back-button:hover{background-color:#f3f3f3;color:#58098fcc}.article-back-icon,.article-share-icon{width:1rem;height:1rem;flex-shrink:0}.article-header{max-width:768px;margin:0 auto}.article-tag{display:inline-block;background-color:#58098f;color:#fff;padding:4px 12px;font-size:12px;font-weight:600;border-radius:20px;margin-bottom:16px}.article-title{font-size:3rem;line-height:1;font-weight:700;color:#58098f;margin-bottom:24px}.article-meta{display:flex;flex-wrap:wrap;gap:24px;color:#6b7280;margin-bottom:32px;font-size:14px}.article-meta-item{display:flex;align-items:center;gap:8px}.article-image-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;margin-bottom:32px}.article-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.article-body-wrapper{width:100%;background-color:#fff;padding:2rem 0}.article-body{max-width:768px;margin:0 auto;padding-top:1rem}.article-content{font-size:1.125rem;line-height:1.8}.article-share{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #ddd;display:flex;gap:1rem;align-items:center}.article-share-label{display:flex;gap:.5rem;align-items:center;font-weight:500;color:#58098f}.article-share-buttons{display:flex;gap:.5rem}.article-share-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ccc;border-radius:50%;background-color:#fff;transition:background-color .3s,transform .3s;cursor:pointer}.article-share-button:hover{transform:scale(1.05)}.article-share-button .article-share-button-icon{width:1rem;height:1rem;color:#1877f2}.article-two-columns{display:flex;flex-direction:column;gap:20px;max-width:768px;margin:auto}.article-column{flex:1}@media (min-width: 768px){.article-two-columns{flex-direction:row}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-blog-post.css.map */