.blog-listing{background:#fff;padding:140px 0 var(--space-section)}.blog-listing-inner{max-width:var(--site-max-w);margin:0 auto;padding:0 var(--site-pad-x)}.blog-listing-header{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:14px}.blog-listing-header h1,.blog-listing-header h2{color:var(--clr-text)}.blog-listing-sub{font-size:var(--section-p);font-weight:var(--section-p-weight);line-height:1.7;color:#374151;margin:0 auto;max-width:640px;text-align:center}.blog-listing-empty{text-align:center;color:#64748b;padding:40px 0}.blog-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:36px}.blog-search.ifp-faq-search{margin:0;max-width:none;flex:1 1 320px}.blog-filter-select{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.blog-filter-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-pill);padding:14px 42px 14px 22px;font-family:var(--p-font, 'Inter', sans-serif);font-size:14px;font-weight:600;color:var(--clr-text);box-shadow:0 8px 24px rgba(15,23,42,.05);cursor:pointer;outline:0;transition:border-color .2s ease}.blog-filter-select select:focus-visible,.blog-filter-select select:hover{border-color:var(--primary)}.blog-filter-select [data-lucide]{position:absolute;right:16px;width:18px;height:18px;stroke:#94A3B8;pointer-events:none}.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}.blog-main{min-width:0}.blog-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:72px;max-height:calc(100vh - 88px);overflow-y:auto}.blog-sidebar-section{background:#fff;border:1px solid #e8eef4;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}.blog-sidebar-title{font-family:var(--h-font, 'Sora', sans-serif);font-size:13px;font-weight:700;color:#0a0f1e;text-transform:uppercase;letter-spacing:1px;margin:0}.blog-sidebar-item{display:flex;align-items:flex-start;gap:12px;text-decoration:none;border-radius:10px;padding:4px;margin:-4px;transition:background .2s ease}.blog-sidebar-item:hover{background:#f8fafc}.blog-sidebar-item:hover .blog-sidebar-item-title{color:var(--primary)}.blog-sidebar-thumb{flex-shrink:0;width:56px;height:56px;border-radius:8px;overflow:hidden;background:#f1f5f9}.blog-sidebar-thumb img{width:100%;height:100%;object-fit:cover;display:block}.blog-sidebar-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.blog-sidebar-date{font:11px ui-monospace,Menlo,monospace;color:#94a3b8}.blog-sidebar-item-title{font-family:var(--h-font, 'Sora', sans-serif);font-size:13.5px;font-weight:600;line-height:1.35;color:#1e293b;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap,28px)}.blog-filter-empty{text-align:center;color:#64748b;padding:30px 0}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px}.blog-pagination[hidden]{display:none}.blog-page-btn,.blog-page-num{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 6px;border:1px solid #e8ecf2;background:#fff;border-radius:10px;font-family:var(--p-font, 'Inter', sans-serif);font-size:13.5px;font-weight:600;color:#475569;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.blog-page-btn [data-lucide]{width:16px;height:16px;stroke:currentColor}.blog-page-btn:hover:not(:disabled),.blog-page-num:hover:not(.is-active){background:#f1f5f9;border-color:#dbe2ea}.blog-page-btn:disabled{opacity:.4;cursor:not-allowed}.blog-page-numbers{display:flex;gap:8px}.blog-page-num.is-active{background:var(--cta-bg);border-color:transparent;color:#fff}@media (max-width:1180px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.blog-layout{grid-template-columns:1fr;gap:32px}.blog-sidebar{position:static;max-height:none;overflow-y:visible;flex-direction:row;flex-wrap:wrap}.blog-sidebar-section{flex:1 1 260px}}@media (max-width:640px){.blog-toolbar{flex-direction:column;align-items:stretch}.blog-search.ifp-faq-search{flex:1 1 auto}.blog-filter-select,.blog-filter-select select{width:100%}.blog-grid{grid-template-columns:1fr;gap:18px}.blog-listing-header{margin-bottom:32px}.blog-listing{padding-top:110px}.blog-sidebar{flex-direction:column}}