.article{background:#f7f8fa}.article-green-badge{color:#155724;background-color:#d4edda;border-radius:50rem;padding:4px 12px;font-size:12px}.article-red-badge{color:#721c24;background-color:#f8d7da;border-radius:50rem;padding:4px 12px;font-size:12px}.article-yellow-badge{color:#856404;background-color:#fff3cd;border-radius:50rem;padding:4px 12px;font-size:12px}.article-content{padding:24px 20px;display:flex;flex-direction:column;gap:40px}.article-grid{display:grid;grid-template-columns:900px 1fr;gap:24px}.article-main{display:flex;flex-direction:column;gap:24px;border:1px solid #E2E6EA;border-radius:6px;padding:24px;background:#fff}.article-main img{width:100%;height:auto;object-fit:cover;margin:8px 0}.article-meta{color:var(--text-color-3)}.article-author{font-weight:600;color:var(--primary-color);text-transform:uppercase}.article-header{display:flex;flex-direction:column;gap:8px;background:#fff}.article-header h3{font-size:24px}.article-body{display:flex;flex-direction:column;gap:12px;line-height:2;background:#fff;color:#374151}.article-body h2{font-size:18px;margin:8px 0 0}.article-body h5{font-size:20px}.article-body strong{font-size:15px}.article-body ul{display:flex;flex-direction:column;gap:8px}.article-body ul li{padding:8px 16px;border-radius:4px;border:1px solid #E2E6EA;background:#f7f8fa;line-height:1.5}.article-body ol{padding-left:20px}.article-body img{margin:20px 0}.article-body a{color:var(--primary-color);text-decoration:underline}.article-body hr{border:none}.article-table-container{overflow-x:auto;width:100%}.article-body table{width:max-content;min-width:100%;border:1px solid #ccc;border-collapse:collapse}.article-body table th,.article-body table td{border:1px solid #ccc;padding:8px 16px;text-align:left;font-size:12px}.article-body table th{background-color:var(--primary-color);color:#fff;font-weight:500}.article-content-section{overflow:hidden;border:1px solid #E2E6EA;border-radius:4px}.article-content-section h2{background-color:#e3f1ed;color:var(--primary-color);padding:12px 16px;margin:0}.article-content-section h2 span{margin-right:4px}.article-content-section-main{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.article-cta{padding:20px;background-image:url(images-green-background.jpg);background-position:center 60%;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:#fff;border-radius:15px;margin:20px 0}.article-cta p{max-width:600px}.article-cta a{color:#fff;text-decoration:none;padding:8px;max-width:max-content}.article-pagination{display:flex;justify-content:space-between;gap:20px}.article-pagination h4{color:var(--primary-color);font-size:16px;font-weight:400}.article-pagination h5{color:#9ca3af;font-size:12px;font-weight:400}.article-pagination span{width:30px;height:30px;border-radius:50%;border:1px solid #C4E4DC;background:#e5fff9;display:flex;align-items:center;justify-content:center}.article-pagination-previous{display:grid;grid-template-columns:30px 1fr;max-width:40%;gap:12px;align-items:center}.article-pagination-next{display:grid;grid-template-columns:1fr 30px;max-width:40%;gap:12px;text-align:right;align-items:center}.comments{padding:20px 0}.comments-title{display:flex;align-items:center;gap:8px}.comments-form{border-radius:6px;border:1px solid #E2E6EA;background:#f5f5f5;padding:20px}.comments-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comments-form label{display:flex;flex-direction:column;gap:8px}.comments-form input,.comments-form textarea{padding:12px 16px;width:100%;border-radius:10px;border:2px solid #E3E5EA;background:#f5f5f5}.comments-form form,.comments-form-inner{display:flex;flex-direction:column;gap:16px}.comments-form button{width:max-content;min-width:max-content;padding:10px 20px;font-size:14px}.comments-info{color:var(--text-color-3)}.comments-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}@media(max-width:1200px){.article-grid{grid-template-columns:100%}}@media(max-width:768px){.article-pagination{flex-direction:column;gap:12px}.article-pagination-previous,.article-pagination-next{max-width:100%;grid-template-columns:30px 1fr;text-align:left}.article-pagination-next span{order:-1}.comments-form-row{grid-template-columns:1fr}.comments-footer{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/732/assets/stylesheets-blog-article.css.map */