/* Editorial benefits first; scoped rules avoid collisions with legacy accordion grids. */
.benefits-first-guide .guide-layout{grid-template-columns:210px minmax(0,1fr);gap:48px}
.benefits-first-guide .guide-layout>.prose{max-width:none}
.benefits-first-guide .prose [id],#quick-benefits{scroll-margin-top:16px}
.benefits-first-guide .prose>section{padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid var(--line)}
.benefits-first-guide .prose>section>h2{font-size:clamp(34px,3.2vw,48px);line-height:1.08;max-width:850px;margin:0 0 20px}
.benefits-first-guide .prose p{font-size:16px;line-height:1.65;color:#405b63}
.benefits-first-guide .prose .eyebrow{color:#187a77;font-size:11px;line-height:1.4;letter-spacing:.16em;margin-bottom:18px}
.benefits-first-guide .benefits-editorial{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;margin-top:28px}
.benefits-first-guide .benefits-editorial article{border-top:1px solid #b7ccca;padding:20px 0;display:grid;grid-template-columns:25px 1fr;gap:9px 14px;align-content:start}
.benefits-editorial article>span{font-size:12px;color:#187a77;padding-top:7px}
.benefits-first-guide .benefits-editorial h3{font-size:29px;line-height:1.15;margin:0}
.benefits-editorial article p{grid-column:2;margin:0}
.benefits-first-guide .prose .guide-caption{font-size:13px;line-height:1.6;color:#4b646b;margin:14px 0 0}
.benefits-first-guide .prose .guide-work-opportunity{background:#e0efec;border:0;padding:30px}
.benefits-first-guide .guide-work-opportunity .lead{font-size:19px;color:#163842}
.benefits-first-guide .prose .permit-sequence{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:24px 0}
.permit-sequence li{border-top:2px solid #23827d;padding-top:14px}
.permit-sequence b{display:block;font-size:14px;color:#163842}
.permit-sequence span{display:block;font-size:13px;line-height:1.55;color:#405b63;margin-top:6px}
.guide-work-opportunity .text-link{margin-top:22px;font-size:14px}
.benefits-first-guide .prose .guide-rural-feature{background:#102f3a;color:#fff;padding:32px;border:0}
.benefits-first-guide .guide-rural-feature h2{color:#fff}
.benefits-first-guide .guide-rural-feature p,.benefits-first-guide .guide-rural-feature .lead{color:#e1edec}
.benefits-first-guide .guide-rural-feature .eyebrow{color:#9cddd6}
.rural-facts{display:grid;grid-template-columns:1fr .75fr 1.2fr;gap:24px;border-block:1px solid #547078;padding:24px 0;margin:26px 0}
.rural-facts strong{font:400 clamp(27px,3vw,40px)/1.1 var(--serif);display:block;color:#9cddd6;margin-bottom:12px}
.rural-facts span{font-size:13px;line-height:1.5;display:block;color:#e1edec}
.benefits-first-guide .guide-rural-feature details{background:transparent;border-color:#547078}
.benefits-first-guide .guide-rural-feature summary{font-size:15px;color:#fff}
.guide-rural-feature summary:after{color:#9cddd6}
.guide-rural-feature .table-wrap{background:#f7f8f3;color:#163842;margin:12px 0 20px}
.guide-rural-feature table{min-width:540px}
.guide-rural-feature th,.guide-rural-feature td{font-size:13px;padding:13px}
.guide-family-options{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.benefits-first-guide .guide-family-options h3{font-size:28px;line-height:1.15;margin:4px 0 12px}
.guide-family-options p{margin-bottom:20px}
.benefits-first-guide .prose .guide-stage-list{list-style:none;margin:24px 0;padding:0}
.guide-stage-list>li{display:grid;grid-template-columns:44px 1fr;gap:20px;border-top:1px solid var(--line);padding:19px 0;margin:0}
.guide-stage-list>li>span{font:32px/1.2 var(--serif);color:#187a77}
.benefits-first-guide .guide-stage-list h3{font-size:28px;line-height:1.2;margin:0 0 8px}
.guide-stage-list p{margin:0}
.benefits-first-guide .guide-stage-list .stage-branch{font-size:14px;border-left:2px solid #23827d;padding-left:14px;margin-top:12px;color:#24565a}
.benefits-first-guide .prose .guide-deep-topic{display:block;background:transparent;padding:0;margin:0;border-top:1px solid var(--line)}
.benefits-first-guide .guide-deep-topic>summary{font-size:17px;line-height:1.4;padding:22px 35px 22px 0;color:#173c46}
.benefits-first-guide .guide-deep-topic>section.answer{margin:0;padding:0 0 26px;max-width:none;display:flow-root}
.benefits-first-guide .guide-deep-topic h2{font-size:29px;line-height:1.2;margin:10px 0 18px}
.benefits-first-guide .guide-deep-topic h3{font-size:25px;line-height:1.2;margin:24px 0 12px}
.benefits-first-guide .guide-deep-topic .source-note{font-size:11px}
.benefits-first-guide .guide-deep-topic .accordion .answer{padding-bottom:15px}
.benefits-first-guide .guide-deep-topic .accordion summary{font-size:15px}
.quick-benefits{background:#e4f0ec}
.quick-benefits>.wrap{display:grid;grid-template-columns:.8fr 1.5fr;gap:0 55px}
.quick-benefits-heading h2{font-size:clamp(36px,3.4vw,48px);line-height:1.08;margin:0 0 18px}
.quick-benefits-heading p:not(.eyebrow){font-size:16px;color:#405b63;line-height:1.65;max-width:350px}
.quick-benefits-list{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}
.quick-benefits-list h3{font-size:27px;line-height:1.15;margin:0 0 10px}
.quick-benefits-list p{font-size:15px;line-height:1.6;margin:0;color:#405b63}
.quick-rural-note{grid-column:1/-1;border-top:1px solid #abc7c3;margin:27px 0 0;padding-top:20px;color:#294f56;font-size:14px;line-height:1.6}
@media(max-width:1000px){
 .benefits-first-guide .guide-layout{grid-template-columns:1fr;gap:28px}
 /* The fixed "On this page" menu already provides these destinations on smaller screens. */
 .benefits-first-guide .guide-layout>aside{display:none}
 .benefits-first-guide .toc{display:flex;flex-wrap:wrap;position:static;gap:2px 20px;max-height:none;overflow:visible}
 .benefits-first-guide .toc strong{width:100%}
 .benefits-first-guide .toc a{font-size:13px;padding:6px 0}
 .quick-benefits>.wrap{grid-template-columns:1fr;gap:24px}
 .quick-benefits-heading p:not(.eyebrow){max-width:650px}
 .quick-rural-note{margin-top:0}
}
@media(max-width:600px){
 .benefits-first-guide .prose>section{padding-bottom:28px;margin-bottom:28px}
 .benefits-first-guide .prose>section>h2{font-size:35px}
 .benefits-first-guide .benefits-editorial{grid-template-columns:1fr;margin-top:22px}
 .benefits-first-guide .benefits-editorial article{padding:17px 0;gap:9px 10px}
 .benefits-first-guide .benefits-editorial h3{font-size:27px}
 .benefits-first-guide .prose .guide-work-opportunity,.benefits-first-guide .prose .guide-rural-feature{padding:23px 20px}
 .benefits-first-guide .prose .permit-sequence{grid-template-columns:1fr;gap:12px}
 .permit-sequence li{padding-top:10px;margin-bottom:0}
 .rural-facts{grid-template-columns:1fr;gap:20px;padding:20px 0}
 .rural-facts>div{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center}
 .rural-facts strong{font-size:26px;letter-spacing:-.02em;margin:0}
 .rural-facts span{font-size:12px}
 .guide-family-options{grid-template-columns:1fr;gap:0}
 .guide-stage-list>li{grid-template-columns:32px 1fr;gap:12px;padding:17px 0}
 .benefits-first-guide .guide-stage-list h3{font-size:25px}
 .benefits-first-guide .guide-deep-topic>summary{font-size:16px;padding-block:18px}
 .quick-benefits-list{grid-template-columns:1fr;gap:18px}
 .quick-benefits-list>div{border-top:1px solid #abc7c3;padding-top:17px}
 .quick-benefits-list h3{font-size:25px}
}

/* Both guides use the same nine-stage visual; the full guide adds optional stage detail. */
.benefits-first-guide .prose #application-steps{padding:30px;background:#102c38;color:white;border:0}
#application-steps .section-top{display:block;margin-bottom:18px}
#application-steps h2{font-size:clamp(32px,3.2vw,46px);line-height:1.08;color:white;margin:0 0 18px}
#application-steps p{color:#d9e7e7;font-size:15px;line-height:1.6}
#application-steps .eyebrow{color:#9cddd6;font-size:10px}
#application-steps .journey-intro{max-width:650px;margin:0}
#application-steps .journey-phase-labels{margin-top:26px}
#application-steps .journey-stepper{gap:9px;margin-bottom:24px}
#application-steps .journey-stepper button strong{font-size:11px}
#application-steps .journey-panels{padding:25px}
#application-steps .journey-panel{grid-template-columns:120px minmax(0,1fr);gap:25px;align-items:start}
#application-steps .journey-panel[hidden]{display:none}
#application-steps .journey-stage-art{width:120px;height:160px;transform:none}
#application-steps .journey-stage-art svg{width:120px;height:120px}
#application-steps .journey-stage-art>span{font-size:48px;top:33px}
#application-steps .journey-stage-art p{font-size:9px;line-height:1.4;letter-spacing:.08em}
#application-steps .journey-detail h3{font-size:31px;line-height:1.15;margin:0 0 18px;color:white}
#application-steps .journey-detail p.small{font-size:12px}
#application-steps .stage-depth{background:transparent;border-color:#617e86;margin:22px 0}
#application-steps .stage-depth>summary{font-size:14px;line-height:1.5;color:#9cddd6;padding-block:17px}
#application-steps .stage-depth>summary:after{color:#9cddd6}
#application-steps .stage-depth .answer{padding-bottom:15px}
#application-steps .stage-depth h4{font:600 13px/1.5 var(--sans);color:#9cddd6;margin:17px 0 7px}
#application-steps .stage-depth p{font-size:14px}
#application-steps .journey-milestone p{font-size:14px}
#application-steps .journey-controls{gap:12px}
#application-steps .journey-controls .btn{font-size:12px;padding:12px 18px;flex-shrink:0}
#application-steps .journey-status{font-size:12px;line-height:1.5;text-align:center}
#application-steps .journey-caveat{font-size:12px;line-height:1.6;margin-bottom:0}
#application-steps .route-fork{grid-template-columns:1fr;gap:12px}
#application-steps .route-fork>b{display:none}
#application-steps .route-fork p{font-size:12px}
@media(max-width:700px){
 .benefits-first-guide .prose #application-steps{padding:23px 18px}
 #application-steps .journey-panel{grid-template-columns:1fr;gap:0}
 #application-steps .journey-stage-art{display:none}
 #application-steps .journey-panels{padding:19px 16px}
 #application-steps .journey-stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 12px}
 #application-steps .journey-stepper button strong{font-size:10px}
 #application-steps .journey-detail h3{font-size:27px}
 #application-steps .journey-detail>p{font-size:14px}
 #application-steps .journey-controls{display:grid;grid-template-columns:1fr 1fr}
 #application-steps .journey-status{grid-column:1/-1;grid-row:1;text-align:left}
 #application-steps .journey-controls .btn{font-size:11px;padding:12px 8px}
}