.blog-listing{background:radial-gradient(ellipse at 80% 60%,#f1f6fc,transparent 60%),#f8fafc;color:#0b1533}.blog-listing section{border:0}.blog-listing .bl-hero{padding:130px 0 46px;background:linear-gradient(115deg,#f1f5f9,#eef5fc 75%,#e8f0f8);overflow:hidden}.bl-hero-inner{display:grid;grid-template-columns:1.55fr 1fr;align-items:center;gap:24px}.bl-eyebrow{font-size:13px;font-weight:650;letter-spacing:2px;color:#0660ff}.bl-hero-copy h1{font-size:clamp(32px,3.8vw,54px);line-height:1.12;letter-spacing:-1.7px;margin:22px 0 18px;font-weight:750;color:#08122d}.bl-hero-copy h1 span{color:#0861ff}.bl-hero-copy p{font-size:17px;line-height:1.6;color:#75849f;max-width:720px;margin:0}.bl-illustration{height:240px;position:relative}.bl-browser{position:absolute;left:15px;top:50px;width:255px;height:172px;background:#ffffffb8;border:8px solid #f8fbff;border-radius:12px;transform:rotate(-11deg);box-shadow:0 18px 35px #54749c26;padding:8px}.bl-dots{font-size:8px;color:#86bad7;letter-spacing:2px}.bl-browser-bar{height:24px;background:#e6edf7;border-radius:4px;margin:10px 0}.bl-browser-layout{display:grid;grid-template-columns:2fr 1fr;gap:12px}.bl-browser-layout>div{background:#edf3fb;border-radius:4px;padding:10px}.bl-browser-layout b{display:block;height:6px;background:#d9e6f9;margin:8px 0;width:90%}.bl-code,.bl-chart{position:absolute;display:grid;place-items:center;color:white;border-radius:12px;box-shadow:0 10px 22px #4590fb30}.bl-code{left:120px;top:-5px;background:linear-gradient(135deg,#147aff,#62abff);width:62px;height:62px;font-size:30px;transform:rotate(-3deg)}.bl-chart{right:35px;top:18px;background:linear-gradient(135deg,#91df8d,#49cf94);width:53px;height:53px;font-size:24px;transform:rotate(8deg)}.bl-note{position:absolute;right:0;bottom:0;background:#ffffffed;padding:22px;width:145px;border-radius:16px;transform:rotate(-6deg);font-size:16px;line-height:1.55;box-shadow:0 18px 30px #54749c20}.bl-note i{position:absolute;right:18px;top:18px;background:#2680ff;border:3px solid #dceaff;width:15px;height:15px;border-radius:50%}.blog-listing .bl-content{padding:24px 0 48px}.bl-toolbar{display:grid;grid-template-columns:2.2fr 1fr .9fr;gap:14px;margin-bottom:22px}.bl-search,.bl-select{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #d9e2ef;border-radius:8px;padding:0 16px;color:#536685;min-width:0;height:48px}.bl-toolbar input,.bl-toolbar select{width:100%;min-width:0;border:0;background:transparent;color:#17213c;font:inherit;font-size:13px;outline:none;height:100%}.bl-toolbar input::placeholder{color:#7c8aa1}.bl-search:focus-within,.bl-select:focus-within{outline:2px solid #0861ff;outline-offset:2px}.bl-layout{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(240px,1fr);gap:22px;align-items:start}.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.bl-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #e1e7f0;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #36578204;transition:box-shadow .2s,transform .2s}.bl-card[hidden]{display:none}.bl-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #36578214}.bl-image{display:block;position:relative;aspect-ratio:1.46;overflow:hidden;background:#e9eff6}.bl-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.bl-image>span{position:absolute;left:14px;bottom:0;border-radius:20px 20px 0 0;background:#edf5ffed;color:#005bff;padding:7px 14px;font-size:12px;font-weight:600;max-width:calc(100% - 28px)}.bl-card-body{padding:16px 17px;display:flex;flex-direction:column;flex:1}.bl-meta{display:flex;gap:20px;color:#687b99;font-size:11px;margin-bottom:12px;flex-wrap:wrap}.bl-meta i{margin-right:4px}.bl-card h2{font-size:18px;line-height:1.25;letter-spacing:-.5px;margin:0 0 10px;font-weight:700}.bl-card h2 a{color:#0b1533}.bl-card h2 a:hover{color:#0861ff}.bl-card p{color:#75849f;font-size:14px;line-height:1.5;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.bl-read{display:flex;align-items:center;gap:16px;color:#0b1533;font-size:13px;font-weight:650;margin-top:auto}.bl-read>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:linear-gradient(135deg,#cfe3ff,#eff6ff);color:#0964ff;font-size:23px}.bl-sidebar{display:grid;gap:24px}.bl-panel{padding:20px;background:#fff;border:1px solid #e1e7f0;border-radius:12px}.bl-panel h2{font-size:17px;line-height:1.3;letter-spacing:-.4px;margin:0 0 16px;color:#0b1533}.bl-categories{display:grid;gap:5px}.bl-categories button{display:flex;gap:12px;align-items:center;text-align:left;padding:9px 7px;border:0;border-radius:7px;background:transparent;color:#657696;font:inherit;font-size:12px;cursor:pointer;min-width:0}.bl-categories button i{width:17px;flex-shrink:0}.bl-categories button span{flex:1}.bl-categories small{display:grid;place-items:center;min-width:22px;height:22px;background:#f0f3f8;border-radius:50%;font-size:11px}.bl-categories button[aria-pressed=true]{background:#edf5ff;color:#0660ff;box-shadow:inset 3px 0 #0861ff}.bl-latest{display:grid;gap:18px}.bl-latest a{display:flex;gap:12px;font-size:12px;line-height:1.35;color:#0b1533}.bl-latest img{width:58px;height:62px;object-fit:cover;object-position:top;border-radius:7px;flex-shrink:0}.bl-latest time{display:block;color:#75849f;font-size:11px;margin-top:7px}.bl-panel.bl-contact{text-align:center;background:linear-gradient(120deg,#e8f3ff,#deedff);border-color:transparent;padding:25px 20px}.bl-mail{display:grid;place-items:center;width:52px;height:52px;background:#d9eaff;border-radius:16px;color:#0764ff;font-size:26px;margin:0 auto 15px}.bl-contact p{font-size:13px;line-height:1.6;color:#687b99;margin:0 0 20px}.bl-contact>a{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#0861ff;color:white;border-radius:8px;font-size:14px;font-weight:600}.bl-results{color:#75849f;text-align:center;font-size:12px;margin-top:24px}.bl-empty{padding:36px 20px;text-align:center;color:#657696}.blog-listing a:focus-visible,.blog-listing button:focus-visible{outline:2px solid #0861ff;outline-offset:3px}@media(min-width:1400px){.bl-image{aspect-ratio:1.5}}@media(max-width:1100px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-hero-inner{grid-template-columns:1.6fr 1fr}.bl-browser{width:220px;left:0}.bl-note{width:125px;padding:18px}.bl-hero-copy h1{font-size:40px}}@media(max-width:800px){.bl-layout{grid-template-columns:1fr}.bl-sidebar{grid-template-columns:1fr 1fr}.bl-contact{grid-column:1/-1}.bl-illustration{display:none}.bl-hero-inner{grid-template-columns:1fr}.bl-toolbar{grid-template-columns:1fr 1fr}.bl-search{grid-column:1/-1}.blog-listing .bl-hero{padding-top:115px}.bl-hero-copy p{font-size:16px}}@media(max-width:520px){.bl-grid,.bl-sidebar{grid-template-columns:1fr}.bl-hero-copy h1{font-size:34px;letter-spacing:-1px}.bl-toolbar{gap:10px}.bl-select{padding:0 10px;gap:8px}.bl-toolbar select{font-size:12px}.bl-image{aspect-ratio:1.65}.bl-card-body{padding:20px}.bl-card h2{font-size:21px}.bl-card p{font-size:15px}.bl-meta{font-size:12px}}@media(prefers-reduced-motion:reduce){.bl-card{transition:none}.bl-card:hover{transform:none}}
/* Styled filter menus; the native selects remain the source of filter values. */
.bl-select{position:relative}
.bl-select>select[hidden]{display:none}
.bl-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:100%;padding:0;border:0;background:transparent;color:#17213c;font:inherit;font-size:13px;text-align:left;cursor:pointer;min-width:0}
.bl-dropdown-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-dropdown-trigger>i{font-size:10px;color:#536685;transition:transform .18s}
.bl-select.is-open{border-color:#8cb8ff;box-shadow:0 0 0 3px #0861ff0d;z-index:20}
.bl-select.is-open .bl-dropdown-trigger>i{transform:rotate(180deg)}
.bl-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:100%;max-height:340px;overflow-y:auto;padding:6px;background:#fff;border:1px solid #dce6f4;border-radius:11px;box-shadow:0 14px 35px #29496a24;z-index:21;scrollbar-width:thin;scrollbar-color:#c4d7f3 transparent}
.bl-dropdown-menu[hidden]{display:none}
.bl-dropdown-menu>button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;border-radius:6px;padding:11px 10px;background:transparent;color:#536685;font:inherit;font-size:12px;line-height:1.45;text-align:left;cursor:pointer}
.bl-dropdown-menu>button:hover,.bl-dropdown-menu>button:focus-visible{background:#f1f6ff;color:#0861ff;outline:none}
.bl-dropdown-menu>button[aria-selected=true]{background:#eaf2ff;color:#075bfa;font-weight:600}
.bl-dropdown-menu>button[aria-selected=true]::after{content:'✓';font-size:14px;flex-shrink:0}
@media(max-width:520px){.bl-dropdown-trigger{font-size:12px;gap:6px}.bl-dropdown-menu>button{padding:11px 8px}}
@media(prefers-reduced-motion:reduce){.bl-dropdown-trigger>i{transition:none}}
@media(max-width:800px){
 .bl-sidebar .bl-category-panel{display:none}
 .bl-sidebar{grid-template-columns:1fr}
}
/* Show the complete article artwork without cropping or tiling. */
.blog-listing .bl-image,.blog-listing .bl-latest a{background-repeat:no-repeat}
.blog-listing .bl-image img,.blog-listing .bl-latest img{object-fit:contain;object-position:center;background:#f1f5fa;background-repeat:no-repeat}