/* Pane Protector — bright theme for the inner pages (Bone Marketing, Oct 2026).
   Loaded after each page's own <style>, so it only changes colors and spacing, not structure. */
:root{--bg:#fff;--surface:#EEF6FC;--text:#0F1E2E;--muted:#4F6072;--line:#E1E9F1;--header:#0B1B2B;--blue:#1672B3;--blued:#125E94;--red:#D42B26;--card:#fff;--card2:#F6FAFD;--gold:#E3A008}
body{background:#fff;color:var(--text)}

/* Header: white, sticky, sits above the hero instead of floating over it */
header{position:sticky!important;top:0!important;background:rgba(255,255,255,.97)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 6px 18px -14px rgba(15,30,46,.25);z-index:60}
.hd .ph,.phone{color:var(--text)!important}
.logo{color:var(--text)}
.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--text)}
.btn-red,.btn:not(.btn-ghost){background:var(--red)}
.btn-red:hover,.btn:not(.btn-ghost):hover{background:#B8231F;filter:none}

/* City-page hero: brighter overlay, header no longer on top of it */
.hero .bg{background:linear-gradient(100deg,rgba(6,32,56,.84) 0%,rgba(6,32,56,.56) 50%,rgba(6,32,56,.18) 100%),url('/images/work-modern-home.jpg') center 42%/cover no-repeat}
.hero .in{padding:80px 0 92px}
.hero:has(.bg) .eyebrow{color:#9AD6FA}
.hero{min-height:0}

/* Cards, sections, forms */
.stat{background:#fff}
.stats{box-shadow:0 24px 50px -30px rgba(15,30,46,.35)}
section.alt,.alt{background:#F3F8FC}
.card,section.alt .card,.alt .card{background:#fff;box-shadow:0 1px 2px rgba(15,30,46,.04),0 8px 24px -14px rgba(15,30,46,.14)}
.card:hover{border-color:rgba(22,114,179,.35)}
form.q{background:#fff;box-shadow:0 18px 40px -26px rgba(15,30,46,.3)}
form.q input,form.q select{background:#fff;border:1px solid #C9D6E2;color:var(--text)}
form.q input:focus,form.q select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,114,179,.18)}
form.q input::placeholder{color:#7B8A99}
details,section.alt details,.faq details,.article details{background:#fff}
.quote-c{background:linear-gradient(180deg,#F3F8FC,#fff)}
.ba figure{background:#F3F8FC}
.article p,.article li{color:#2B3B4C}
.article .tag{background:#EEF6FC;border-color:#D6E6F3}
.postlist a{background:#fff;box-shadow:0 8px 24px -16px rgba(15,30,46,.2)}
.chip{background:#fff}
.lead-copy p strong,.prose strong{color:var(--text)}

/* Footer: dark navy, same on every page */
footer{background:#0B1B2B!important;color:#C8D3DE;border-top:0!important;padding-left:0;padding-right:0}
footer a{color:#E6EDF3!important}
footer h5{color:#8FA3B6}
footer .fbrand p,footer .copy,footer p{color:#8FA3B6}
footer .copy{border-top-color:rgba(255,255,255,.1)}
footer .logo .tg{color:#8FA3B6}

/* Seasonal banner (added by /pp-site.js) */
.promo{display:flex;align-items:center;justify-content:center;gap:10px 14px;flex-wrap:wrap;padding:10px 18px;background:#FFF1E2;color:#3A1E04;border-bottom:1px solid #FFD1A1;font:600 14px/1.4 'Poppins',system-ui,sans-serif;text-align:center}
.promo b{color:#B4400A}
.promo a{background:#F28C28;color:#2A1300!important;border-radius:9px;padding:9px 14px;font-weight:800;font-size:13px;min-height:40px;display:inline-flex;align-items:center;text-decoration:none}
.promo a:hover{background:#E57A12}

a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1672B3;outline-offset:2px}
@media(max-width:820px){.hero .in{padding:56px 0 76px}.promo{font-size:13px}}