/* Consistent compact section spacing; approved typography and panel shapes retained. */
@layer mobileTypography {

html body.site-refined main > :is(section.wrap.section,section.section,section.product-narrative,section.installations-showcase,section.customer-proof){padding-top:32px!important;padding-bottom:32px!important;}
html body.site-refined main > :is(.home-choice-feature,.anniversary-note.journey-refined){padding-top:48px!important;padding-bottom:48px!important;margin-top:24px!important;margin-bottom:24px!important;}
html body.site-refined main > :is(.network,.long-read,.extensions,.closing){padding-top:40px!important;padding-bottom:40px!important;}
html body.site-refined main > :is(.ux-home-why,.ux-home-plan,.journey-gallery,.merged-clients,.merged-awards,.home-choice-feature,.contact.contact-proposal){margin-top:24px!important;margin-bottom:24px!important;}
html body.site-refined main > #the-longer-argument{margin-bottom:24px!important;}
html body.site-refined main > #start-a-scheme{margin-top:24px!important;margin-bottom:24px!important;}
html body.site-refined main > #no-small-problem{padding-top:32px!important;padding-bottom:32px!important;}
html body.site-refined main > :is(.installation-guide,.support-callout,.review-next-steps){margin-top:20px!important;margin-bottom:20px!important;}
html body.site-refined main > #work-with-us{margin-bottom:24px!important;}
@media(max-width:700px){
html body.site-refined main > :is(section.wrap.section,section.section,section.product-narrative,section.installations-showcase,section.customer-proof){padding-top:24px!important;padding-bottom:24px!important;}
html body.site-refined main > :is(.home-choice-feature,.anniversary-note.journey-refined,.network,.long-read,.extensions,.closing){padding-top:32px!important;padding-bottom:32px!important;}
html body.site-refined main > :is(.ux-home-why,.ux-home-plan,.journey-gallery,.merged-clients,.merged-awards,.home-choice-feature,.contact.contact-proposal){margin-top:20px!important;margin-bottom:20px!important;}
}
}

html body.site-refined main > :is(section.wrap.section,section.section,section.product-narrative,section.installations-showcase,section.customer-proof){padding-top:32px!important;padding-bottom:32px!important;}
html body.site-refined main > :is(.home-choice-feature,.anniversary-note.journey-refined){padding-top:48px!important;padding-bottom:48px!important;margin-top:24px!important;margin-bottom:24px!important;}
html body.site-refined main > :is(.network,.long-read,.extensions,.closing){padding-top:40px!important;padding-bottom:40px!important;}
html body.site-refined main > :is(.ux-home-why,.ux-home-plan,.journey-gallery,.merged-clients,.merged-awards,.home-choice-feature,.contact.contact-proposal){margin-top:24px!important;margin-bottom:24px!important;}
html body.site-refined main > #the-longer-argument{margin-bottom:24px!important;}
html body.site-refined main > #start-a-scheme{margin-top:24px!important;margin-bottom:24px!important;}
html body.site-refined main > #no-small-problem{padding-top:32px!important;padding-bottom:32px!important;}
html body.site-refined main > :is(.installation-guide,.support-callout,.review-next-steps){margin-top:20px!important;margin-bottom:20px!important;}
html body.site-refined main > #work-with-us{margin-bottom:24px!important;}
@media(max-width:700px){
html body.site-refined main > :is(section.wrap.section,section.section,section.product-narrative,section.installations-showcase,section.customer-proof){padding-top:24px!important;padding-bottom:24px!important;}
html body.site-refined main > :is(.home-choice-feature,.anniversary-note.journey-refined,.network,.long-read,.extensions,.closing){padding-top:32px!important;padding-bottom:32px!important;}
html body.site-refined main > :is(.ux-home-why,.ux-home-plan,.journey-gallery,.merged-clients,.merged-awards,.home-choice-feature,.contact.contact-proposal){margin-top:20px!important;margin-bottom:20px!important;}
}

/* Section navigation links remain real links, with clear button affordance. */
html body.site-refined .chapter-index{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;padding:20px 0!important;}
html body.site-refined .chapter-index a{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:48px!important;padding:12px!important;border:1px solid #d8dcd5!important;border-radius:10px!important;background:#fff!important;color:#252923!important;font:700 15px/1.25 Arial,Helvetica,sans-serif!important;text-decoration:none!important;text-align:center!important;transition:background .15s,border-color .15s;}
html body.site-refined .chapter-index a b{color:#b85200!important;margin:0!important;}
html body.site-refined .chapter-index a:hover{background:#fff4e6!important;border-color:#e9821b!important;}
html body.site-refined .chapter-index a:focus-visible{outline:3px solid #e9821b!important;outline-offset:3px;}
@media(max-width:700px){html body.site-refined .chapter-index{grid-template-columns:repeat(2,minmax(0,1fr))!important;}html body.site-refined .chapter-index a:last-child{grid-column:1/-1;}}
