.diy-blog{--diy-blue:#0047ff;--diy-navy:#15204b}
.diy-blog .title--primary{margin:0 0 36px;padding:30px 32px;border-radius:20px;background:var(--diy-blue);color:#fff;font-weight:800;box-shadow:0 5px 0 #0035c4;font-size:clamp(30px,4vw,48px);line-height:1.1}
.diy-blog .blog-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.diy-blog .blog-articles__article{grid-column:auto;min-width:0}
.diy-blog .article-card{height:100%;border:1px solid #d9e3ff;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 5px 0 #dfe7ff;--color-foreground:21,32,75}
.diy-blog .card__inner{background:var(--diy-blue);height:250px;--ratio-percent:0%!important}
.diy-blog .card__inner:before{display:none}
.diy-blog .card__media{position:absolute;inset:0!important;margin:0;width:100%!important;border-radius:0}
.diy-blog .card__media,.diy-blog .article-card__image{background:#0047ff}
.diy-blog .article-card__image{height:100%;padding:0!important}
.diy-blog .article-card__image img{object-fit:contain!important;object-position:center!important;width:100%;height:100%;padding:20px;transform:none!important}
.diy-blog .card__inner>.card__content{display:none}
.diy-blog .card__content{padding:0!important}
.diy-blog .card__information{padding:22px!important;text-align:left}
.diy-blog .card__heading{font-size:21px;line-height:1.3;font-weight:800;color:var(--diy-navy)}
.diy-blog .card__heading a:after{border-radius:20px}
.diy-blog .article-card__info{margin-top:14px;color:#4d5b85;font-size:13px;letter-spacing:0}
.diy-blog .pagination-wrapper{margin-top:42px}
.diy-blog .pagination__item--current{color:var(--diy-blue);font-weight:800}
.diy-blog-article .article-template__hero-container{max-width:900px;margin:28px auto 36px;padding:0 24px}
.diy-blog-article .article-template__hero-container>.media{height:360px;padding-bottom:0!important;border-radius:20px;background:#0047ff;box-shadow:0 5px 0 #0035c4}
.diy-blog-article .article-template__hero-container img{object-fit:contain!important;padding:22px}
.diy-blog-article .article-template__title{color:#15204b;overflow-wrap:anywhere}
.diy-blog-article .article-template__content{color:#15204b}
@media(max-width:989px){.diy-blog .blog-articles{grid-template-columns:repeat(2,minmax(0,1fr))}.diy-blog .card__inner{height:230px}}
@media(max-width:599px){.diy-blog .title--primary{padding:26px 22px;margin-bottom:26px;border-radius:16px}.diy-blog .blog-articles{grid-template-columns:minmax(0,1fr);gap:26px}.diy-blog .card__inner{height:240px}.diy-blog .card__information{padding:20px!important}.diy-blog-article .article-template__hero-container{padding:0 20px}.diy-blog-article .article-template__hero-container>.media{height:260px}}