/* Shared original artwork for all four pages. Source section order is retained.
   The hero owns ONE background extending upwards behind the transparent header. */
:root{--rn-header-height:97px;--rn-bg-light:url('assets/home-image9.png');--rn-bg-dark:url('assets/home-image4.png');--rn-bg-hero:url('assets/home-image21.png')}
body .rn-content .rn-section{background-image:var(--rn-bg-light);background-color:#FFE785;background-repeat:no-repeat;background-position:center;background-size:100% 100%}
body .rn-content .rn-section.rn-dark,
body .rn-footer{background-image:var(--rn-bg-dark);background-color:#0A4B40;background-repeat:no-repeat;background-position:center;background-size:100% 100%}
body:has(.rn-content .rn-hero) .rn-header{position:relative;z-index:2;background:transparent}
body .rn-content .rn-section.rn-hero{position:relative;isolation:isolate;z-index:1;background:none}
body .rn-content .rn-section.rn-hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:calc(-1 * var(--rn-header-height)) 0 0;background-color:#FFE785;background-image:var(--rn-bg-hero);background-repeat:no-repeat;background-position:center;background-size:100% 100%}
@media(max-width:800px){:root{--rn-header-height:78px}}
/* Introduce a dark pause earlier in the method page, including all mapped text. */
body .rn-content .rn-section.rn-bg-method-4{background-image:var(--rn-bg-dark);background-color:#0A4B40;color:#FFF7CF}
body .rn-content .rn-section.rn-bg-method-4 :is(h2,h3,p,a){color:#FFF7CF}
body .rn-content .rn-section.rn-bg-method-4 .rn-eyebrow{color:#FFD84A}
/* Distribute only columns that contain content. Align their headings below logo. */
body .rn-footer .rn-footer-grid{grid-template-columns:1.2fr .8fr 1.3fr;gap:48px;align-items:start}
body .rn-footer .rn-footer-grid.rn-footer-has-social{grid-template-columns:1.2fr .75fr 1.3fr .7fr}
.rn-footer-grid h2,.rn-footer-grid h3{margin-top:0;min-height:22px;margin-bottom:14px}
/* Join the final dark call-to-action and footer using a single image layer. */
body .rn-content .rn-section.rn-cta-joined{background:none;position:relative;z-index:2}
body .rn-footer.rn-footer-joined{position:relative;isolation:isolate;z-index:1;background:none}
body .rn-footer.rn-footer-joined::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:calc(-1 * var(--rn-cta-height,0px)) 0 0;background:#0A4B40 var(--rn-bg-dark) center/100% 100% no-repeat}
@media(max-width:800px){body .rn-footer .rn-footer-grid,body .rn-footer .rn-footer-grid.rn-footer-has-social{grid-template-columns:1fr 1fr!important;gap:28px}.rn-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:480px){body .rn-footer .rn-footer-grid,body .rn-footer .rn-footer-grid.rn-footer-has-social{grid-template-columns:1fr!important}.rn-footer-grid>div:first-child{grid-column:auto}}
/* Singular homepage title; nonbreaking spaces keep its quotes attached. */
body .rn-content .rn-card .rn-scenario-title{font-size:.875rem;line-height:1.35;text-wrap:balance}
@media(min-width:1200px){body .rn-content .rn-card .rn-scenario-title{font-size:.8125rem;white-space:nowrap}}
/* Closing invitation: smaller type and less vertical space. */
body .rn-content .rn-section.rn-cta{padding-top:20px;padding-bottom:20px}
body .rn-content .rn-section.rn-cta p{margin-top:0;margin-bottom:6px;line-height:1.4}
body .rn-content .rn-section.rn-cta p.rn-lead{font-size:1rem}
body .rn-content .rn-section.rn-cta p.rn-small{font-size:.75rem}
body .rn-content .rn-section.rn-cta .rn-button{min-height:40px;font-size:.75rem;padding:10px 18px;margin:12px auto!important}
/* Compact closing area, shared by all pages. */
body .rn-content .rn-section.rn-cta{padding-top:18px;padding-bottom:8px}
body .rn-content .rn-section.rn-cta p{margin-block:0 4px;line-height:1.3}
body .rn-content .rn-section.rn-cta p.rn-lead{margin-block:0;line-height:1.25}
body .rn-content .rn-section.rn-cta .rn-button{margin:10px auto!important}
body .rn-footer{padding:18px 24px 14px}
body .rn-footer .rn-footer-grid.rn-footer-has-social{grid-template-columns:minmax(0,1.25fr) minmax(0,.65fr) minmax(0,1.3fr) minmax(0,.8fr);gap:24px}
.rn-footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-height:40px}
body .rn-footer .rn-footer-brand .rn-footer-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0;margin:0}
body .rn-footer .rn-footer-brand h2{font-size:16px;min-height:0;margin:0}
body .rn-footer .rn-footer-grid h3{display:flex;align-items:center;min-height:40px;margin:0 0 8px;font-size:11px}
body .rn-footer .rn-footer-grid p{margin:0;line-height:1.4}
body .rn-footer nav{gap:3px}
body .rn-footer .rn-disclaimer{margin:16px 0 0;padding-top:12px;line-height:1.4}
.rn-social-pending{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #fff6;border-radius:50%}
@media(max-width:800px){body .rn-footer .rn-footer-grid>div:first-child{grid-column:auto}}
