.vx-blog-design { color: #171d23; margin-block-start: 0; }
.vx-blog-design > section { margin-block: 0; padding: 60px max(44px,calc((100% - 1352px)/2)); }
.vx-blog-design h1,.vx-blog-design h2 { font-size: clamp(28px,3.34vw,48px); font-weight: 600; line-height: 1.3; letter-spacing: -.025em; margin: 0 0 28px; }
.vx-blog-design p { font-size: 18px; line-height: 1.6; color: #70777d; margin: 0; }
.vx-blog-design .vx-blog-eyebrow { font-size: 20px; color: #065bdc; font-weight: 600; letter-spacing: .03em; margin-bottom: 22px; }
.vx-blog-intro { display: grid; grid-template-columns: .82fr 1.18fr; gap: 60px; align-items: center; background: radial-gradient(ellipse at 20% 0%,#b7e4fa,transparent 48%),radial-gradient(ellipse at 95% 100%,#c5e8fc,transparent 40%),#fafafa; }
.vx-blog-intro > img { display: block; width: 100%; height: auto; aspect-ratio: 780/497; object-fit: cover; border-radius: 10px; }
.vx-blog-search { display: flex; align-items: center; border: 1px solid #51575e; border-radius: 7px; margin-top: 38px; max-width: 450px; background: #ffffff66; }
.vx-blog-search button { background: none; border: 0; padding: 14px 16px; cursor: pointer; color: #343b43; }
.vx-blog-search svg { width: 20px; height: 20px; display: block; }
.vx-blog-search input { width: 100%; min-width: 0; background: transparent; border: 0; padding: 14px 12px 14px 0; font: inherit; font-size: 16px; color: #252c33; }
.vx-blog-search:focus-within { outline: 2px solid #075bdc; outline-offset: 3px; }
.vx-blog-design a:focus-visible,.vx-blog-design button:focus-visible { outline: 3px solid #075bdc; outline-offset: 4px; }
.vx-blog-featured { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.vx-blog-featured img { width: 100%; height: auto; aspect-ratio: 625/450; object-fit: cover; display: block; }
.vx-blog-featured-label { display: flex; gap: 16px; align-items: center; margin-bottom: 26px; text-transform: uppercase; letter-spacing: .1em; font-size: 11px; color: #7c858d; }
.vx-blog-featured-label strong { padding: 6px 12px; background: #e9edf2; color: #414a55; }
.vx-blog-featured h2 { font-size: 32px; margin-bottom: 24px; }
.vx-blog-featured h2 a,.vx-blog-articles h3 a { color: inherit; }
.vx-blog-featured-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 34px; font-size: 16px; }
.vx-blog-featured-bottom span { color: #8a939b; }
.vx-blog-featured-bottom a { color: #00a5dc; }
.vx-blog-design .vx-blog-listing { padding-top: 0; padding-bottom: 64px; border-top: 1px solid #edf0f4; scroll-margin-top: 90px; }
.vx-blog-categories { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #e5e9ef; padding: 24px 0; overflow-x: auto; }
.vx-blog-categories a { color: #717980; white-space: nowrap; font-size: 18px; padding: 4px 0; border-bottom: 2px solid transparent; }
.vx-blog-categories a[aria-current] { color: #075bdc; border-bottom-color: #075bdc; }
.vx-blog-listing > header { margin: 56px 0 48px; }
.vx-blog-listing > header .vx-blog-eyebrow { margin-bottom: 10px; }
.vx-blog-listing > header h2 { margin: 0; }
.vx-blog-articles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px 24px; }
.vx-blog-articles article { min-width: 0; }
.vx-blog-articles article[hidden] { display: none; }
.vx-blog-article-image img { display: block; width: 100%; height: auto; aspect-ratio: 434/237; object-fit: cover; border-radius: 8px; }
.vx-blog-articles .vx-blog-article-category { font-size: 11px; color: #075ce0; text-transform: uppercase; font-weight: 700; letter-spacing: .06em; margin: 24px 0 12px; }
.vx-blog-articles h3 { font-size: 22px; line-height: 1.3; font-weight: 600; margin: 0 0 12px; }
.vx-blog-articles .vx-blog-article-excerpt { font-size: 16px; line-height: 1.5; margin-bottom: 18px; }
.vx-blog-articles time { color: #8a929a; font-size: 12px; }
.vx-blog-more { text-align: center; margin-top: 48px; }
.vx-blog-more button { background: #0755d3; color: white; font-size: 16px; border: 0; border-radius: 4px; padding: 16px 26px; cursor: pointer; }
.vx-blog-more button[hidden],.vx-blog-status[hidden] { display: none; }
.vx-blog-listing .vx-blog-status { margin: 0 0 24px; font-size: 16px; }
body:has(.vx-blog-design) .vx-footer { background: linear-gradient(#e3efff,#fff); border: 0; }
body:has(.vx-blog-design) .vx-footer-title,body:has(.vx-blog-design) .vx-footer-link,body:has(.vx-blog-design) .vx-footer-brand p,body:has(.vx-blog-design) .vx-footer-bottom { color: #475461; }
body:has(.vx-blog-design) .vx-footer-bottom { border-color: #dae4f0; }
body:has(.vx-blog-design) .vx-footer-brand > a img { filter: none !important; }
body:has(.vx-blog-design) .wp-site-blocks > footer { margin-block-start: 0; }
@media(max-width:1100px) { .vx-blog-intro,.vx-blog-featured { gap: 32px; } .vx-blog-categories { justify-content: flex-start; } .vx-blog-articles h3 { font-size: 20px; } }
@media(max-width:760px) { .vx-blog-design > section { padding: 40px 20px; } .vx-blog-intro,.vx-blog-featured { grid-template-columns: 1fr; gap: 32px; } .vx-blog-design h1 br { display: none; } .vx-blog-design .vx-blog-eyebrow { font-size: 14px; margin-bottom: 16px; } .vx-blog-design p { font-size: 16px; } .vx-blog-featured h2 { font-size: 26px; } .vx-blog-featured-bottom { font-size: 14px; } .vx-blog-categories a { font-size: 15px; } .vx-blog-listing > header { margin-block: 32px; } .vx-blog-articles { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 18px; } .vx-blog-articles h3 { font-size: 18px; } .vx-blog-articles .vx-blog-article-excerpt { font-size: 14px; } }
@media(max-width:480px) { .vx-blog-articles { grid-template-columns: 1fr; } }