/* Warranty maintenance guide (draft, Oct 7, 2026). Loaded only on /commercial-roof-warranty-maintenance-requirements/. Extends site.css, cities.css, guide.css. */
.guide .note{font-size:14px;line-height:1.6;letter-spacing:.02em}
.guide .note a{color:inherit;border-bottom:1px solid var(--red);text-decoration:none}
.guide .sec:not(.light) .prose p,.guide .sec:not(.light) .prose li{color:var(--soft)}
.guide .prose ul{margin:0 0 1.1em;padding-left:20px}.guide .prose li{margin:0 0 8px}
/* calendar list (phones) */
.cal-n{list-style:none;margin:0;padding:0}
.cal-n li{padding:14px 0 14px 18px;border-left:3px solid var(--red);margin:0 0 10px;background:#fff}
.cal-n b{display:block;font:800 20px/1.15 "Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--txt)}
.cal-n li>span{display:block;margin-top:4px;font-size:16px;line-height:1.55;color:var(--txt2);padding-right:12px}
/* three cards on dark */
.gc{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
.gc>div{background:var(--ink2);padding:32px 28px 30px}
.ink2 .gc>div{background:var(--ink)}
.gc .k{font:700 13px/1.3 Barlow,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 12px}
.gc h3{color:#fff;margin:0 0 12px}
.gc p{color:var(--soft);font-size:16.5px;line-height:1.6;margin:0 0 12px}
.gc p:last-child{margin-bottom:0}
@media (max-width:900px){.gc{grid-template-columns:1fr}}
/* case box */
.case{margin-top:clamp(40px,5vw,56px);padding:clamp(24px,3.5vw,40px);border:1px solid var(--rule);border-left:3px solid var(--red);background:var(--ink3);max-width:52em}
.case .k{font:700 13px/1.3 Barlow,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
.case h3{color:#fff;margin:0 0 12px}
.case p{color:var(--soft);font-size:16.5px;line-height:1.6;margin:0 0 10px}
.case a{color:#fff;border-bottom:1px solid var(--red);text-decoration:none}
/* download box (light) */
.dlbox{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;background:#fff;border-top:3px solid var(--red);padding:clamp(24px,4vw,48px)}
.dlbox h3{color:var(--txt);margin:0 0 10px}
.dlbox p{margin:0 0 12px;font-size:16.5px}
.dlbox ul{margin:0;padding-left:20px;color:var(--txt2);font-size:16px;line-height:1.6}
.dlbox .btn{margin-top:8px}
@media (max-width:860px){.dlbox{grid-template-columns:1fr}}
/* records list on light */
.reclist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
.reclist li{position:relative;padding:16px 0 16px 30px;border-top:1px solid var(--rule-d);font-size:17px;line-height:1.55;color:var(--txt2)}
.reclist li::before{content:"";position:absolute;left:2px;top:24px;width:12px;height:7px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}
.reclist b{color:var(--txt);font-weight:600}
@media (max-width:820px){.reclist{grid-template-columns:1fr}}
/* program pillars + Roof React */
.pillars{list-style:none;counter-reset:p;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 48px}
.pillars li{counter-increment:p;padding:28px 0 26px;border-top:1px solid var(--rule)}
.pillars li::before{position:static;content:counter(p,decimal-leading-zero);display:block;font:700 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;color:var(--red);margin-bottom:16px}
.pillars h3{color:#fff;margin:0 0 10px}
.pillars p{color:var(--soft);font-size:16.5px;line-height:1.6;margin:0}
@media (max-width:980px){.pillars{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.pillars{grid-template-columns:1fr}}
.rrb{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,5vw,72px);align-items:start;padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--rule)}
.rrb .rr-logo{display:inline-block;margin-bottom:22px}
.rrb .rr-logo img{width:150px;height:auto;display:block}
.rrb h3{color:#fff;font-size:clamp(26px,2.6vw,36px);margin:0 0 16px}
.rrb p{color:var(--soft);font-size:17px;line-height:1.65;margin:0 0 14px}
.rrb a:not(.tlink){color:#fff;border-bottom:1px solid var(--red);text-decoration:none}
.rrb figure{margin:0}
.rrb figure img{width:100%;height:auto;display:block;border-radius:14px}
.rrb figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--mute)}
.rr-areas{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.rr-areas li{padding:14px 0;border-top:1px solid var(--rule);font-size:16px;line-height:1.5;color:var(--soft)}
.rr-areas b{display:block;color:#fff;font:800 19px/1.15 "Barlow Condensed",sans-serif;text-transform:uppercase;margin-bottom:4px}
.rr-areas li.hi b{color:var(--red)}
.rr-fine{font-size:14px!important;color:var(--mute)!important;margin-top:22px!important}
@media (max-width:900px){.rrb{grid-template-columns:1fr}.rrb figure{max-width:340px}}
@media (max-width:560px){.rr-areas{grid-template-columns:1fr}}
/* dark FAQ, light sources */
.sec:not(.light) .svc{border-top-color:var(--rule)}
.sec:not(.light) .svc li{border-bottom-color:var(--rule)}
.sec:not(.light) .svc h3{color:#fff}
.sec:not(.light) .svc p{color:var(--soft)}
.light .srcs{color:var(--txt2)}
.light .srcs a{color:var(--txt)}
/* phones */
@media (max-width:640px){
  .guide .note{font-size:15px}
  .gc p,.case p,.pillars p,.rrb p,.reclist li,.dlbox p,.dlbox ul{font-size:16px}
  .rr-areas li{font-size:16px}
  .case a,.rrb a:not(.tlink),.guide .prose a,.guide .note a,.dtable td a,.pq figcaption a,.fig figcaption a,.guide .byline a,.guide .lead a,.keys a{padding:14px 0;border-bottom:0!important;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:1px;text-underline-offset:3px}
  .pq figcaption{font-size:14px;line-height:1.7}
  .fig figcaption{font-size:15px}
  .gc .k,.case .k{font-size:14px}
  .guide .byline{font-size:14px}
  .dtable td,.dtable th{font-size:16px}
}
@media print{.hdr{display:none!important}.js .rv{opacity:1!important;transform:none!important}}
@media (max-width:640px){.crumbs{font-size:14px}}

/* rev 2 (Oct 7, 2026): manufacturer-wide + editorial pass */
.city-intro .w-relief{margin-top:14px}
.w-cert{max-width:780px;margin:24px 0 0;padding:16px 20px;border-left:3px solid var(--red);background:rgba(255,255,255,.045);color:var(--soft);font-size:17px;line-height:1.6}
.w-cert b{color:#fff;font-weight:600}
.w-turn{margin:30px 0 0;max-width:780px;padding-left:18px;border-left:3px solid var(--red);font-size:19px;line-height:1.5;font-weight:600;color:var(--txt)}
.scn-label{font:700 13px/1.4 Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:0 0 22px}
.scn{list-style:none;margin:0;padding:0 0 0 2px;max-width:860px;border-left:2px solid var(--rule)}
.scn li{position:relative;padding:0 0 24px 30px}
.scn li:last-child{padding-bottom:0}
.scn li::before{content:"";position:absolute;left:-8px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--ink2);border:2px solid var(--red)}
.scn b{display:block;font:800 21px/1.15 "Barlow Condensed",sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff;margin:0 0 6px}
.scn span{display:block;color:var(--soft);font-size:17px;line-height:1.6}
.scn li.hi::before{background:var(--red)}
.scn li.hi span{color:#fff}
.scn-fix{margin-top:34px;max-width:860px;padding:26px 28px;border:1px solid var(--rule);border-left:3px solid var(--red);background:var(--ink)}
.scn-fix h3{color:#fff;margin:0 0 12px}
.scn-fix ul{margin:0 0 14px;padding-left:20px;color:var(--soft);font-size:17px;line-height:1.6}
.scn-fix li{margin:0 0 6px}
.scn-fix p{margin:0;color:#fff;font-weight:600;font-size:17px}
.cmp th[scope=row]{min-width:150px}
.cmp th[scope=row] small{display:block;margin-top:6px;font:400 14px/1.4 Barlow,sans-serif;letter-spacing:0;text-transform:none;color:var(--txt2)}
.cmp td{font-size:15.5px;line-height:1.55}
.cmp .ns{font-style:italic;color:var(--txt2)}
.w-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);margin-top:clamp(36px,5vw,56px);align-items:start}
.callout-d{background:var(--ink);padding:28px 30px;border-left:3px solid var(--red)}
.callout-d h3{color:#fff;margin:0 0 12px}
.callout-d p{color:var(--soft);font-size:17px;line-height:1.6;margin:0 0 12px}
.callout-d p:last-child{margin-bottom:0}
.callout-d b{color:#fff;font-weight:600}
.w-two .prose h3{margin-top:0}
@media (max-width:860px){.w-two{grid-template-columns:1fr}.cmp td{font-size:16px}}
/* rev 3: owner duties box + separate-service line in program */
.w-owner{margin-top:clamp(36px,4vw,48px);max-width:900px;padding:26px 28px;background:var(--ink);border:1px solid var(--rule);border-left:3px solid var(--red)}
.w-owner h3{color:#fff;margin:0 0 10px}
.w-owner p{color:var(--soft);font-size:17px;line-height:1.6;margin:0}
.w-sep{margin:18px 0 0;font:700 17px/1.4 "Barlow Condensed",Barlow,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff}
@media (max-width:640px){.ftr .areas li.ar-hub a{padding:12px 0}}
@media (max-width:640px){.srcs a{display:block}}