/* Shared typography, social controls and photographic editorial pages. */
@font-face{font-family:"BFJP Manrope";src:url("fonts/manrope-variable.woff") format("woff");font-style:normal;font-weight:200 800;font-display:swap}
body.bfjp-lang-en{--bfjp-editorial-font:"BFJP Manrope","Helvetica Neue",Arial,sans-serif}
body .site-header #headerAppsFixed a.facebookapp,body .site-header a.facebookapp,body .header-apps a.facebook{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#0866ff!important;border:0!important;border-radius:10px!important;box-shadow:none!important;padding:3px!important;width:40px!important;height:40px!important;min-width:40px!important;box-sizing:border-box!important;line-height:1!important}
body .site-header a.facebookapp .bfjp-facebook-logo{display:block!important;width:34px!important;height:34px!important;flex:0 0 34px!important;margin:0!important}
body .site-header #headerAppsFixed a.whatsappapp{box-shadow:none!important;filter:none!important;border:0!important;border-radius:10px!important}
body .site-header #headerAppsFixed a:focus-visible{outline:2px solid #d8bc81!important;outline-offset:4px!important}
body .site-footer a:has(>.bfjp-facebook-logo),body footer a:has(>.bfjp-facebook-logo){display:inline-flex;align-items:center;gap:9px}
body footer .bfjp-facebook-logo{width:24px!important;height:24px!important;flex-basis:24px!important}
@media(max-width:760px){body .site-header #headerAppsFixed a.facebookapp,body .site-header a.facebookapp{width:32px!important;height:32px!important;min-width:32px!important;border-radius:9px!important}body .site-header a.facebookapp .bfjp-facebook-logo{width:28px!important;height:28px!important;flex-basis:28px!important}}
/* Warm reading surface sits beneath a distinct photo for each guide. */
body:has(.bfjp-seo-page){background:radial-gradient(ellipse at 0 4%,#dfd3bc70,transparent 32%),radial-gradient(ellipse at 100% 28%,#d8e2e870,transparent 40%),#f4f2ed!important;color:#193148!important}
body .bfjp-seo-page{max-width:1240px!important;padding:30px 32px 64px!important;margin:0 auto!important;font-family:var(--bfjp-editorial-font)!important;background:transparent!important;color:#193148!important}
body .bfjp-seo-page .bfjp-breadcrumb{color:#566676!important;font:500 12px/1.65 var(--bfjp-editorial-font)!important;margin:0 0 20px!important}
body .bfjp-seo-page .bfjp-breadcrumb a{color:#72582e!important}
body .bfjp-editorial-cover{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:#102b45;box-shadow:0 16px 40px #132c4521;min-height:440px}
body .bfjp-editorial-cover-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;z-index:-2}
body .bfjp-editorial-cover:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,22,40,.92),rgba(5,22,40,.78) 48%,rgba(5,22,40,.2)),linear-gradient(0deg,rgba(5,22,40,.4),transparent 65%);pointer-events:none}
body .bfjp-editorial-cover .bfjp-guide-hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:440px;padding:48px!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:#fff!important}
body .bfjp-editorial-cover .bfjp-guide-hero:before,body .bfjp-editorial-cover .bfjp-guide-hero:after{display:none!important}
body .bfjp-editorial-cover .bfjp-guide-hero .bfjp-seo-eyebrow{align-self:flex-start;font:600 11px/1.4 var(--bfjp-editorial-font)!important;letter-spacing:.13em!important;border:0!important;border-radius:0!important;background:transparent!important;color:#ebcf94!important;padding:0!important;margin:0 0 20px!important}
body .bfjp-editorial-cover .bfjp-guide-hero h1{font:500 clamp(32px,3.3vw,49px)/1.13 var(--bfjp-editorial-font)!important;letter-spacing:-.035em!important;color:#fff!important;margin:0 0 22px!important;max-width:23ch!important;text-wrap:balance}
body .bfjp-editorial-cover .bfjp-guide-hero>p:not(.bfjp-seo-eyebrow){font:400 16px/1.8 var(--bfjp-editorial-font)!important;color:#eff2f4!important;max-width:64ch!important;margin:0 0 24px!important}
body .bfjp-editorial-cover .bfjp-guide-meta{display:flex!important;flex-wrap:wrap;gap:8px 18px!important;font:400 12px/1.6 var(--bfjp-editorial-font)!important;color:#e2e8ee!important;border-top:1px solid #ffffff35;padding-top:16px;max-width:680px}
body .bfjp-editorial-cover .bfjp-guide-meta a{color:#fff!important;text-underline-offset:3px}
.bfjp-editorial-credit{font:400 11px/1.7 var(--bfjp-editorial-font);color:#5e6c79;margin:10px 4px 24px}.bfjp-editorial-credit summary{cursor:pointer}.bfjp-editorial-credit p{margin:8px 0}.bfjp-editorial-credit a{color:#49647c;text-decoration:underline}
body .bfjp-guide-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:30px!important;margin-top:28px!important;align-items:start!important}
body .bfjp-guide-main{min-width:0!important;background:#fffdf9!important;border:1px solid #e5e1d9!important;border-radius:16px!important;box-shadow:0 8px 30px #18304706!important;padding:34px 38px!important;color:#243b50!important}
body .bfjp-guide-main .bfjp-guide-section{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:32px 0!important;border-bottom:1px solid #e6e4df!important;scroll-margin-top:100px}
body .bfjp-guide-main h2{font:600 25px/1.35 var(--bfjp-editorial-font)!important;letter-spacing:-.025em!important;color:#102d47!important;margin:0 0 18px!important}
body .bfjp-guide-main p,body .bfjp-guide-main li{font:400 16px/1.85 var(--bfjp-editorial-font)!important;color:#425568!important}
body .bfjp-guide-main p{margin:0 0 16px!important}.bfjp-guide-main p:last-child{margin-bottom:0!important}
body .bfjp-guide-main ul{padding-left:21px!important}.bfjp-guide-main li+li{margin-top:8px}
body .bfjp-guide-main .bfjp-guide-summary{padding:24px!important;border:1px solid #e1d7c3!important;border-left:3px solid #b49357!important;border-radius:10px!important;background:linear-gradient(120deg,#f5eee0,#faf7f0)!important;margin:0 0 28px!important}
body .bfjp-guide-main .bfjp-guide-summary h2{font-size:18px!important;margin-bottom:10px!important}
body .bfjp-guide-toc{padding:22px!important;background:#eff3f5!important;border:1px solid #dce4e9!important;border-radius:10px!important;color:#17334c!important}
body .bfjp-guide-toc a{color:#284b66!important;font-size:14px!important;line-height:1.65!important;text-decoration:none!important}
body .bfjp-guide-toc a:hover{color:#725326!important;text-decoration:underline!important}
body .bfjp-guide-aside{position:sticky!important;top:100px!important;align-self:start!important;min-width:0!important}
body .bfjp-guide-aside .bfjp-seo-mini{background:#fefcf8!important;border:1px solid #e1ddd4!important;border-radius:14px!important;padding:23px!important;box-shadow:none!important;color:#16314b!important}
body .bfjp-guide-aside h3{font:600 18px/1.4 var(--bfjp-editorial-font)!important;margin:0 0 16px!important;color:#102d47!important}
body .bfjp-guide-aside .bfjp-guide-side-link{font:500 13px/1.65 var(--bfjp-editorial-font)!important;padding:14px 0!important;border-color:#e3e2db!important;color:#445d70!important}
body .bfjp-guide-aside .bfjp-guide-all{font-size:13px!important;color:#826132!important}
body .bfjp-guide-main .bfjp-guide-cta{margin:30px 0!important;padding:28px!important;background:linear-gradient(125deg,#0c2943,#234760)!important;border:1px solid #31516a!important;border-radius:14px!important;box-shadow:none!important}
body .bfjp-guide-main .bfjp-guide-cta h2{font-size:25px!important;color:#fff!important}
body .bfjp-guide-main .bfjp-guide-cta p{color:#dde6ed!important;font-size:15px!important}
body .bfjp-guide-main .bfjp-guide-cta span{color:#e7cd98!important}
body .bfjp-guide-cta-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:20px!important}
body .bfjp-guide-cta-actions a{font:600 14px/1.4 var(--bfjp-editorial-font)!important;min-height:44px!important;border-radius:7px!important;padding:12px 18px!important}
body .bfjp-guide-cta-actions .is-form{background:#e4c58d!important;color:#142e45!important}
body .bfjp-guide-cta-actions .is-whatsapp{background:#fff!important;border:1px solid #c5e5d5!important;color:#166840!important}
body .bfjp-guide-main .bfjp-guide-source{background:#eff2f2!important;border:0!important;border-radius:10px!important;padding:22px!important;margin-top:24px!important}
body .bfjp-guide-main .bfjp-guide-source h2{font-size:18px!important}.bfjp-guide-main .bfjp-guide-source p{font-size:13px!important}
body .bfjp-guide-main .bfjp-guide-faq details{background:#f5f5f1!important;border:1px solid #e3e4dd!important;border-radius:9px!important;padding:16px 18px!important;margin:10px 0!important}
body .bfjp-guide-main .bfjp-guide-faq summary{font:600 15px/1.6 var(--bfjp-editorial-font)!important;color:#19364e!important;cursor:pointer}
body .bfjp-guide-main .bfjp-guide-related-links a{font:500 14px/1.6 var(--bfjp-editorial-font)!important;background:#f3f5f5!important;border:1px solid #e0e5e6!important;border-radius:8px!important;color:#274a65!important;padding:14px 16px!important}
body .bfjp-comparison-scroll{background:#fff!important;border:1px solid #dde3e6!important;border-radius:10px!important}
body .bfjp-comparison-scroll th{background:#edf2f4!important;color:#244359!important}body .bfjp-comparison-scroll td{color:#455867!important}body .bfjp-comparison-scroll th,body .bfjp-comparison-scroll td{font:400 14px/1.65 var(--bfjp-editorial-font)!important;padding:13px 15px!important}
body .bfjp-seo-page .bfjp-seo-hero{background:linear-gradient(90deg,#061a33e6,#061a3366),var(--bfjp-route-bg) center/cover no-repeat!important;border-radius:18px!important}
body .bfjp-seo-page .bfjp-seo-card{background:#fffdf9!important;border:1px solid #e5e1d9!important;border-radius:14px!important;box-shadow:0 8px 25px #18304705!important;color:#244057!important}
body .bfjp-seo-page .bfjp-guide-card{background:#fffdf9!important;border:1px solid #e5e1d9!important;border-radius:14px!important;box-shadow:0 8px 25px #18304705!important;overflow:hidden}
body .bfjp-seo-page .bfjp-guide-card h3{font-family:var(--bfjp-editorial-font)!important;line-height:1.4!important;letter-spacing:-.02em!important}
body .bfjp-seo-page a:focus-visible,body .bfjp-seo-page summary:focus-visible{outline:2px solid #95733b;outline-offset:4px}
body .bfjp-guide-hub>.bfjp-guide-hero h1{font-family:var(--bfjp-editorial-font)!important;font-weight:500!important;line-height:1.15!important;letter-spacing:-.035em!important}
body .bfjp-guide-hub>.bfjp-guide-hero>p:not(.bfjp-seo-eyebrow){max-width:68ch!important;text-align:left!important;margin-left:0!important;font:400 16px/1.85 var(--bfjp-editorial-font)!important}
body .bfjp-guide-hub h2{font-family:var(--bfjp-editorial-font)!important;letter-spacing:-.025em!important}
@media(max-width:1000px){body .bfjp-guide-layout{grid-template-columns:minmax(0,1fr)!important}body .bfjp-guide-aside{position:static!important}body .bfjp-guide-aside .bfjp-seo-mini{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}body .bfjp-guide-aside h3{grid-column:1/-1}}
@media(max-width:760px){
 body .bfjp-seo-page{padding:20px 16px 40px!important}
 body .bfjp-seo-page .bfjp-breadcrumb{font-size:11px!important;margin-bottom:14px!important}
 body .bfjp-editorial-cover{border-radius:14px;min-height:390px}
 body .bfjp-editorial-cover:after{background:linear-gradient(0deg,#071e32f5,#071e32bc 70%,#071e3280)}
 body .bfjp-editorial-cover .bfjp-guide-hero{padding:32px 24px!important;min-height:390px}
 body .bfjp-editorial-cover .bfjp-guide-hero h1{font-size:30px!important;line-height:1.18!important;margin-bottom:18px!important}
 body .bfjp-editorial-cover .bfjp-guide-hero>p:not(.bfjp-seo-eyebrow){font-size:14px!important;line-height:1.75!important}
 body .bfjp-editorial-cover .bfjp-guide-meta{font-size:11px!important;gap:6px 12px!important}
 body .bfjp-guide-layout{gap:22px!important;margin-top:22px!important}
 body .bfjp-guide-main{padding:24px 20px!important;border-radius:12px!important}
 body .bfjp-guide-main .bfjp-guide-section{padding:26px 0!important}
 body .bfjp-guide-main h2{font-size:23px!important}
 body .bfjp-guide-main p,body .bfjp-guide-main li{font-size:15px!important;line-height:1.85!important}
 body .bfjp-guide-main .bfjp-guide-summary,body .bfjp-guide-main .bfjp-guide-toc{padding:18px!important}
 body .bfjp-guide-main .bfjp-guide-cta{padding:22px!important}
 body .bfjp-guide-cta-actions a{width:100%!important;text-align:center!important}
 body .bfjp-guide-aside .bfjp-seo-mini{display:block}
}

/* One consistent mobile header on every editorial page. */
body footer .bfjp-facebook-logo{background-color:#0866ff!important;background-size:84%!important;border-radius:6px!important}
body .bfjp-footer-en-social a img{width:24px!important;height:24px!important;object-fit:contain!important}
@media(max-width:760px){
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header .nav-wrap{display:flex!important;align-items:center!important;gap:6px!important;height:64px!important;min-height:64px!important;padding:0 12px!important;position:relative!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header .brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;order:0!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;transform:none!important;margin:0!important;padding:0!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header .brand-icon-wrap,body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header .brand-icon{width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important;margin:0!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header .brand-text{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header .brand-text strong{font:600 clamp(15px,4.5vw,18px)/1.2 var(--bfjp-editorial-font)!important;letter-spacing:-.035em!important;white-space:nowrap!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header .brand-text small{display:block!important;font:400 9px/1.2 var(--bfjp-editorial-font)!important;margin:0!important;white-space:nowrap!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header #headerAppsFixed{position:static!important;transform:none!important;order:1!important;display:flex!important;gap:6px!important;width:70px!important;flex:0 0 70px!important;margin:0!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header #headerAppsFixed>a,body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header #headerAppsFixed>a img{width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important;padding:0!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header #menuBtn{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;order:2!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;margin:0!important;padding:6px!important;border:1px solid #ffffff60!important;border-radius:50%!important;background:transparent!important;transform:none!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header #menuBtn svg{width:18px!important;height:18px!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header #nav{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:auto!important;max-width:none!important;background:#10273c!important;padding:18px 24px!important;gap:16px!important;z-index:60!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header #nav:not(.open){display:none!important}
 body:not(.bfjp-mobile-quote-home).bfjp-lang-en .site-header #nav.open{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
}
