body.loanEditorial{background:#fff;color:#2f3a4c}
.loanEditorial .pageHero{position:relative;isolation:isolate;min-height:760px;padding-bottom:120px;background-color:#233342;background-position:center;background-size:cover;color:#fff;border:0}
.personalEditorial .pageHero{background-image:url('/assets/personal-paperboat-hero-20261015.png')}
.mortgageEditorial .pageHero{background-image:url('/assets/mortgage-stonehouse-hero-20261015.png')}
.loanEditorial .pageHero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,#fff);pointer-events:none;z-index:-1}
.loanEditorial .pageHero h1{max-width:580px;color:#fff;text-shadow:0 2px 12px #13213055}
.loanEditorial .pageHero .eyebrow{color:#d8c8a5}
.loanEditorial .pageHero .lead{max-width:460px;color:#e2e8ee}
.loanEditorial .pageHero .buttonRow{margin-top:28px;gap:22px}
.loanEditorial .pageHero .btn{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;border-bottom:1px solid #b4a582;padding:10px 0;color:#fff}
.loanEditorial .pageHero .btn:hover{color:#e5c992;transform:translateY(-2px);background:none}
.loanEditorial .loanSection{padding:80px 0;background:#fff;border:0}
.loanEditorial .loanSection h2{font-size:clamp(28px,3vw,40px);line-height:1.5;font-weight:500;letter-spacing:-.025em;margin:0 0 35px}
.loanEditorial .loanSection h3{font-size:22px;line-height:1.6;font-weight:500}
.loanEditorial .loanSection p{line-height:1.95;color:#677383}
.loanEditorial .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #b4a58288}
.loanEditorial .card{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:35px 30px 10px 0;min-height:0}
.loanEditorial .card+.card{border-left:1px solid #d3d9df;padding-left:30px}
.loanEditorial .card:hover{transform:none;box-shadow:none;background:none}
.loanEditorial .card h3{margin:0 0 18px}
.loanEditorial .loanSection2{background:#eff2f4}
.loanEditorial .steps{gap:0}
.loanEditorial .step{padding:30px 0;border:0;border-top:1px solid #cbd3da;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;align-items:flex-start;gap:30px}
.loanEditorial .step .num{background:none;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;color:#887754;font-size:17px;width:32px;height:auto;line-height:1.8;margin:0;padding-top:3px}
.loanEditorial .step h3{margin:0 0 10px}.loanEditorial .step p{margin:0}
.loanEditorial .split{grid-template-columns:1.15fr 1fr;gap:80px;align-items:start}
.loanEditorial .toolPanel{background:#eff2f4;border:0;border-radius:0;box-shadow:none;padding:40px;backdrop-filter:none}
.loanEditorial .toolPanel h2{font-size:28px;margin-bottom:20px}
.loanEditorial .checklist{padding-left:20px}.loanEditorial .checklist li{padding:12px 0;border-bottom:1px solid #d3d9df}
.loanEditorial .notice{font-size:14px}.loanEditorial .sourceLinks{font-size:13px}
.loanEditorial .faqItem{border:0;border-top:1px solid #ccd3da;background:none;box-shadow:none;border-radius:0}
.loanEditorial .faqBtn{padding:24px 0;font-weight:500}.loanEditorial .faqAnswer{padding-inline:0}
.loanEditorial .faqBtn .plus{display:flex;width:24px;height:24px;font-size:0;background:none;border:0;transition:transform .25s}
.loanEditorial .faqBtn .plus:before,.loanEditorial .faqBtn .plus:after{content:none}
.loanEditorial .faqItem.open .plus{transform:rotate(90deg)}
.loanEditorial .cta{border:0;border-block:1px solid #b4a58288;border-radius:0;box-shadow:none;background:none;padding:45px 0;backdrop-filter:none}
.loanEditorial .cta h2{margin-bottom:15px}
.loanEditorial .loanSection5{background:linear-gradient(#fff,#eff2f4,#fff);padding-block:20px}
.loanEditorial #knowledge-related h3{font-size:18px;color:#887754;margin-top:32px}
.loanEditorial .k-reading-links{border-top:1px solid #ccd3da;list-style:none;padding:0}.loanEditorial .k-reading-links li{padding:17px 0;border-bottom:1px solid #dce1e5}
@media(max-width:767px){.loanEditorial .pageHero{min-height:700px;background-position:58% center}.loanEditorial .pageHero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#152333bb,#15233322);z-index:-1}.loanEditorial .pageHero h1{max-width:330px}.loanEditorial .pageHero .lead{max-width:300px}.loanEditorial .pageHero .buttonRow{flex-direction:column;align-items:start;gap:12px}.loanEditorial .split{grid-template-columns:1fr;gap:32px}.loanEditorial .cards{grid-template-columns:1fr}.loanEditorial .card,.loanEditorial .card+.card{border:0;border-bottom:1px solid #d3d9df;padding:25px 0}.loanEditorial .loanSection{padding:50px 0}.loanEditorial .loanSection h2{font-size:30px;margin-bottom:26px}.loanEditorial .step{gap:18px;padding:24px 0}.loanEditorial .toolPanel{padding:28px 24px}.loanEditorial .cta{padding:32px 0}.loanEditorial .loanSection5{padding-block:10px}}
@media(prefers-reduced-motion:reduce){.loanEditorial .faqBtn .plus{transition:none}}

.loanEditorial .pageHero .lead{max-width:460px!important}
.loanEditorial .pageHero .btn{font-size:16px;font-weight:400;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:transparent!important}
.loanEditorial .pageHero .btn:before,.loanEditorial .pageHero .btn:after{content:none}
@media(max-width:767px){.loanEditorial .pageHero .lead{max-width:300px!important}.loanEditorial .pageHero .btn{font-size:15px}}

@media(max-width:767px){
.personalEditorial .pageHero{background-image:linear-gradient(180deg,rgba(14,28,42,.72),rgba(14,28,42,.42) 55%,transparent 82%),url('/assets/personal-paperboat-hero-20261015.png')}
.mortgageEditorial .pageHero{background-image:linear-gradient(180deg,rgba(14,28,42,.72),rgba(14,28,42,.42) 55%,transparent 82%),url('/assets/mortgage-stonehouse-hero-20261015.png')}
}

.businessEditorial .pageHero{background-image:url("/assets/business-hero-20261015.png")}
@media(max-width:767px){.businessEditorial .pageHero{background-image:linear-gradient(180deg,rgba(14,28,42,.72),rgba(14,28,42,.42) 55%,transparent 82%),url("/assets/business-hero-20261015.png")}}
.debtEditorial .pageHero{background-image:url("/assets/debt-rope-hero-20261015.png")}
@media(max-width:767px){.debtEditorial .pageHero{background-image:linear-gradient(180deg,rgba(14,28,42,.72),rgba(14,28,42,.42) 55%,transparent 82%),url("/assets/debt-rope-hero-20261015.png")}}
.secondEditorial .pageHero{background-image:url("/assets/second-hero-20261015.png")}
@media(max-width:767px){.secondEditorial .pageHero{background-image:linear-gradient(180deg,rgba(14,28,42,.72),rgba(14,28,42,.42) 55%,transparent 82%),url("/assets/second-hero-20261015.png")}}
.carEditorial .pageHero{background-image:url("/assets/car-ttrs-hero-20261015.png")}
@media(max-width:767px){.carEditorial .pageHero{background-image:linear-gradient(180deg,rgba(14,28,42,.72),rgba(14,28,42,.42) 55%,transparent 82%),url("/assets/car-ttrs-hero-20261015.png")}}
.loanEditorial .pageHero h1{text-wrap:balance}

.scooterEditorial .pageHero{background-image:url("/assets/scooter-retro-hero-20261015.png")}
@media(max-width:767px){.scooterEditorial .pageHero{background-position:65% center;background-image:linear-gradient(180deg,rgba(14,28,42,.72),rgba(14,28,42,.42) 55%,transparent 82%),url("/assets/scooter-retro-hero-20261015.png")}}

.loanEditorial #preparation{scroll-margin-top:calc(var(--header-height) + 24px)}
html body.loanEditorial .pageHero .buttonRow>.btn{display:inline-flex;align-items:center;gap:22px;font-size:16px;font-weight:400;line-height:1.5;color:#fff;border-bottom:1px solid #b4a582}
html body.loanEditorial .pageHero .buttonRow>.btn:is(:hover,:focus-visible){color:#e6d5ae!important;border-bottom-color:#e6d5ae!important}
.loanEditorial .pageHero .buttonRow .siteChevron{width:10px;height:18px}

/* Approved option 03: text with a separate circular arrow. */
html body.loanEditorial .pageHero .buttonRow>.btn{border:0!important;padding:0!important;gap:18px;min-height:58px;text-decoration:none;background:transparent!important}
.loanEditorial .heroArrowCircle{display:grid;place-items:center;width:58px;height:58px;border:1px solid #e6d5ae99;border-radius:50%;flex-shrink:0;transition:background .25s,color .25s,transform .25s}
html body.loanEditorial .pageHero .buttonRow>.btn:hover{transform:none}
.loanEditorial .pageHero .btn:is(:hover,:focus-visible) .heroArrowCircle{background:#e6d5ae;color:#1d2d3c;transform:rotate(-8deg)}
.loanEditorial .pageHero .buttonRow{gap:30px}
@media(max-width:640px){.loanEditorial .heroArrowCircle{width:48px;height:48px}.loanEditorial .pageHero .buttonRow{gap:16px}.loanEditorial .pageHero .buttonRow>.btn{min-height:48px!important}}
@media(prefers-reduced-motion:reduce){.loanEditorial .heroArrowCircle{transition:none}.loanEditorial .pageHero .btn:is(:hover,:focus-visible) .heroArrowCircle{transform:none}}

/* Compact circle: slightly smaller than the 16px label, with full-size hit area. */
html body.loanEditorial .pageHero .buttonRow>.btn{gap:10px;min-height:44px!important}
.loanEditorial .pageHero .heroArrowCircle{width:15px;height:15px}
.loanEditorial .pageHero .heroArrowCircle .siteChevron{width:4px;min-width:4px;height:7px}