.featured{flex-direction:column;align-items:center;max-width:1120px;margin:40px auto;padding:0 16px;display:flex}.featured h2{text-align:left;color:var(--text-1);font-size:28px;font-weight:600;line-height:var(--line-height-tight);margin-bottom:40px}.featured-grid{grid-template-columns:repeat(3,352px);justify-content:space-between;gap:32px;display:grid}.load-more-wrapper{justify-content:center;margin-top:48px;display:flex}@media (max-width:1100px){.featured-grid{grid-template-columns:repeat(2,352px);justify-content:center}}@media (max-width:768px){.featured{align-items:center;margin-bottom:120px}.featured h2{text-align:left;width:350px;height:16px;color:var(--text-1);margin:0 auto 16px;font-size:14px;font-weight:500;line-height:100%}.featured-grid{grid-template-columns:352px;justify-content:center}}
.blog-card{background:var(--white);border:1px solid var(--grey-1);cursor:pointer;border-radius:20px;flex-direction:column;gap:16px;width:352px;padding:20px;transition:box-shadow .25s;display:flex}.blog-card:hover{box-shadow:0 10px 24px #0000001f}.blog-card__image-wrapper{border-radius:14px;width:312px;height:180px;position:relative;overflow:hidden}.blog-card__image{object-fit:cover;width:100%;height:100%;display:block}.blog-card__content{flex-direction:column;gap:6px;width:312px;display:flex}.blog-card__content h3{font-size:16px;font-weight:600;line-height:var(--line-height-tight);color:var(--text-1);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.blog-card__title-link{color:inherit;text-decoration:none}.blog-card__title-link:hover{color:inherit}.blog-card__content p{color:var(--text-2);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:150%;display:-webkit-box;overflow:hidden}.blog-card__meta{width:100%;color:var(--text-1);justify-content:space-between;align-items:center;font-size:12px;display:flex}.blog-card__meta-author{align-items:center;gap:6px;min-width:0;display:inline-flex}.blog-card__meta .author-name{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.blog-card__meta .author-date{white-space:nowrap;margin-left:8px}.blog-card__meta img{border-radius:50%;width:18px;height:18px}.blog-card__author-initial{background:var(--primary-pastel);width:18px;height:18px;color:var(--primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.blog-card__stats{justify-content:space-between;align-items:center;width:100%;font-size:12px;display:flex}.blog-card__meta-rating{color:var(--text-1);white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:inline-flex}.blog-card__rating-count{color:var(--text-2);font-weight:500}.blog-card__view-count,.blog-card__download-count{color:var(--text-2);white-space:nowrap;align-items:center;gap:4px;font-weight:500;display:inline-flex}.blog-card__btn-wrap{margin-top:auto}.blog-card__btn{background:var(--primary-pastel);width:312px;height:40px;color:var(--primary);cursor:pointer;border:none;border-radius:35px;justify-content:space-between;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;transition:background .25s,color .25s;display:flex}.blog-card__btn img{width:16px;transition:filter .25s}.blog-card__btn:hover{background:var(--primary);color:var(--white)}.blog-card__btn:hover img{filter:brightness(0)invert()}@media (max-width:768px){.blog-card{box-sizing:border-box;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:350px;margin:0 auto;padding:16px;display:flex}.blog-card__image-wrapper{border-radius:12px;width:100%;height:180px}.blog-card__content{width:100%}.blog-card__content h3{-webkit-line-clamp:2;line-clamp:2;font-size:14px;font-weight:600;line-height:140%}.blog-card__content p{-webkit-line-clamp:2;line-clamp:2;font-size:12px;line-height:150%}.blog-card__meta{width:100%;font-size:10px}.blog-card__meta .author-name{max-width:100px}.blog-card__stats{width:100%;font-size:10px}.blog-card__meta-rating,.blog-card__view-count,.blog-card__download-count{font-size:10px}.blog-card__btn-wrap{margin-top:0}}
.read-more-btn{background:var(--primary-pastel);cursor:pointer;border:none;border-radius:35px;justify-content:space-between;align-items:center;width:312px;height:40px;padding:10px 20px;transition:background .25s;display:flex}.read-more-text{font-family:var(--font-family-base);color:var(--primary);white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:14px;font-weight:500;line-height:100%;overflow:hidden}.read-more-btn img{transition:filter .25s}.read-more-btn:hover{background:var(--primary)}.read-more-btn:hover .read-more-text{color:var(--white)}.read-more-btn:hover img{filter:brightness(0)invert()}
.load-more-btn{background:var(--primary);width:187px;height:40px;color:var(--white);font-size:14px;font-weight:500;line-height:var(--line-height-normal);font-family:var(--font-family-base);cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;gap:10px;margin-bottom:120px;padding:10px 40px;transition:background .25s;display:inline-flex}.load-more-btn img{flex-shrink:0;width:18px;height:18px}.load-more-btn:hover{background:var(--primary-hover)}
