/* Aberroof 24-hour emergency roofing feature — scoped to .ab-em */
.ab-em{font-family:Montserrat,Arial,sans-serif;color:#1c251b;line-height:1.65;background:#fff}
.ab-em *{box-sizing:border-box}
.ab-em a{transition:background .2s ease,color .2s ease}
.ab-em .wrap{max-width:1160px;margin:auto;padding:0 24px}
.ab-em .hero{background:linear-gradient(90deg,rgba(13,25,17,.94),rgba(13,25,17,.82)),url('images/services/reslating-page-hero.jpg') center/cover;color:#fff;padding:88px 0 78px}
.ab-em .eyebrow{font-size:13px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#a8dc67}
.ab-em h1{font-size:clamp(34px,5vw,62px);line-height:1.13;margin:16px 0 20px;font-weight:800;color:#fff;max-width:930px}
.ab-em .hero p{font-size:clamp(16px,2vw,20px);max-width:760px;color:#f1f5ef;margin:0 0 26px}
.ab-em .actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 16px}
.ab-em .btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:52px;padding:14px 22px;border-radius:6px;font-weight:800;text-decoration:none;font-size:15px}
.ab-em .btn-primary{background:#91c64b;color:#12200e}
.ab-em .btn-primary:hover{background:#b3e66c}
.ab-em .btn-outline{border:2px solid #fff;color:#fff}
.ab-em .btn-outline:hover{background:#fff;color:#152014}
.ab-em .hero-note{font-size:13px!important;color:#d8e5d4!important}
.ab-em section.content{padding:70px 0}
.ab-em section.soft{background:#f3f6f0}
.ab-em h2{font-size:clamp(26px,3vw,39px);line-height:1.22;color:#17251a;margin:0 0 20px;font-weight:800}
.ab-em h3{font-size:19px;line-height:1.3;color:#17251a;margin:0 0 9px;font-weight:800}
.ab-em p{margin:0 0 16px;font-size:16px}
.ab-em .intro{max-width:780px;color:#475549;font-size:17px;margin-bottom:30px}
.ab-em .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ab-em .panel{padding:26px;border:1px solid #e0e7db;background:#fff;border-radius:10px}
.ab-em .panel .num{display:inline-block;color:#507e22;font-size:13px;font-weight:800;letter-spacing:.07em;margin-bottom:12px}
.ab-em .split{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
.ab-em .photo{width:100%;height:360px;object-fit:cover;border-radius:10px}
.ab-em .bullets{padding-left:22px;margin:15px 0 24px}
.ab-em .bullets li{margin:10px 0}
.ab-em .faq{max-width:900px}
.ab-em details{border-bottom:1px solid #dce4d6;padding:18px 0}
.ab-em summary{cursor:pointer;font-weight:800;font-size:17px;color:#17251a}
.ab-em details p{padding-top:14px;color:#405041}
.ab-em .callout{background:#192a1b;color:#fff;border-radius:12px;padding:40px}
.ab-em .callout h2{color:#fff}
.ab-em .callout p{color:#e4eee0}
.ab-em .callout .btn-outline{border-color:#a8dc67;color:#fff}
.ab-em .micro{font-size:13px;color:#5b695d}
.ab-em .related{display:flex;flex-wrap:wrap;gap:18px}
.ab-em .related a{color:#32620b;font-weight:800}
@media(max-width:760px){.ab-em .hero{padding:56px 0}.ab-em .grid,.ab-em .split{grid-template-columns:1fr}.ab-em section.content{padding:46px 0}.ab-em .actions{flex-direction:column}.ab-em .btn{width:100%}.ab-em .photo{height:245px}.ab-em .callout{padding:26px}.ab-em .wrap{padding:0 18px}}