/* EG adaptation of BYQ Genesis CMS Page 1 / CMS Grid 3 and Kelvin CMS Grid 3.
   Layout/interaction provenance: data/guides.json. */
.guide-site{background:#fafafa;color:#292c26}.guide-main{--guide-blue:#5ba3d3;--guide-dark:#292c26;--guide-cream:#e2e0db;--guide-line:#292c2626;--guide-muted:#5d625b;max-width:1800px;margin-inline:auto}.guide-main *{box-sizing:border-box}.guide-main h1,.guide-main h2,.guide-main h3,.guide-main p,.guide-main figure{margin:0}.guide-main h1,.guide-main h2,.guide-main h3{text-transform:none}.guide-main a:focus-visible,.guide-main button:focus-visible,.guide-main summary:focus-visible{outline:3px solid #246b93;outline-offset:5px}.guide-main [hidden]{display:none!important}.guide-breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:24px 4.5%;font-size:11px;line-height:1.6;color:var(--guide-muted)}.guide-breadcrumbs a{text-underline-offset:4px}.guide-breadcrumbs [aria-current]{max-width:65ch}.guide-eyebrow{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;display:block}.guide-index-hero,.guide-article-header{display:grid;grid-template-columns:3fr 9fr;gap:32px;padding:60px 4.5% 80px}.guide-index-hero h1{font-size:clamp(46px,6.1vw,94px);line-height:1.02;letter-spacing:-4px;font-weight:500}.guide-index-hero h1 span{color:#447c9d}.guide-index-hero p{max-width:670px;margin:32px 0 24px;font-size:18px;line-height:1.7;color:var(--guide-muted)}.guide-text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;font-weight:600;text-decoration:none;position:relative;padding-block:8px}.guide-text-link:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(.3);transform-origin:left;transition:transform .3s ease-out}.guide-text-link:hover:after{transform:scaleX(1)}.guide-text-link .icon{width:18px;height:18px;flex-shrink:0}.guide-index-layout{display:grid;grid-template-columns:4fr 8fr;gap:32px;padding:40px 4.5% 120px;scroll-margin-top:150px}.guide-index-side{position:sticky;top:140px;align-self:start;max-width:330px}.guide-index-side h2{font-size:clamp(30px,3.1vw,48px);letter-spacing:-1.6px;line-height:1.1;font-weight:500;margin:22px 0}.guide-index-side h2 span{color:#447c9d}.guide-index-side>p{font-size:14px;line-height:1.7;color:var(--guide-muted)}.guide-filters{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-block:28px}.guide-filters button{font:inherit;font-size:12px;line-height:1.4;border:0;background:none;color:var(--guide-muted);padding:8px 0;cursor:pointer;transition:color .4s cubic-bezier(.22,1,.36,1)}.guide-filters button:hover,.guide-filters button[aria-pressed=true]{color:var(--guide-dark)}.guide-filters button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px;font-weight:700}.guide-filter-count{display:block;font-size:11px;color:var(--guide-muted);margin:24px 0 16px}.guide-list{display:flex;flex-direction:column;gap:32px;min-width:0}.guide-card{background:#f1f0ec;border:1px solid var(--guide-line);overflow:hidden;border-radius:16px;min-width:0}.guide-card>a{display:flex;flex-direction:column;text-decoration:none;height:100%}.guide-card-image{position:relative;overflow:hidden;aspect-ratio:3/2;background:var(--guide-cream)}.guide-card-image img{display:block;width:100%;height:100%;object-fit:cover}.guide-image-number{position:absolute;top:16px;left:16px;border-radius:50%;background:#fafafae6;color:var(--guide-dark);width:36px;height:36px;display:grid;place-items:center;font-size:11px}.guide-card-copy{padding:28px;display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:28px}.guide-card h2,.guide-card h3{font-size:clamp(22px,2vw,30px);font-weight:500;line-height:1.14;letter-spacing:-.9px;margin:18px 0}.guide-card p{font-size:13px;line-height:1.65;color:var(--guide-muted)}.guide-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:var(--guide-muted)}.guide-card .guide-text-link{color:var(--guide-dark)}.guide-card .guide-text-link{transition:opacity .3s}.guide-card:hover .guide-text-link{opacity:.88}.guide-card-list{position:sticky;top:140px}.guide-card-list>a{display:grid;grid-template-columns:3fr 5fr}.guide-card-list .guide-card-image{aspect-ratio:auto;min-height:330px}.guide-card-list .guide-card-copy{padding:32px;gap:64px}.guide-article-label{display:flex;align-items:flex-start;flex-direction:column;gap:14px;padding-top:8px}.guide-article-label>span:last-child{font-size:12px;color:var(--guide-muted)}.guide-article-header h1{font-size:clamp(38px,4.7vw,70px);font-weight:500;letter-spacing:-2.8px;line-height:1.04;max-width:1000px;text-wrap:balance}.guide-article-header p{font-size:18px;line-height:1.6;max-width:720px;color:var(--guide-muted);margin-top:30px}.guide-hero-image{width:100%;height:60vh;max-height:720px;min-height:320px;background:var(--guide-cream);overflow:hidden}.guide-hero-image img{width:100%;height:100%;display:block;object-fit:cover}.guide-reading-layout{display:grid;grid-template-columns:minmax(190px,3fr) minmax(0,7fr) 1fr;gap:48px;padding:80px 4.5% 96px;align-items:start}.guide-toc{position:sticky;top:140px;max-height:calc(100dvh - 160px);overflow:auto;scrollbar-width:thin;padding:0 10px 10px 0}.guide-toc ol{list-style:none;margin:20px 0 28px;padding:0;display:grid;gap:2px}.guide-toc li a{font-size:12px;line-height:1.5;display:block;padding:9px 0 9px 14px;border-left:2px solid var(--guide-line);color:var(--guide-muted);text-decoration:none;transition:color .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1)}.guide-toc li a:hover,.guide-toc li a[aria-current=location]{color:var(--guide-dark);border-color:var(--guide-blue)}.guide-toc li a[aria-current=location]{font-weight:600}.guide-reading-progress{height:2px;background:var(--guide-line);margin-bottom:18px;overflow:hidden}.guide-reading-progress span{display:block;height:100%;background:#447c9d;transform-origin:left;transform:scaleX(0)}.guide-article-body{max-width:760px;min-width:0}.guide-intro{font-size:21px;line-height:1.7;letter-spacing:-.2px;margin-bottom:56px!important}.guide-content-section{margin-top:52px;scroll-margin-top:30px}.guide-content-section h2,.guide-checklist h2{font-size:clamp(26px,2.5vw,36px);font-weight:500;letter-spacing:-1px;line-height:1.15;margin-bottom:24px}.guide-content-section p{font-size:16px;line-height:1.8;color:#4d524b;margin-top:20px}.guide-article-body p a,.guide-sources a{color:#245f82;text-decoration:underline;text-underline-offset:3px}.guide-content-section ul,.guide-checklist ul{padding-left:22px;margin:22px 0 0;font-size:15px;line-height:1.8}.guide-content-section li,.guide-checklist li{margin:10px 0;padding-left:5px}.guide-checklist{background:#e8eff2;border-top:3px solid var(--guide-blue);margin-top:60px;padding:34px;scroll-margin-top:30px}.guide-checklist h2{margin-top:16px}.guide-checklist .guide-button{margin-top:28px}.guide-button{display:inline-flex;gap:16px;justify-content:space-between;align-items:center;font-size:12px;line-height:1.5;font-weight:600;padding:16px 24px;border:1px solid var(--guide-dark);border-radius:999px;background:var(--guide-dark);color:#fafafa;text-decoration:none;transition:background .25s}.guide-button .icon{width:18px;height:18px;flex-shrink:0}.guide-button:hover{background:#41463c}.guide-button.is-outline{background:transparent;color:var(--guide-dark)}.guide-button.is-outline:hover{background:#ffffff30}.guide-sources{margin-top:40px;padding:22px 0;border-top:1px solid var(--guide-line);border-bottom:1px solid var(--guide-line);font-size:12px;line-height:1.7}.guide-sources summary{cursor:pointer;font-weight:600;display:flex;justify-content:space-between;gap:20px;list-style:none}.guide-sources summary::-webkit-details-marker{display:none}.guide-sources[open] summary{margin-bottom:20px}.guide-sources p{color:var(--guide-muted)}.guide-sources ul{padding-left:18px;margin-top:12px}.guide-sources li{margin-block:8px}.guide-products,.guide-related{padding:70px 4.5%;border-top:1px solid var(--guide-line)}.guide-section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:36px}.guide-section-heading h2{font-size:clamp(30px,3.2vw,48px);font-weight:500;line-height:1.12;letter-spacing:-1.6px;margin-top:14px}.guide-product-grid,.guide-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-product-card{display:block;text-decoration:none}.guide-product-card>div{aspect-ratio:4/3;overflow:hidden;background:#e2e0db}.guide-product-card img{width:100%;height:100%;object-fit:cover;display:block}.guide-product-card>span{display:flex;justify-content:space-between;gap:20px;padding:20px 0}.guide-product-card strong{font-size:18px;font-weight:500}.guide-product-card .icon{width:20px;height:20px}.guide-advice{padding:80px 6%;background:var(--guide-blue);display:grid;grid-template-columns:1.25fr 1fr;gap:72px;align-items:center;margin-top:60px}.guide-advice h2{font-size:clamp(34px,4vw,60px);line-height:1.05;letter-spacing:-2px;font-weight:500;margin:20px 0}.guide-advice p{max-width:540px;font-size:15px;line-height:1.7}.guide-advice-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.guide-advice-actions .guide-button{min-width:270px}.guide-small-link{font-size:12px;text-underline-offset:4px;line-height:1.6}.guide-reveal{opacity:1}.guide-reveal.is-pending{opacity:0;transform:translateY(16px)}.guide-reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .7s ease-out,transform .7s ease-out}
@media(min-width:992px) and (max-height:750px){.guide-card-list{position:relative;top:auto}.guide-toc{top:120px;max-height:calc(100dvh - 140px)}}
@media(max-width:1100px){.guide-reading-layout{grid-template-columns:220px minmax(0,1fr);gap:32px}.guide-card-list .guide-card-copy{padding:24px;gap:36px}.guide-card-list .guide-card-image{min-height:300px}}
@media(max-width:991px){.guide-index-hero,.guide-article-header{grid-template-columns:1fr;padding-top:40px;gap:24px}.guide-index-hero h1{letter-spacing:-2px}.guide-index-layout{grid-template-columns:1fr;gap:40px}.guide-index-side{position:static;max-width:620px}.guide-index-side h2 br{display:none}.guide-filters{flex-direction:row;flex-wrap:wrap;gap:12px 24px;margin-bottom:8px}.guide-filter-count{margin:12px 0}.guide-index-side>.guide-text-link{margin-top:4px}.guide-card-list{top:120px}.guide-article-label{flex-direction:row;gap:22px;align-items:center}.guide-reading-layout{display:flex;flex-direction:column;padding-top:40px;gap:40px}.guide-toc{position:static;max-height:none;max-width:none;width:100%;padding:0 0 28px;border-bottom:1px solid var(--guide-line)}.guide-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-bottom:16px}.guide-toc .guide-text-link,.guide-reading-progress{display:none}.guide-article-body{max-width:760px;align-self:center}.guide-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-related-grid>.guide-card:last-child{grid-column:1/-1;max-width:calc(50% - 12px)}.guide-advice{gap:40px;padding:64px 4.5%}}
@media(max-width:767px){.guide-breadcrumbs{padding:20px;font-size:10px;gap:8px}.guide-index-hero,.guide-article-header{padding:28px 20px 48px}.guide-index-hero h1{font-size:52px}.guide-index-hero p,.guide-article-header p{font-size:16px;margin-top:24px}.guide-index-layout{padding:24px 20px 64px}.guide-list{gap:24px}.guide-card-list{top:100px}.guide-card-list .guide-card-copy{padding:24px;gap:30px}.guide-card h2,.guide-card h3{font-size:25px}.guide-article-header h1{font-size:42px;letter-spacing:-1.8px}.guide-hero-image{height:42vh;min-height:260px;max-height:400px}.guide-reading-layout{padding:32px 20px 60px}.guide-intro{font-size:19px;margin-bottom:40px!important}.guide-content-section{margin-top:40px}.guide-content-section p{font-size:15px;line-height:1.8}.guide-checklist{padding:26px 22px}.guide-products,.guide-related{padding:48px 20px}.guide-section-heading{align-items:start;flex-direction:column;gap:12px}.guide-section-heading h2{font-size:33px}.guide-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.guide-product-card strong{font-size:16px}.guide-advice{grid-template-columns:1fr;padding:48px 24px;gap:32px;margin-top:30px}.guide-advice h2{font-size:42px}.guide-advice-actions{width:100%}.guide-advice-actions .guide-button{min-width:0;width:100%;max-width:420px}.guide-toc ol{grid-template-columns:1fr}.guide-eyebrow{font-size:10px}}
@media(max-width:479px){.guide-card-list>a{display:flex;flex-direction:column}.guide-card-list{position:relative;top:auto}.guide-card-list .guide-card-image{min-height:0;aspect-ratio:3/2}.guide-card-list .guide-card-copy{gap:30px}.guide-card-copy{padding:24px}.guide-index-hero h1{font-size:44px;letter-spacing:-2px}.guide-article-header h1{font-size:36px;letter-spacing:-1.4px}.guide-related-grid,.guide-product-grid{grid-template-columns:1fr}.guide-related-grid>.guide-card:last-child{grid-column:auto;max-width:none}.guide-checklist .guide-button{padding-inline:18px;font-size:11px}.guide-advice h2{font-size:36px}.guide-product-card>div{aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){.guide-main *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.guide-reveal.is-pending{opacity:1;transform:none}.guide-card-list{position:relative;top:auto}}
@media print{.eg-utility,.eg-nav,.eg-footer,.guide-toc,.guide-related,.guide-products,.guide-advice,.guide-checklist .guide-button,.guide-sources{display:none!important}.guide-main{max-width:none}.guide-article-header{padding:20px 0}.guide-hero-image{height:180px;min-height:0}.guide-reading-layout{display:block;padding:24px 0}.guide-article-body{max-width:none}.guide-content-section p{font-size:11pt}.guide-reveal{opacity:1!important;transform:none!important}}

/* Continue the footer's outer frame and content grid through the advice band. */
.guide-main{max-width:none}
.guide-main>:not(.guide-advice){max-width:1800px;margin-inline:auto}
.guide-main>.guide-advice{border-radius:24px;max-width:1920px;margin-inline:16px;padding-inline:clamp(28px,5vw,90px)}
@media(min-width:1800px){.guide-main>.guide-breadcrumbs,.guide-main>.guide-index-hero,.guide-main>.guide-index-layout,.guide-main>.guide-products,.guide-main>.guide-related{padding-inline:81px}.guide-main>.guide-advice{padding-inline:max(90px,calc((min(100%,1952px) - 1632px)/2))}}
@media(min-width:1952px){.guide-main>.guide-advice{margin-inline:auto}}
@media(max-width:700px){.guide-main>.guide-advice{border-radius:18px;margin-inline:8px;padding-inline:25px}}

.guide-card:focus-within{outline:3px solid #246b93;outline-offset:5px;z-index:2}.guide-card:focus-within .guide-text-link:after{transform:scaleX(1)}