/* Quote Spotlight correction v2: track/control hit-testing and reviewer-name contrast only. Existing font and carousel JS retained. */
.iowb-spotlight-final{--spotlight-ink:#102e48;--spotlight-cream:#eee9df;--spotlight-orange:#ea851f;box-sizing:border-box;position:relative;isolation:isolate;background:var(--spotlight-cream);color:var(--spotlight-ink);font-family:"DM Sans Local",sans-serif;padding:50px 24px 64px;min-height:640px}
.iowb-spotlight-final *{box-sizing:border-box}
.iowb-spotlight-final .iowb-spotlight-title{position:relative;z-index:3;text-align:center;max-width:880px;margin:0 auto 34px}
.iowb-spotlight-final .iowb-spotlight-title h2{font:700 49px/1.08 "DM Sans Local",sans-serif;letter-spacing:-1.8px;color:var(--spotlight-ink);margin:0 0 15px}
.iowb-spotlight-final .iowb-spotlight-title p{font-size:18px;line-height:1.4;color:#526473;margin:0}
.iowb-spotlight-final .iowb-spotlight-dale{position:absolute;width:225px;height:auto;bottom:0;z-index:0;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;filter:none!important;pointer-events:none;object-fit:contain}
.iowb-spotlight-final .iowb-spotlight-dale-left{left:max(12px,calc((100% - 1380px)/2))}
.iowb-spotlight-final .iowb-spotlight-dale-right{right:max(12px,calc((100% - 1380px)/2))}
.iowb-spotlight-final .iowb-spotlight-card{position:relative;z-index:2;max-width:880px;margin:auto;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 18px 34px #102e4812}
.iowb-spotlight-final .craft-review-carousel{margin:0;padding:30px 40px 28px;background:var(--spotlight-ink);color:white;border:0;border-radius:0;box-shadow:none;position:relative}
.iowb-spotlight-final .craft-review-carousel:focus-visible,.iowb-spotlight-final button:focus-visible{outline:3px solid #76bcff;outline-offset:-5px}
.iowb-spotlight-final .iowb-spotlight-source{display:flex;gap:9px;align-items:center;font-size:14px;line-height:1.5;font-weight:650;color:#dce8f0}
.iowb-spotlight-final .iowb-spotlight-source img{width:24px;height:24px;background:transparent;border:0;border-radius:0;box-shadow:none}
.iowb-spotlight-final .craft-review-track{display:block;transform:none;overflow:visible;background:transparent;position:static;min-height:0}
.iowb-spotlight-final .craft-review-slide{display:none!important;position:static!important;visibility:visible;opacity:1;transform:none;inset:auto;margin:0;padding:0;min-height:0;height:auto;border:0;border-radius:0;background:transparent!important;box-shadow:none;color:inherit}
.iowb-spotlight-final .craft-review-slide.is-active{display:block!important}
.iowb-spotlight-final .craft-review-slide::before,.iowb-spotlight-final .craft-review-slide::after{content:none!important}
.iowb-spotlight-final .craft-review-slide p{font-size:44px;font-weight:650;line-height:1.17;letter-spacing:-1.2px;margin:27px 0 24px;max-width:none;color:#fff}
.iowb-spotlight-final .craft-review-slide[data-quote-length=long] p{font-size:29px;letter-spacing:-.5px}
.iowb-spotlight-final .craft-review-slide footer{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;color:#fff;padding:0 170px 0 0;min-height:48px}
.iowb-spotlight-final .craft-review-slide cite{font-style:normal;font-size:18px;font-weight:750;line-height:1.3;color:#fff}
.iowb-spotlight-final .craft-review-slide footer span{font-size:13px;font-weight:450;line-height:1.4;color:#cad7e1}
.iowb-spotlight-final .craft-review-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-48px 0 0;min-height:48px;color:#fff;position:relative;z-index:1}
.iowb-spotlight-final .craft-review-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;width:46px;height:46px;margin:0;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font:400 24px/1 "DM Sans Local",sans-serif;cursor:pointer}
.iowb-spotlight-final .craft-review-controls button:hover{background:#ffffff15}
.iowb-spotlight-final .craft-review-controls p{font-size:14px;min-width:38px;text-align:center;line-height:1.4;margin:0;color:inherit}
.iowb-spotlight-final .iowb-spotlight-proof{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 32px;background:#fff;color:var(--spotlight-ink)}
.iowb-spotlight-final .iowb-spotlight-rating{display:flex;align-items:center;gap:17px}
.iowb-spotlight-final .iowb-spotlight-rating>strong{font-size:35px;line-height:1;font-weight:750}
.iowb-spotlight-final .iowb-spotlight-stars{display:block;font-size:20px;letter-spacing:2px;line-height:1.2;background:linear-gradient(to right,var(--spotlight-orange) 94%,#9ba7ad 94%);background-clip:text;-webkit-background-clip:text;color:transparent}
.iowb-spotlight-final .iowb-spotlight-rating-label{display:block;font-size:13px;line-height:1.4;margin-top:5px}
.iowb-spotlight-final .iowb-spotlight-recommend{font-size:14px;color:#526473;line-height:1.4;padding-left:28px;border-left:1px solid #d2cbc0}
.iowb-spotlight-final .iowb-spotlight-recommend strong{display:block;font-size:22px;line-height:1.2;color:var(--spotlight-ink)}
.iowb-spotlight-final .iowb-spotlight-verified{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid #e7b27d;border-radius:10px;background:#fff1df;color:var(--spotlight-ink);cursor:default}
.iowb-spotlight-final .iowb-spotlight-verified strong{display:block;font-size:17px;font-weight:750;line-height:1.3}
.iowb-spotlight-final .iowb-spotlight-verified small{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#526473}
.iowb-spotlight-final .iowb-spotlight-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1200px) and (min-width:701px){.iowb-spotlight-final .iowb-spotlight-card{width:calc(100% - 280px)}.iowb-spotlight-final .iowb-spotlight-dale{width:160px}.iowb-spotlight-final .iowb-spotlight-dale-left{left:0}.iowb-spotlight-final .iowb-spotlight-dale-right{right:0}.iowb-spotlight-final .craft-review-slide p{font-size:36px}.iowb-spotlight-final .craft-review-slide[data-quote-length=long] p{font-size:25px}.iowb-spotlight-final .iowb-spotlight-proof{padding:22px;flex-wrap:wrap}.iowb-spotlight-final .iowb-spotlight-verified{width:100%;justify-content:center}}
@media(max-width:700px){.iowb-spotlight-final{padding:35px 16px 32px;min-height:0}.iowb-spotlight-final .iowb-spotlight-title{min-height:168px;margin:0 auto 22px;padding:8px 62px 0}.iowb-spotlight-final .iowb-spotlight-title h2{font-size:30px;line-height:1.04;letter-spacing:-.9px;margin-bottom:12px}.iowb-spotlight-final .iowb-spotlight-title p{font-size:14px;line-height:1.4}.iowb-spotlight-final .iowb-spotlight-dale{width:92px;top:65px;bottom:auto;z-index:1}.iowb-spotlight-final .iowb-spotlight-dale-left{left:0}.iowb-spotlight-final .iowb-spotlight-dale-right{right:0}.iowb-spotlight-final .iowb-spotlight-card{width:100%}.iowb-spotlight-final .craft-review-carousel{padding:23px 22px}.iowb-spotlight-final .craft-review-slide p{font-size:33px;line-height:1.15;letter-spacing:-.65px;margin:25px 0}.iowb-spotlight-final .craft-review-slide[data-quote-length=long] p{font-size:25px;line-height:1.3;letter-spacing:-.4px}.iowb-spotlight-final .craft-review-slide footer{padding:0;min-height:0}.iowb-spotlight-final .craft-review-slide cite{font-size:17px}.iowb-spotlight-final .craft-review-controls{margin:23px 0 0}.iowb-spotlight-final .iowb-spotlight-proof{padding:23px 22px;display:grid;grid-template-columns:1fr auto;gap:22px 15px}.iowb-spotlight-final .iowb-spotlight-rating{gap:11px}.iowb-spotlight-final .iowb-spotlight-rating>strong{font-size:31px}.iowb-spotlight-final .iowb-spotlight-stars{font-size:16px;letter-spacing:1px}.iowb-spotlight-final .iowb-spotlight-rating-label{font-size:12px}.iowb-spotlight-final .iowb-spotlight-recommend{border:0;padding:0;font-size:12px}.iowb-spotlight-final .iowb-spotlight-recommend strong{font-size:22px}.iowb-spotlight-final .iowb-spotlight-verified{grid-column:1/-1;justify-content:center;padding:14px}.iowb-spotlight-final .iowb-spotlight-verified strong{font-size:17px}.iowb-spotlight-final .iowb-spotlight-verified small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.iowb-spotlight-final *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Cumulative v3: existing Dale First video and benefits in one navy card. */
body[data-updates21] #craft-why .roof22-why-grid{display:block}
body[data-updates21] #craft-why .roof22-why-grid > #craft-why-title{margin:0 0 28px}
body[data-updates21] #craft-why .iowb-dale-first-card{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;width:100%;padding:32px;border-radius:13px;background:#102e48;color:#fff}
body[data-updates21] #craft-why .iowb-dale-first-card .roof22-why-media{min-height:0;max-height:none;width:100%;border-radius:8px;overflow:hidden;background:#071d30}
body[data-updates21] #craft-why .iowb-dale-first-card .roof22-why-media video{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;object-fit:contain;background:#071d30}
body[data-updates21] #craft-why .iowb-dale-first-card .roof22-why-copy{min-width:0;align-self:center;color:#fff}
body[data-updates21] #craft-why .iowb-dale-first-card .roof21-bullets{gap:16px;margin:0}
body[data-updates21] #craft-why .iowb-dale-first-card .roof21-bullets li{color:#fff;font-size:18px;line-height:1.55;padding-left:32px}
body[data-updates21] #craft-why .iowb-dale-first-card .roof21-bullets li::before{background:#187746;color:#fff}
@media(max-width:900px){body[data-updates21] #craft-why .iowb-dale-first-card{grid-template-columns:minmax(0,1fr);gap:26px;padding:28px}}
@media(max-width:700px){body[data-updates21] #craft-why .roof22-why-grid > #craft-why-title{margin-bottom:24px}body[data-updates21] #craft-why .iowb-dale-first-card{gap:24px;padding:22px;border-radius:13px}body[data-updates21] #craft-why .iowb-dale-first-card .roof21-bullets{gap:15px}body[data-updates21] #craft-why .iowb-dale-first-card .roof21-bullets li{font-size:17px;line-height:1.55}}
@media(max-width:360px){body[data-updates21] #craft-why .iowb-dale-first-card{padding:18px;gap:22px}}

/* Update 27: two roof routes only; shared wording, desktop geometry. */
body[data-updates21] .iowb-spotlight-final .iowb-spotlight-verified{background:#187746;border-color:#187746;color:#fff}
body[data-updates21] #roof24-why-choose-title,
body[data-updates21] #roof24-reliability-title{text-align:center}
@media(min-width:701px){
  body[data-updates21] .roof21-reasons-grid article:first-child img{width:min(345px,100%);max-width:345px;height:264px;max-height:264px}
  body[data-updates21] .roof23-roofing-bar{position:relative;z-index:1;margin-bottom:-28px}
  body[data-updates21] .roof24-honest-panel{padding-top:calc(clamp(1.5rem,4vw,3rem) + 28px)}
}

@media(min-width:701px) and (max-width:900px){body[data-updates21] .roof21-reasons-grid article:first-child img{width:min(264px,100%);max-width:264px}}

/* Update 29: mobile refinements; preserve all desktop rules above. */
@media(max-width:700px){
  body[data-updates21] .iowb-spotlight-final{padding-bottom:200px}
  body[data-updates21] .iowb-spotlight-final .iowb-spotlight-title{min-height:0;padding:8px 0 0}
  body[data-updates21] .iowb-spotlight-final .iowb-spotlight-dale{top:auto;bottom:0;width:clamp(96px,28vw,110px)}
  body[data-updates21] .roof23-roofing-bar{position:relative;z-index:1;margin-bottom:-24px}
  body[data-updates21] .roof24-honest-panel{padding-top:calc(clamp(1.5rem,4vw,3rem) + 24px)}
  body[data-updates21] :is(.roof24-why-choose,.roof24-reliability,.roof24-contractor-guide,.roof24-timely-guide){text-align:center}
  body[data-updates21] :is(.roof24-why-choose,.roof24-reliability,.roof24-contractor-guide,.roof24-timely-guide) :is(h2,h3,p,li){text-align:center!important}
  body[data-updates21] .craft-process li:first-child :is(h3,p){text-align:center!important}
  body[data-updates21] .craft-process li:first-child>div{grid-template-columns:minmax(0,1fr);justify-items:center}
  body[data-updates21] .craft-process li:first-child>div :is(b,h3,p){grid-column:1;grid-row:auto}
  body[data-updates21] .craft-process li:first-child p a{display:inline;min-height:0;vertical-align:baseline}
}