.q4-blog-listing-section{background-color:#01010a;padding:60px 0 80px}.q4-blog-listing-inner{align-items:start;display:grid;gap:60px;grid-template-columns:1fr 300px;margin:0 auto;max-width:1280px;padding:0 40px}.q4-blog-controls{margin-bottom:40px}.q4-blog-search-wrap{margin-bottom:24px}.q4-blog-search{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:6px;color:#fff;font-family:inherit;font-size:15px;max-width:480px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.q4-blog-search::placeholder{color:hsla(0,0%,100%,.35)}.q4-blog-search:focus{border-color:#006add}.q4-blog-tag-pills{display:flex;flex-wrap:wrap;gap:8px}.q4-tag-pill{border:1px solid hsla(0,0%,100%,.18);border-radius:100px;color:hsla(0,0%,100%,.7);display:inline-block;font-size:13px;font-weight:500;padding:6px 14px;text-decoration:none;transition:all .2s;white-space:nowrap}.q4-tag-pill:hover{background:rgba(0,106,221,.12);border-color:#006add;color:#fff}.q4-tag-pill.is-active{background:#006add;border-color:#006add;color:#fff}.q4-blog-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.q4-blog-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s,transform .2s}.q4-blog-card:hover{border-color:rgba(0,106,221,.4);transform:translateY(-2px)}.q4-blog-card__img-wrap{aspect-ratio:16/9;display:block;overflow:hidden}.q4-blog-card__img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.q4-blog-card:hover .q4-blog-card__img{transform:scale(1.03)}.q4-blog-card__img-wrap--placeholder{background:hsla(0,0%,100%,.06)}.q4-blog-card__img-placeholder{background:linear-gradient(135deg,rgba(0,106,221,.15),rgba(69,51,238,.15));height:100%;width:100%}.q4-blog-card__body{display:flex;flex:1;flex-direction:column;padding:20px}.q4-blog-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.q4-blog-card__tag{background:rgba(0,106,221,.12);border-radius:4px;color:#006add;font-size:11px;font-weight:600;letter-spacing:.04em;padding:3px 8px;text-decoration:none;text-transform:uppercase;transition:background .2s}.q4-blog-card__tag:hover{background:rgba(0,106,221,.25)}.q4-blog-card__title{color:#fff;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 10px}.q4-blog-card__title a{color:inherit;text-decoration:none;transition:color .2s}.q4-blog-card__title a:hover{color:#006add}.q4-blog-card__excerpt{color:hsla(0,0%,100%,.55);flex:1;font-size:14px;line-height:1.6;margin:0 0 16px}.q4-blog-card__meta{margin-top:auto}.q4-blog-card__date{color:hsla(0,0%,100%,.35);font-size:12px}.q4-blog-empty{color:hsla(0,0%,100%,.45);font-size:16px;padding:60px 0;text-align:center}.q4-blog-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:56px}.q4-pagination-btn{align-items:center;border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:hsla(0,0%,100%,.7);display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 18px;text-decoration:none;transition:all .2s}.q4-pagination-btn:hover{background:rgba(0,106,221,.12);border-color:#006add;color:#fff}.q4-pagination-num{align-items:center;border:1px solid hsla(0,0%,100%,.12);border-radius:6px;color:hsla(0,0%,100%,.6);display:flex;font-size:14px;height:36px;justify-content:center;text-decoration:none;transition:all .2s;width:36px}.q4-pagination-num.is-active,.q4-pagination-num:hover{border-color:#006add;color:#fff}.q4-pagination-num.is-active{background:#006add;font-weight:600}.q4-pagination-ellipsis{color:hsla(0,0%,100%,.3);font-size:14px;padding:0 4px}.q4-blog-sidebar{position:sticky;top:100px}.q4-sidebar-block{margin-bottom:40px}.q4-sidebar-block__heading{border-bottom:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.45);font-size:13px;font-weight:700;letter-spacing:.08em;margin:0 0 16px;padding-bottom:10px;text-transform:uppercase}.q4-sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}.q4-sidebar-tag{border:1px solid hsla(0,0%,100%,.15);border-radius:100px;color:hsla(0,0%,100%,.65);display:inline-block;font-size:12px;font-weight:500;padding:5px 12px;text-decoration:none;transition:all .2s}.q4-sidebar-tag.is-active,.q4-sidebar-tag:hover{background:rgba(0,106,221,.15);border-color:#006add;color:#fff}.q4-sidebar-list{list-style:none;margin:0;padding:0}.q4-sidebar-list__item{border-bottom:1px solid hsla(0,0%,100%,.06);padding:10px 0}.q4-sidebar-list__item:last-child{border-bottom:none}.q4-sidebar-list__link{color:hsla(0,0%,100%,.65);display:block;font-size:14px;line-height:1.4;text-decoration:none;transition:color .2s}.q4-sidebar-list__link:hover{color:#006add}@media (max-width:1100px){.q4-blog-listing-inner{gap:48px;grid-template-columns:1fr}.q4-blog-sidebar{display:grid;gap:32px;grid-template-columns:repeat(2,1fr);position:static}}@media (max-width:860px){.q4-blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.q4-blog-listing-inner{padding:0 20px}.q4-blog-grid,.q4-blog-sidebar{grid-template-columns:1fr}.q4-blog-tag-pills{gap:6px}.q4-tag-pill{font-size:12px;padding:5px 11px}}