.breadcrumbs ol{flex-wrap:wrap;gap:.3rem .6rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{overflow-wrap:anywhere;gap:.6rem;min-width:0;max-width:100%;display:flex}.breadcrumbs a{padding-block:.4rem}.breadcrumbs a:focus-visible{outline-offset:3px;outline:2px solid}.service-handoff{overflow-wrap:anywhere;margin-block:1rem}.service-resources{border-top:1px solid var(--sand-line);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem 2rem;margin-top:1rem;padding-top:1rem;display:grid}.service-resources h3{margin:0 0 .5rem;font-size:1.15rem}.service-resources ul{margin:0;padding-left:1.1rem}.service-resources li{overflow-wrap:anywhere;padding-block:.3rem}html{scrollbar-width:auto}main h2{font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.2}.section{padding-block:clamp(2.5rem,4vw,3.75rem)}.ui-upgrade .ui-index-intro.topic-rail:is(.index-hero,.service-hero){background:var(--paper);min-height:0;color:var(--ink);padding-block:1.75rem}.ui-upgrade .ui-index-intro:before,.ui-upgrade .ui-index-intro:after{display:none}.ui-index-intro>.container{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:2.5rem;max-width:1280px;display:grid}.ui-upgrade .ui-index-intro.topic-rail :is(h1,p){color:inherit}.ui-upgrade .ui-index-intro h1{max-width:none;text-shadow:none;margin:.6rem 0;font-size:clamp(2rem,3.2vw,3.25rem);line-height:1.15}.ui-upgrade .ui-index-intro.topic-rail .eyebrow,.ui-upgrade .ui-index-intro.topic-rail .breadcrumbs,.ui-upgrade .ui-index-intro a:not(.button),.ui-upgrade .ui-index-intro.topic-rail .ui-index-heading .breadcrumbs :is(a,span,li){color:var(--clay)}.ui-index-heading .breadcrumbs{margin:0 0 1rem}.ui-index-summary{border-left:1px solid var(--line);padding-left:2rem}.ui-index-summary p{max-width:none;margin:0}.ui-index-summary .guide-index-topics{margin:.75rem 0 0}.ui-index-cover{background:var(--sand) var(--service-hero-image) center/cover;border-radius:var(--radius);height:250px}@media (width<=900px){.ui-index-intro>.container{display:block}.ui-index-summary{border:0;padding:1rem 0 0}.ui-index-cover{display:none}}.service-hero[style*=roof-repairs-case-05-roof-overview\.jpg]{--service-hero-image:url(/assets/images/roof-repairs-case-05-roof-overview-800.webp)!important}@media (width<=600px){.service-hero[style*=roof-repairs-case-05-roof-overview\.jpg]{--service-hero-image:url(/assets/images/roof-repairs-case-05-roof-overview-640.webp)!important}}