.ela-archive{background:#f7faff;color:#092c55}.ela-shell{width:min(1180px,calc(100% - 48px));margin:auto}.ela-hero{background:linear-gradient(105deg,#eef8ff,#e1f1fc);overflow:hidden}.ela-heroin{min-height:355px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center}.ela-kicker{display:block;font-size:13px;font-weight:800;letter-spacing:.08em;color:#1667a7;margin-bottom:14px}.ela-hero h1{font-size:44px;line-height:1.02;margin:0 0 15px;letter-spacing:-.035em;color:#082d58}.ela-hero h1 em{font-style:normal;color:#ff6b2c}.ela-hero p{font-size:17px;line-height:1.45;max-width:620px;margin:0 0 22px}.ela-tabs{display:flex;gap:14px}.ela-tabs a{min-width:190px;padding:14px 22px;border-radius:999px;background:#052f5d;color:#fff;text-decoration:none;text-align:center;font-weight:750}.ela-tabs .light{background:#fff;color:#092c55}.ela-desk{height:100%;position:relative}.ela-note{position:absolute;left:13%;top:23%;font:italic 18px/1.15 cursive;color:#1a67a2;transform:rotate(-7deg)}.ela-laptop{position:absolute;width:270px;height:160px;right:11%;bottom:42px;background:#26384b;border-radius:8px;transform:rotate(-3deg);box-shadow:0 18px 35px #14365540}.ela-laptop:after{content:"";position:absolute;left:-28px;right:-28px;height:13px;bottom:-13px;background:#b9c3cc;border-radius:2px 2px 10px 10px}.ela-laptop b{position:absolute;inset:10px;background:linear-gradient(135deg,#dbe7ed,#8ba3b3)}.ela-cup{position:absolute;right:1%;bottom:44px;width:76px;height:76px;border-radius:8px 8px 25px 25px;background:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 10px 24px #0002;font-size:12px}.ela-cup span{color:#56aee0}.ela-content{padding:30px 0 55px}.ela-feature{display:grid;grid-template-columns:1.05fr 1.15fr;background:#fff;border:1px solid #e8eef4;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #0d2d4d0d;margin-bottom:24px}.ela-fimg{min-height:290px;background:#e9f0f5}.ela-fimg img,.ela-img img,.ela-ph{width:100%;height:100%;object-fit:cover;display:block}.ela-fcopy{padding:28px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ela-pill{display:inline-block;background:#e8f4ff;color:#1667a7;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;margin-bottom:9px}.ela-feature h2{font-size:30px;line-height:1.1;margin:0 0 9px;color:#082d58}.ela-feature p{font-size:16px;line-height:1.42;color:#526274;margin:0 0 12px}.ela-meta{display:flex;gap:10px;align-items:center;color:#667789;font-size:12px}.ela-meta i{width:1px;height:13px;background:#b8c3cd}.ela-read{margin-top:16px;background:#ff6b2c;color:#fff!important;text-decoration:none!important;font-weight:750;border-radius:999px;padding:12px 22px}.ela-list{padding:6px 0 8px}.ela-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ela-heading h2{font-size:27px;margin:0}.ela-heading a{font-size:13px;font-weight:700;color:#1269a9}.ela-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:18px}.ela-card{background:#fff;border:1px solid #e3ebf2;border-radius:8px;overflow:hidden;box-shadow:0 4px 14px #0d2d4d0d}.ela-img{display:block;height:150px;background:#eaf0f5}.ela-body{padding:14px}.ela-card h3{font-size:19px;line-height:1.12;margin:0 0 8px}.ela-card h3 a{color:#082d58;text-decoration:none}.ela-card p{font-size:14px;line-height:1.38;color:#536474;margin:0 0 14px}
@media(max-width:760px){.ela-shell{width:min(calc(100% - 28px),520px)}.ela-heroin{display:block;min-height:0;padding:28px 0 20px}.ela-hero h1{font-size:31px}.ela-hero h1 br{display:none}.ela-hero p{font-size:15px}.ela-tabs{display:grid;gap:10px}.ela-tabs a{box-sizing:border-box;width:100%;min-width:0}.ela-desk{display:none}.ela-content{padding-top:16px}.ela-feature{display:block}.ela-fimg{height:220px;min-height:0}.ela-fcopy{padding:16px}.ela-feature h2{font-size:23px}.ela-feature p{font-size:14px}.ela-read{width:100%;box-sizing:border-box;text-align:center;border-radius:7px}.ela-heading{align-items:flex-end}.ela-heading h2{font-size:22px}.ela-heading a{font-size:12px}.ela-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px;scrollbar-width:none}.ela-grid::-webkit-scrollbar{display:none}.ela-card{min-width:calc(100% - 14px);scroll-snap-align:start}.ela-img{height:185px}.ela-card h3{font-size:18px}}
/* v1.0.8 approved mockup fidelity fixes */
.ela-heroin{grid-template-columns:1.12fr .88fr}
.ela-desk{align-self:stretch;height:auto;background:url('articles-hero-desktop-v110.webp') center center/cover no-repeat;min-width:0}
.ela-note,.ela-laptop,.ela-cup{display:none!important}
.ela-tabs a{display:flex;align-items:center;justify-content:center;gap:10px}
.ela-tabs svg{width:20px;height:20px;flex:0 0 20px;display:block}
.ela-tabs .light svg{width:19px;height:19px;flex-basis:19px}
@media(max-width:760px){.ela-desk{display:none}.ela-tabs a{gap:11px}.ela-tabs svg{width:20px;height:20px}}

/* v1.0.10 exact photographic hero asset */
@media(min-width:761px){.ela-heroin{grid-template-columns:1.08fr .92fr;min-height:355px}.ela-desk{margin-right:calc((100vw - min(1180px,calc(100vw - 48px)))/-2);background-position:left center;background-size:cover;background-repeat:no-repeat}}


/* v1.0.12 approved desktop hero image: uncropped composition + sharper source */
@media (min-width:761px){
  .ela-hero{background:#e9f6ff;}
  .ela-heroin{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    min-height:355px;
  }
  .ela-desk{
    display:block!important;
    align-self:stretch;
    height:auto;
    min-width:0;
    margin-right:calc((100vw - min(1180px,calc(100vw - 48px)))/-2);
    background-image:url('articles-hero-desktop-v112.webp')!important;
    background-repeat:no-repeat!important;
    background-position:left center!important;
    background-size:cover!important;
  }
}


/* v1.0.13: approved seamless desktop hero + mobile heading spacing fix */
@media (min-width:761px){
  .ela-heroin{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    min-height:355px;
  }
  .ela-desk{
    position:relative;
    display:block!important;
    overflow:hidden;
    background-image:url('articles-hero-desktop-v113.webp')!important;
    background-size:cover!important;
    background-position:left center!important;
    background-repeat:no-repeat!important;
  }
  .ela-desk::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:150px;
    pointer-events:none;
    background:linear-gradient(90deg,#e9f6ff 0%,rgba(233,246,255,.92) 20%,rgba(233,246,255,.58) 55%,rgba(233,246,255,0) 100%);
    z-index:1;
  }
}
@media (max-width:760px){
  .ela-hero h1,
  .ela-hero-title{
    word-spacing:normal!important;
    letter-spacing:normal!important;
  }
  .ela-hero h1 br,
  .ela-hero-title br{
    content:"";
  }
}


/* v1.0.14: remove baked-in article copy from desktop hero image */
@media (min-width:761px){
  .ela-desk{
    background-image:url('articles-hero-desktop-v114.webp')!important;
    background-position:left center!important;
    background-size:cover!important;
  }
  .ela-desk::before{
    width:170px!important;
    background:linear-gradient(90deg,#e9f6ff 0%,rgba(233,246,255,.96) 24%,rgba(233,246,255,.64) 58%,rgba(233,246,255,0) 100%)!important;
  }
}


/* v1.0.15: mobile hero heading word-spacing repair */
@media (max-width:760px){
  .ela-hero h1,
  .ela-hero-title{
    white-space:normal!important;
    word-spacing:.08em!important;
    letter-spacing:normal!important;
    line-height:1.08!important;
  }

  .ela-hero h1 *,
  .ela-hero-title *{
    word-spacing:.08em!important;
    letter-spacing:normal!important;
  }

  .ela-hero h1 br,
  .ela-hero-title br{
    display:block!important;
    content:""!important;
  }
}


/* v1.0.16: force mobile hero heading to exactly two lines */
@media (max-width:760px){
  .ela-hero h1,
  .ela-hero-title{
    font-size:clamp(27px,7.2vw,34px)!important;
    line-height:1.06!important;
    max-width:none!important;
    width:100%!important;
    white-space:normal!important;
    word-spacing:normal!important;
    letter-spacing:-.02em!important;
  }

  .ela-hero h1 br,
  .ela-hero-title br{
    display:none!important;
  }
}


/* v1.0.54 — canonical responsive View All placement */
.ela-archive .ela-list > .ela-view-mobile {
  display: none !important;
}
.ela-archive .ela-list .ela-heading > .ela-view-desktop {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

@media (max-width: 800px) {
  .ela-archive .ela-list .ela-heading > .ela-view-desktop {
    display: none !important;
  }
  .ela-archive .ela-list > .ela-view-mobile {
    display: flex !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    width: fit-content !important;
    max-width: calc(100% - 24px) !important;
    margin: 18px auto 0 !important;
    padding: 6px 10px !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-align: center !important;
    color: #086bc4 !important;
    background: transparent !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }
}

.ela-carousel-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px auto 0}
.ela-carousel-arrow{width:42px;height:42px;border-radius:50%;border:1px solid #d8e6f2;background:#fff;box-shadow:0 5px 16px rgba(8,55,104,.10);color:#0a5fa8;font-size:29px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.ela-carousel-arrow:hover,.ela-carousel-arrow:focus{background:#eef8ff;box-shadow:0 7px 20px rgba(8,55,104,.15)}
.ela-carousel-arrow:disabled{opacity:.35;cursor:default}.ela-carousel-dots{display:flex;gap:8px;align-items:center}.ela-carousel-dot{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#cbd8e4}.ela-carousel-dot.is-active{background:#0879d9}
@media(min-width:801px){.ela-carousel-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.ela-carousel-track>.ela-card{display:none}.ela-carousel-track>.ela-card.ela-slide-visible{display:flex}}
@media(max-width:800px){.ela-carousel-track{display:flex!important;overflow:hidden!important;scroll-behavior:smooth;scroll-snap-type:x mandatory;gap:0!important}.ela-carousel-track>.ela-card{display:flex!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;scroll-snap-align:start}.ela-carousel-controls{margin-top:14px!important}.ela-carousel-arrow{width:40px;height:40px;font-size:27px}#loan-guides>.ela-view-mobile{margin-bottom:42px!important}}

/* v1.0.56 carousel — preserve original vertical card design */
.ela-carousel-track{position:relative}
.ela-carousel-controls{position:relative;display:flex;align-items:center;justify-content:center;margin:18px auto 0;min-height:42px}
.ela-carousel-dots{display:flex;align-items:center;justify-content:center;gap:8px}
.ela-carousel-dot{
 appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;
 width:9px!important;height:9px!important;min-width:9px!important;min-height:9px!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;
 background:#cbd8e4!important;box-shadow:none!important;outline:0!important;cursor:pointer!important;
}
.ela-carousel-dot.is-active{background:#0879d9!important}
.ela-carousel-arrow{
 appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;
 position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
 width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
 margin:0!important;padding:0 0 3px!important;border:1px solid #dce8f2!important;border-radius:50%!important;
 background:#fff!important;color:#075fae!important;box-shadow:0 6px 18px rgba(8,55,104,.14)!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 font-family:Arial,sans-serif!important;font-size:31px!important;font-weight:400!important;line-height:1!important;
 cursor:pointer!important;z-index:6!important;text-decoration:none!important;
}
.ela-carousel-prev{left:-22px!important}.ela-carousel-next{right:-22px!important}
.ela-carousel-arrow:hover,.ela-carousel-arrow:focus{background:#eef8ff!important;color:#075fae!important}
.ela-carousel-arrow:disabled{opacity:.28!important;cursor:default!important}

@media(min-width:801px){
 .ela-carousel-track{
   display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;
   overflow:visible!important;
 }
 .ela-carousel-track>.ela-card{display:none!important;width:100%!important;max-width:none!important;min-width:0!important}
 .ela-carousel-track>.ela-card.ela-slide-visible{display:flex!important;flex-direction:column!important}
 .ela-carousel-track>.ela-card .ela-thumb,
 .ela-carousel-track>.ela-card>a:first-child{
   width:100%!important;max-width:100%!important;display:block!important;flex:none!important;
 }
 .ela-carousel-track>.ela-card .ela-thumb img,
 .ela-carousel-track>.ela-card>a:first-child img{
   display:block!important;width:100%!important;height:150px!important;max-width:100%!important;
   object-fit:cover!important;object-position:center!important;
 }
 .ela-carousel-controls{width:100%!important}
}

@media(max-width:800px){
 .ela-carousel-track{
   display:flex!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;
   scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scrollbar-width:none!important;
 }
 .ela-carousel-track::-webkit-scrollbar{display:none!important}
 .ela-carousel-track>.ela-card{
   display:flex!important;flex:0 0 100%!important;flex-direction:column!important;
   width:100%!important;max-width:100%!important;min-width:100%!important;
   scroll-snap-align:start!important;box-sizing:border-box!important;
 }
 .ela-carousel-track>.ela-card .ela-thumb,
 .ela-carousel-track>.ela-card>a:first-child{width:100%!important;display:block!important;flex:none!important}
 .ela-carousel-track>.ela-card .ela-thumb img,
 .ela-carousel-track>.ela-card>a:first-child img{
   display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;
   object-fit:cover!important;object-position:center!important;
 }
 .ela-carousel-controls{margin-top:14px!important}
 .ela-carousel-arrow{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:29px!important}
 .ela-carousel-prev{left:-7px!important}.ela-carousel-next{right:-7px!important}
 #loan-guides>.ela-view-mobile{margin-bottom:46px!important}
}

/* v1.0.57: arrows overlap the actual carousel cards */
.ela-list{position:relative!important}
.ela-carousel-track{position:relative!important}
.ela-carousel-controls{position:static!important;margin:14px auto 0!important;min-height:12px!important}
.ela-carousel-arrow{
  top:50%!important;
  transform:translateY(-50%)!important;
}
.ela-carousel-prev{left:-22px!important}
.ela-carousel-next{right:-22px!important}
@media(max-width:800px){
 .ela-carousel-prev{left:-10px!important}
 .ela-carousel-next{right:-10px!important}
 .ela-carousel-arrow{top:50%!important}
}

/* v1.0.68 requested heading accent only */
.ela-archive .ela-archive-hero-title .ela-nz-finance-orange{color:#ff641e!important;}
