.blog-posts__container{display:flex;flex-direction:column;gap:32px;padding-top:var(--io-section-py);padding-bottom:var(--io-section-py)}@media (min-width:1024px){.blog-posts__container{gap:64px}}.blog-posts__header{display:flex;flex-direction:column;gap:16px;width:100%}@media (min-width:768px){.blog-posts__header{flex-direction:row;align-items:center;gap:4px}}@media (min-width:1240px){.blog-posts__header{gap:32px}}.blog-posts__tabs{display:flex;align-items:center;gap:0;flex:1 1 0%;min-width:0;border-bottom:1px solid var(--io-border-dark);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative}.blog-posts__tabs::-webkit-scrollbar{display:none}.blog-posts__tabs::after{content:'';width:48px;height:48px;align-self:stretch;aspect-ratio:1 / 1;background:linear-gradient(270deg,#F4F5F6 0%,#fff0 100%);position:absolute;position:sticky;right:0}.blog-posts__tab{flex-shrink:0;padding:12px 24px;border-bottom:2px solid #fff0;font-family:var(--io-font-body);font-weight:600;font-size:16px;color:var(--io-muted);text-decoration:none;white-space:nowrap;transition:color 0.15s ease,border-color 0.15s ease}.blog-posts__tab:hover{color:var(--io-ink);border-bottom-color:var(--io-highlight)}.blog-posts__tab--active{border-bottom-color:var(--io-highlight);color:var(--io-ink)}.blog-posts__search{display:flex;align-items:center;gap:8px;width:100%;max-width:480px;min-width:256px;background:var(--io-bg);border:1px solid var(--io-border);border-radius:var(--io-radius-btn);height:48px;padding:12px 16px;padding-right:4px}.blog-posts__search-input{flex:1 1 0%;min-width:0;border:none;background:#fff0;padding:8px 12px;font-family:var(--io-font-body);font-size:16px;color:var(--io-body)}.blog-posts__search-input:focus{outline:none}.blog-posts__search-input::placeholder{color:var(--io-muted)}.blog-posts__search-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border-radius:var(--io-radius-full);background:#fff0;border:none;cursor:pointer;flex-shrink:0}.blog-posts__search-btn .icon{width:24px;height:24px}@media (min-width:768px){.blog-posts__search{max-width:280px}}.blog-posts__grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%}@media (min-width:768px){.blog-posts__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1240px){.blog-posts__grid{grid-template-columns:repeat(3,1fr)}}.blog-posts__card{display:flex;flex-direction:column;gap:8px;width:100%;padding:8px;background:var(--io-bg);border:1px solid var(--io-border);border-radius:var(--io-radius-card);color:inherit;text-decoration:none;transition:border-color 0.2s ease}.blog-posts__card:hover,.blog-posts__card:focus-visible{border-color:var(--io-primary)}.blog-posts__card:hover .blog-posts__title,.blog-posts__card:focus-visible .blog-posts__title{color:var(--io-primary-dark)}.blog-posts__card-media{position:relative;display:flex;align-items:flex-start;width:100%;aspect-ratio:4 / 3;padding:8px;border-radius:24px;overflow:hidden;background:var(--io-surface)}.blog-posts__card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blog-posts__tag{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:16px;background:var(--io-bg);font-family:var(--io-font-body);font-weight:700;font-size:14px;line-height:1.125;color:var(--io-primary-dark)}.blog-posts__card-body{display:flex;flex-direction:column;gap:16px;width:100%;padding:16px}.blog-posts__meta{display:flex;gap:16px;width:100%;font-family:var(--io-font-body);font-size:14px;line-height:1.125;color:var(--io-muted)}.blog-posts__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;width:100%;transition:color 0.2s ease}.blog-posts__author{display:flex;align-items:center;gap:16px;width:100%;padding:0 16px 16px}.blog-posts__avatar{flex-shrink:0;width:48px;height:48px;border-radius:var(--io-radius-btn);object-fit:cover}.blog-posts__author-name{color:var(--io-body)}.blog-posts__card--guide{position:relative;overflow:hidden;justify-content:space-between;gap:16px;padding:32px;background:var(--io-brand);border:none;color:#fff}.blog-posts__card--guide .icon{position:absolute;right:-50px;top:45%;transform:translateY(-50%);width:240px;height:120%;opacity:.6;pointer-events:none}.blog-posts__card--guide .icon svg{height:100%;width:100%}.blog-posts__guide-texts{position:relative;display:flex;flex-direction:column;gap:32px}.blog-posts__guide-heading{color:#fff;font-size:48px}.blog-posts__guide-text{color:var(--io-border-dark);font-family:var(--io-font-body);font-weight:500;font-size:20px;margin:0}.blog-posts__guide-embed{position:relative;width:100%}.blog-posts__guide-embed .blog-posts__guide-row{display:flex;flex-wrap:wrap;gap:8px;width:100%}.blog-posts__guide-embed .wpcf7-form-control-wrap{display:flex;flex-direction:column;flex:1 1 0%;min-width:160px}.blog-posts__guide-embed .wpcf7-form-control{background:var(--io-surface);border:1px solid var(--io-border);border-radius:var(--io-radius-btn);height:48px;padding:10px 16px;font-family:var(--io-font-body);font-size:16px;color:var(--io-ink)}.blog-posts__guide-embed .wpcf7-form-control::placeholder{color:var(--io-muted)}.blog-posts__guide-embed input[type="email"].wpcf7-form-control,.blog-posts__guide-embed input[type="text"].wpcf7-form-control{width:100%;min-width:0}.blog-posts__guide-embed input[type="submit"].wpcf7-form-control{flex-shrink:0;width:auto;background:var(--io-primary);color:#fff;font-weight:600;cursor:pointer;border:none;transition:background-color 0.15s ease}.blog-posts__guide-embed input[type="submit"].wpcf7-form-control:hover{background:var(--io-primary-dark)}.blog-posts__guide-embed .wpcf7-not-valid-tip{font-size:13px;color:var(--io-red);color:var(--io-yellow);margin-top:4px;width:100%}.blog-posts__guide-embed .wpcf7-response-output{border-radius:var(--io-radius-btn);font-size:14px;margin:0;width:100%}.blog-posts__card--guide .wpcf7 form.invalid .wpcf7-response-output{display:none}@media (min-width:1240px){.blog-posts__guide-texts{margin-top:0;transition:all 0.4s ease}.blog-posts__card--guide:hover .blog-posts__guide-texts{margin-top:32px}.blog-posts__card--guide .icon{top:-20%;right:-10%;height:140%;width:60%;transform:none;transition:all 0.4s ease}.blog-posts__card--guide .icon svg{height:100%;width:auto;object-fit:contain}.blog-posts__card--guide:hover .icon{top:-40%;height:180%}}.blog-posts__bottom{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column-reverse;gap:32px;width:100%}.blog-posts__pagination{display:flex;flex-wrap:wrap;align-items:center;gap:0}.blog-posts__pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:12px;border-radius:var(--io-radius-btn);font-family:var(--io-font-body);font-weight:600;font-size:16px;color:var(--io-primary-dark);text-decoration:none}.blog-posts__pagination .page-numbers.current{color:var(--io-muted)}.blog-posts__pagination .page-numbers.dots{color:var(--io-muted)}.blog-posts__pagination .page-numbers.prev,.blog-posts__pagination .page-numbers.next{background:var(--io-primary);color:#fff}.blog-posts__pagination .page-numbers.prev.disabled,.blog-posts__pagination a.page-numbers.prev:not([href]),.blog-posts__pagination .page-numbers.next.disabled{background:#e2e6ec;color:var(--io-muted);pointer-events:none}.blog-posts__pagination .icon{width:24px;height:24px}@media (min-width:768px){.blog-posts__bottom{flex-direction:row;align-items:center}}.blog-posts__load-more[hidden]{display:none}