/* Tranche 2a (roofing subpages) — page-specific additions, builder: holmes-t2a.
   Reuses existing tokens (--line, --line-strong, --ink, --ink-soft, --steel,
   --bg-tint, --azure) — no new colors/fonts/radii introduced. Loaded after
   site.css via each page's extra_css hook. */

/* ---- FAQ: "simple ruled list" per the Tranche 2 build brief — plain
   heading+paragraph pairs separated by a hairline rule, no accordion/JS,
   same centered .svc-head heading treatment as the service-card sections. */
.faq-simple{ padding:80px 0; background:#fff; }
.faq-simple.tint{ background:var(--bg-tint); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.faq-list{ max-width:760px; margin:0 auto; }
.faq-item{ padding:24px 0; border-top:1px solid var(--line); }
.faq-item:first-child{ border-top:none; padding-top:0; }
.faq-item h3{ font-size:17.5px; margin-bottom:8px; }
.faq-item p{ color:var(--steel); font-size:15px; line-height:1.65; margin:0; }

/* ---- breadcrumb: plain-text trail under the page-hero, same muted-link
   language as .foot-col a but on a light background. */
.pg-breadcrumb{ padding:16px 0; background:#fff; border-bottom:1px solid var(--line); }
.pg-breadcrumb ol{ list-style:none; display:flex; flex-wrap:wrap; gap:6px; font-family:'Open Sans',sans-serif; font-size:13px; color:var(--steel); max-width:1180px; margin:0 auto; padding:0 24px; }
.pg-breadcrumb li{ display:flex; align-items:center; gap:6px; }
.pg-breadcrumb li:not(:last-child)::after{ content:'/'; color:var(--line-strong); margin-left:6px; }
.pg-breadcrumb a{ color:var(--steel); transition:color .2s; }
.pg-breadcrumb a:hover{ color:var(--azure); }
.pg-breadcrumb li:last-child{ color:var(--ink); font-weight:600; }