/* hubv4: hub visual redesign. Page-scoped to the 3 trade hubs (body.t-hub1). Brand tokens only. */
html body.t-hub1 .h4-ti:not(#_){flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--y);color:var(--ink);box-sizing:border-box}
html body.t-hub1 .h4-ti svg:not(#_){display:block;width:24px;height:24px}
html body.t-hub1 .D .h4-ti:not(#_){background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--y)}
html body.t-hub1 .D .h4-lt .h4-ti:not(#_){background:var(--y);border:0;color:var(--ink)}
html body.t-hub1 .h4-ti.lg:not(#_){width:56px;height:56px;border-radius:14px}
html body.t-hub1 .h4-ti.lg svg:not(#_){width:32px;height:32px}
html body.t-hub1 .h1-chips svg:not(#_){fill:none}
/* glance: distinct icons for licence + warranty (shield had a check) */
html body .glw.fx .glance.ab-gl>[data-i="lic"]:not(#_):not(#_)::before{background:var(--y) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300053E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%225%22%20width%3D%2219%22%20height%3D%2214%22%20rx%3D%222%22/%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%2211%22%20r%3D%222%22/%3E%3Cpath%20d%3D%22M5.5%2016a3%203%200%200%201%206%200M14%2010h4.5M14%2013.5h4.5%22/%3E%3C/svg%3E") center/15px 15px no-repeat}
html body .glw.fx .glance.ab-gl>[data-i="war"]:not(#_):not(#_)::before{background:var(--y) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300053E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228.5%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M15.5%2013.4%2017%2022l-5-3-5%203%201.5-8.6%22/%3E%3C/svg%3E") center/15px 15px no-repeat}

/* 2. service cards with 16:9 photo + own icon */
html body.t-hub1 .h4-cards:not(#_){display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:26px}
@media(min-width:600px){html body.t-hub1 .h4-cards.n4:not(#_),html body.t-hub1 .h4-cards.n6:not(#_){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:700px){html body.t-hub1 .h4-cards.n3:not(#_){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){html body.t-hub1 .h4-cards.n6:not(#_){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){html body.t-hub1 .h4-cards.n4:not(#_){grid-template-columns:repeat(4,minmax(0,1fr))}}
html body.t-hub1 .h4-card:not(#_){display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 10px 26px rgba(0,5,62,.10);color:var(--txt);text-decoration:none;min-width:0;height:100%}
html body.t-hub1 .h4-ph:not(#_){display:block;position:relative;aspect-ratio:16/9;background:var(--paper);overflow:hidden}
html body.t-hub1 .h4-ph img:not(#_){display:block;width:100%;height:100%;object-fit:cover}
html body.t-hub1 .h4-ph0:not(#_){background:var(--ink2);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px 16px 20px;box-sizing:border-box;outline:2px dashed rgba(255,255,255,.22);outline-offset:-10px}
html body.t-hub1 .h4-ph0 svg:not(#_){width:34px;height:34px;color:var(--y)}
html body.t-hub1 .h4-ph0 b:not(#_){font:800 11px/1 Saira,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--y)}
html body.t-hub1 .h4-ph0 small:not(#_){font-size:13px;line-height:1.3;opacity:.8;max-width:24ch}
html body.t-hub1 .h4-cb:not(#_){display:flex;flex-direction:column;flex:1;padding:0 22px 18px}
html body.t-hub1 .h4-cb .h4-ti:not(#_){margin-top:-28px;position:relative;box-shadow:0 0 0 4px #fff}
html body.t-hub1 .h4-cb h3:not(#_){font-size:20px;line-height:1.2;color:var(--ink);margin:14px 0 6px;text-wrap:balance}
html body.t-hub1 .h4-cb p:not(#_){margin:0 0 6px;font-size:15.5px;line-height:1.45;text-wrap:pretty}
html body.t-hub1 .h4-cb .go:not(#_){margin-top:auto;display:flex;align-items:center;min-height:44px;font-weight:800;color:var(--blue);white-space:nowrap}
html body.t-hub1 a.h4-card:hover .go:not(#_){text-decoration:underline}

/* 3. repairs: named-icon grid (dark block) */
html body.t-hub1 .h1-signs .wrap:not(#_):not(#_){display:block!important}
html body.t-hub1 .h4-rep:not(#_){list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:900px){html body.t-hub1 .h4-rep:not(#_){grid-template-columns:repeat(4,minmax(0,1fr))}}
html body.t-hub1 .h4-rep li:not(#_){margin:0;padding:14px;display:flex;align-items:center;gap:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-weight:700;font-size:15.5px;line-height:1.3;color:#fff;text-wrap:balance;min-width:0}
html body.t-hub1 .h4-rep li:not(#_)::before{content:none}
@media(max-width:599px){html body.t-hub1 .h4-rep li:not(#_){flex-direction:column;align-items:flex-start;gap:10px;font-size:15px}}
html body.t-hub1 .h1-signs .h1-pick:not(#_):not(#_){margin-top:32px}

/* shared 2-col text + visual */
html body.t-hub1 .h4-2c:not(#_){display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}
@media(min-width:900px){html body.t-hub1 .h4-2c:not(#_){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}}
html body.t-hub1 .h4-2c .pp:not(#_){max-width:60ch}

/* 4. charts */
html body.t-hub1 .h4-chart:not(#_){margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:0 10px 26px rgba(0,5,62,.06);color:var(--txt);min-width:0}
html body.t-hub1 .h4-chart .h4-ck:not(#_){font:800 12px/1 Saira,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0 0 16px}
html body.t-hub1 .h4-chart figcaption:not(#_){margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--ink);opacity:.8}
html body.t-hub1 .h4-row:not(#_){display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:8px;align-items:center;margin:0 0 16px}
html body.t-hub1 .h4-row .h4-rl b:not(#_){display:block;color:var(--ink);font-size:15.5px;line-height:1.2}
html body.t-hub1 .h4-row .h4-rl small:not(#_){display:block;font-size:13px;opacity:.75}
html body.t-hub1 .h4-tr:not(#_){grid-column:1/-1;position:relative;height:14px;border-radius:7px;background:var(--paper)}
html body.t-hub1 .h4-tr i:not(#_){position:absolute;top:0;bottom:0;left:var(--a);width:var(--w);border-radius:7px;background:var(--c,var(--y))}
html body.t-hub1 .h4-tr i.fd:not(#_){background:linear-gradient(90deg,rgba(0,70,140,0),var(--c) 45%)}
html body.t-hub1 .h4-tr i.lt:not(#_){opacity:.35}
html body.t-hub1 .h4-tr em:not(#_){position:absolute;top:50%;transform:translate(-50%,-50%);font:800 12px/1 Saira,sans-serif;font-style:normal;color:var(--ink);white-space:nowrap}
@media(min-width:520px){html body.t-hub1 .h4-row:not(#_){grid-template-columns:44px minmax(120px,170px) minmax(0,1fr)}html body.t-hub1 .h4-tr:not(#_){grid-column:auto}}
html body.t-hub1 .h4-ax:not(#_){position:relative;height:30px;margin:0 0 6px;font:700 12px/1.15 Saira,sans-serif;color:var(--ink);opacity:.75}
html body.t-hub1 .h4-ax span:not(#_){position:absolute;top:0;white-space:nowrap}
@media(min-width:520px){html body.t-hub1 .h4-ax:not(#_){margin-left:calc(44px + 12px + min(170px,30%) + 12px)}}
html body.t-hub1 .h4-ax.zone:not(#_){display:grid;grid-template-columns:var(--z1) 1fr;height:auto}
html body.t-hub1 .h4-ax.zone span:not(#_){position:static;padding:0 0 6px 8px;border-left:2px solid var(--line);white-space:normal}
html body.t-hub1 .h4-val:not(#_){font:800 14px/1 Saira,sans-serif;color:var(--ink);white-space:nowrap}
html body.t-hub1 .h4-cost .h4-row:not(#_){grid-template-columns:44px minmax(0,1fr) auto}
html body.t-hub1 .h4-cost .h4-tr:not(#_){grid-column:1/-1}
@media(min-width:520px){html body.t-hub1 .h4-cost .h4-row:not(#_){grid-template-columns:44px minmax(120px,170px) minmax(0,1fr) 92px}html body.t-hub1 .h4-cost .h4-tr:not(#_){grid-column:auto;order:0}}
html body.t-hub1 .h4-cost .h4-val:not(#_){text-align:right}
html body.t-hub1 .h4-tr .dot:not(#_){position:absolute;left:0;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--y);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--ink)}
html body.t-hub1 .h4-sig:not(#_){list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media(min-width:520px){html body.t-hub1 .h4-sig:not(#_){grid-template-columns:repeat(2,minmax(0,1fr))}}
html body.t-hub1 .h4-sig li:not(#_){margin:0;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--line);font-weight:700;color:var(--ink);font-size:15px;line-height:1.3;text-wrap:balance}
html body.t-hub1 .h4-sig li:not(#_)::before{content:none}

/* steps (after-hours strip + EL isolate/test/verify) */
html body.t-hub1 .h4-steps:not(#_){list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;counter-reset:s}
html body.t-hub1 .h4-steps>li:not(#_){margin:0;position:relative;padding:18px;border-radius:var(--r);background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start;counter-increment:s}
html body.t-hub1 .h4-steps>li:not(#_)::before{content:none}
html body.t-hub1 .h4-steps b:not(#_){display:block;color:var(--ink);font:800 18px/1.2 Saira,sans-serif;margin:0 0 4px}
html body.t-hub1 .h4-steps b:not(#_)::before{content:counter(s) ". ";color:var(--blue)}
html body.t-hub1 .h4-steps p:not(#_){margin:0;font-size:15px;line-height:1.45;text-wrap:pretty}
html body.t-hub1 .D .h4-steps>li:not(#_){background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
html body.t-hub1 .D .h4-steps b:not(#_){color:#fff}
html body.t-hub1 .D .h4-steps b:not(#_)::before{color:var(--y)}
html body.t-hub1 .D .h4-steps p:not(#_){color:#e6ecf8}
html body.t-hub1 .h4-steps.v>li+li:not(#_)::after{content:"";position:absolute;left:39px;top:-13px;width:2px;height:14px;background:var(--y)}
@media(min-width:700px){html body.t-hub1 .h4-steps.h:not(#_){grid-template-columns:repeat(3,minmax(0,1fr))}html body.t-hub1 .h4-steps.h>li:not(#_){grid-template-columns:minmax(0,1fr);row-gap:12px}
html body.t-hub1 .h4-steps.h>li+li:not(#_)::after{content:"";position:absolute;left:-13px;top:39px;width:14px;height:2px;background:var(--y)}}
html body.t-hub1 .h4-ahg:not(#_){display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px;align-items:stretch}
@media(min-width:1000px){html body.t-hub1 .h4-ahg:not(#_){grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr)}}
html body.t-hub1 .h4-disp:not(#_){background:var(--navy);border-top:4px solid var(--y);border-radius:var(--r);padding:24px;color:#fff;display:flex;flex-direction:column;gap:6px}
html body.t-hub1 .h4-disp .psk:not(#_){font:800 12px/1 Saira,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--y);margin:0;display:flex;align-items:center;gap:8px}
html body.t-hub1 .h4-disp .psk i:not(#_){width:9px;height:9px;border-radius:50%;background:var(--y);box-shadow:0 0 0 4px rgba(254,209,77,.25)}
html body.t-hub1 .h4-disp .psh:not(#_){font:800 24px/1.2 Saira,sans-serif;margin:4px 0 0;color:#fff;text-wrap:balance}
html body.t-hub1 .h4-disp .psp:not(#_){margin:0 0 10px;color:#e6ecf8;font-size:15px}
html body.t-hub1 .h4-ctas:not(#_){display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
html body.t-hub1 .h4-disp .h4-ctas:not(#_){flex-direction:column}
html body.t-hub1 .h4-ctas .btn:not(#_){min-height:48px;justify-content:center}
html body.t-hub1 .h4-disp .h4-ctas .btn:not(#_){width:100%;box-sizing:border-box}
html body.t-hub1 .h4-lead:not(#_){max-width:62ch}
@media(max-width:599px){html body.t-hub1 .h4-ctas:not(#_){flex-direction:column}html body.t-hub1 .h4-ctas .btn:not(#_){width:100%;box-sizing:border-box}}

/* 8. Comfort Club membership card */
html body.t-hub1 .h4-mc:not(#_){margin-top:28px;background:#fff;color:var(--txt);border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.25);max-width:980px}
html body.t-hub1 .h4-mch:not(#_){background:var(--y);color:var(--ink);display:flex;align-items:center;gap:12px;padding:12px 20px;font:800 13px/1.1 Saira,sans-serif;letter-spacing:.12em;text-transform:uppercase}
html body.t-hub1 .h4-mch img:not(#_){width:36px;height:36px;flex:none}
html body.t-hub1 .h4-mch span:not(#_){margin-left:auto;border:2px solid var(--ink);border-radius:999px;padding:5px 10px;font-size:11px}
html body.t-hub1 .h4-mcb:not(#_){display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:22px 20px}
html body.t-hub1 .h4-mc:not(#_){container-type:inline-size}
@container (min-width:640px){html body.t-hub1 .h4-mcb:not(#_){grid-template-columns:200px minmax(0,1fr);gap:28px;padding:26px 28px;align-items:center}}
html body.t-hub1 .h4-mill:not(#_){background:var(--paper);border-radius:16px;aspect-ratio:1/1;max-width:200px;width:100%;display:grid;place-items:center;color:var(--ink)}
@container (max-width:639px){html body.t-hub1 .h4-mill:not(#_){max-width:none;aspect-ratio:auto;height:120px}}
html body.t-hub1 .h4-mill svg:not(#_){width:150px;height:auto;max-height:100%}
html body.t-hub1 .h4-perks:not(#_){list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@container (min-width:420px){html body.t-hub1 .h4-perks:not(#_){grid-template-columns:repeat(2,minmax(0,1fr))}}
html body.t-hub1 .h4-perks li:not(#_){margin:0;display:flex;align-items:center;gap:12px;font-weight:800;color:var(--ink);font-size:16px;line-height:1.25;text-wrap:balance;padding:0}
html body.t-hub1 .h4-perks li:not(#_)::before{content:none}
html body.t-hub1 .h4-mcf:not(#_){display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px 20px 20px;border-top:2px dashed var(--line)}
@media(min-width:760px){html body.t-hub1 .h4-mcf:not(#_){padding:18px 28px 24px}}
html body.t-hub1 .h4-mcf .h4-ctas:not(#_){margin:0}
html body.t-hub1 .h4-mc .btn.book:not(#_){border-color:var(--ink);color:var(--ink)}
html body.t-hub1 .h4-mcf .pmore:not(#_){margin:0}
html body.t-hub1 .h4-mcf .pmore a:not(#_){color:var(--blue);display:inline-flex;align-items:center;min-height:44px}
@media(max-width:599px){html body.t-hub1 .h4-mcf .h4-ctas:not(#_){width:100%}}

/* 5. Real people: photo-topped cards */
html body.t-hub1 .h4-why:not(#_){list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media(min-width:700px){html body.t-hub1 .h4-why:not(#_){grid-template-columns:repeat(3,minmax(0,1fr))}}
html body.t-hub1 .h4-why li:not(#_){margin:0;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 22px rgba(0,0,40,.06);display:flex;flex-direction:column;padding:0}
html body.t-hub1 .h4-why li:not(#_)::before{content:none}
html body.t-hub1 .h4-why img:not(#_){display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
html body.t-hub1 .h4-why .h4-wb:not(#_){padding:0 20px 20px}
html body.t-hub1 .h4-why .h4-ti:not(#_){margin-top:-22px;position:relative;box-shadow:0 0 0 4px #fff}
html body.t-hub1 .h4-why b:not(#_){display:block;color:var(--ink);font:800 19px/1.2 Saira,sans-serif;margin:12px 0 4px}
html body.t-hub1 .h4-why span.t:not(#_){color:var(--ink);opacity:.8;font-size:15px}
html body.t-hub1 .h1-why .h4-ctas:not(#_),html body.t-hub1 .h4-off .h4-ctas:not(#_){margin-top:24px}
html body.t-hub1 .h1-why .pmore:not(#_){margin-top:14px}

/* 9. service area: pills + county map */
html body.t-hub1 .h4-ar:not(#_){display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center}
@media(min-width:900px){html body.t-hub1 .h4-ar:not(#_){grid-template-columns:minmax(0,1fr) 320px;gap:48px}}
html body.t-hub1 .h4-map:not(#_){border-radius:var(--r);overflow:hidden;max-width:320px;width:100%;box-shadow:0 10px 26px rgba(0,5,62,.12);aspect-ratio:560/755}
html body.t-hub1 .h4-map svg:not(#_){display:block;width:100%;height:100%}
@media(max-width:899px){html body.t-hub1 .h4-map:not(#_){max-width:300px}}

/* 10. offers: light tear-off coupon sheet */
html body.t-hub1 .h4-zo:not(#_){position:relative;background:#fff;border-radius:16px;box-shadow:0 18px 40px rgba(0,5,62,.10);display:grid;grid-template-columns:minmax(0,1fr);margin-top:26px}
@media(min-width:900px){html body.t-hub1 .h4-zo.n3:not(#_){grid-template-columns:repeat(3,minmax(0,1fr))}}
html body.t-hub1 .h4-cp:not(#_){position:relative;padding:24px 22px;display:flex;flex-direction:column;gap:6px;min-width:0}
html body.t-hub1 .h4-cp+.h4-cp:not(#_){border-top:2px dashed var(--line)}
html body.t-hub1 .h4-cp+.h4-cp:not(#_)::before,html body.t-hub1 .h4-cp+.h4-cp:not(#_)::after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:var(--paper);top:-13px}
html body.t-hub1 .h4-cp+.h4-cp:not(#_)::before{left:-12px}
html body.t-hub1 .h4-cp+.h4-cp:not(#_)::after{right:-12px}
@media(min-width:900px){html body.t-hub1 .h4-zo.n3 .h4-cp+.h4-cp:not(#_){border-top:0;border-left:2px dashed var(--line)}
html body.t-hub1 .h4-zo.n3 .h4-cp+.h4-cp:not(#_)::before{left:-13px;top:-12px}
html body.t-hub1 .h4-zo.n3 .h4-cp+.h4-cp:not(#_)::after{left:-13px;right:auto;top:auto;bottom:-12px}
html body.t-hub1 .h4-zo.n3 .h4-nm:not(#_){min-height:2.4em}}
html body.t-hub1 .h4-cph:not(#_){display:flex;align-items:center;gap:12px;padding-right:72px}
html body.t-hub1 .h4-tr2:not(#_){font:800 12px/1 Saira,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
html body.t-hub1 .h4-cp .smp:not(#_){position:absolute;top:14px;right:14px}
html body.t-hub1 .h4-nm:not(#_){font:800 21px/1.2 Saira,sans-serif;color:var(--ink);margin:8px 0 0;text-wrap:balance}
html body.t-hub1 .h4-pr:not(#_){display:flex;align-items:flex-end;gap:14px;margin-top:4px}
html body.t-hub1 .h4-big:not(#_){font:900 60px/.9 Saira,sans-serif;color:var(--ink);letter-spacing:-.02em;position:relative;isolation:isolate}
@media(min-width:1100px){html body.t-hub1 .h4-big:not(#_){font-size:72px}}
html body.t-hub1 .h4-big sup:not(#_){font-size:.42em;vertical-align:top;position:relative;top:.12em;margin-right:2px}
html body.t-hub1 .h4-big:not(#_)::after{content:"";position:absolute;left:-4px;right:-6px;bottom:4px;height:.22em;background:var(--y);z-index:-1;border-radius:4px}
html body.t-hub1 .h4-was:not(#_){color:#5a6280;font-size:15px;line-height:1.3;padding-bottom:6px}
html body.t-hub1 .h4-seal:not(#_){margin-left:auto;flex:none;width:68px;height:68px;border-radius:50%;background:var(--y);color:var(--ink);display:grid;place-content:center;text-align:center;font:900 11px/1 Saira,sans-serif;letter-spacing:.04em;text-transform:uppercase;transform:rotate(-10deg);box-shadow:0 0 0 4px #fff,0 0 0 6px var(--y)}
html body.t-hub1 .h4-seal b:not(#_){display:block;font-size:18px;letter-spacing:0;margin-top:2px}
html body.t-hub1 .h4-li:not(#_){list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:7px}
html body.t-hub1 .h4-li li:not(#_){position:relative;padding-left:24px;font-size:14.5px;line-height:1.35;color:var(--txt);margin:0}
html body.t-hub1 .h4-li li:not(#_)::before{content:"";position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23FED14D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
@media(min-width:700px){html body.t-hub1 .h4-zo.n1 .h4-cp:not(#_){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px;padding:28px 32px}
html body.t-hub1 .h4-zo.n1 .h4-cp>.h4-li:not(#_){grid-column:2;grid-row:1/span 3;align-self:center;margin:0;border-top:0;border-left:1px solid var(--line);padding:0 0 0 32px}}
html body.t-hub1 .h4-oft:not(#_){display:flex;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:24px;flex-wrap:wrap}
html body.t-hub1 .h4-oft .h4-ctas:not(#_){margin:0}
html body.t-hub1 .h4-ends:not(#_){display:inline-flex;align-items:center;gap:10px;font:800 16px/1 Saira,sans-serif;color:var(--ink);white-space:nowrap}
html body.t-hub1 .h4-ends i:not(#_){width:10px;height:10px;border-radius:50%;background:var(--y);box-shadow:0 0 0 4px rgba(254,209,77,.35)}
html body.t-hub1 .h4-off .pnote:not(#_){margin-top:14px}
@media(max-width:599px){html body.t-hub1 .h4-oft:not(#_){flex-direction:column;align-items:stretch}html body.t-hub1 .h4-ends:not(#_){justify-content:center}}
html body.t-hub1 .h4-sw:not(#_){width:44px;height:14px;border-radius:7px;background:var(--c)}
html body.t-hub1 .h4-sx .h4-ck:not(#_){font:800 12px/1 Saira,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0 0 14px}
html body.t-hub1 .h4-pipe .h4-ax.zone:not(#_){--z1:45%}
@media(min-width:520px){html body.t-hub1 .h4-pipe .h4-row:not(#_){grid-template-columns:44px 140px minmax(0,1fr)}html body.t-hub1 .h4-pipe .h4-ax:not(#_){margin-left:calc(44px + 12px + 140px + 12px)}}
@media(min-width:900px){html body.t-hub1 .h1-club .wrap>.h4-mc:not(#_):not(#_){grid-column:2;grid-row:1/span 2;align-self:center}
html body.t-hub1.t-svc1 .hub-club.h1-club .ab-ph>div:not(#_):not(#_):not(#_){grid-column:1!important;grid-row:1!important;align-self:end!important}
html body.t-hub1.t-svc1 .hub-club.h1-club .ab-ph>.t1-cm:not(#_):not(#_):not(#_){grid-column:1!important;grid-row:2!important;align-self:start!important;justify-self:start!important;margin:18px 0 0!important}}
@media(max-width:899px){html body.t-hub1 .h1-club .wrap>.h4-mc:not(#_):not(#_){grid-column:1/-1!important;width:100%;max-width:640px}}
html body.t-hub1 .svc-hero nav.bc a:not(#_):not(#_){min-width:44px;min-height:44px}
html body.t-hub1 .h1-club:not(#_){overflow-x:clip}
/* hubv5: Older homes, used-today rows */
.h4-fcap:not(#_){margin:2px 0 0;font-size:14px;color:var(--ink);opacity:.8}
.h4-use:not(#_){display:flex;align-items:center;gap:10px;margin:18px 0 14px;font:800 12px/1 Saira,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.h4-use:not(#_)::before,.h4-use:not(#_)::after{content:"";height:1px;background:var(--line);flex:1}
.h4-use:not(#_)::before{flex:0 0 0}
.h4-row.h4-now:last-child:not(#_){margin-bottom:0}
/* repairart1: clip-art in repair grids */
.h4-rep .h4-ra:not(#_){display:block;width:80px;height:80px;aspect-ratio:1;object-fit:contain;flex:none;margin:-4px 0 0 -4px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}
@media (min-width:900px){.h4-rep .h4-ra:not(#_){width:96px;height:96px}}
/* hubv5: club card head + house art */
html body.t-hub1 .h4-mch img:not(#_){width:48px;height:48px;margin:-6px 0}
html body.t-hub1 .h4-mill:not(#_){aspect-ratio:4/3;height:auto;overflow:hidden;padding:0}
@container (max-width:639px){html body.t-hub1 .h4-mill:not(#_){max-width:400px;height:auto;aspect-ratio:4/3;margin:0 auto}}
html body.t-hub1 .h4-mill img:not(#_){display:block;width:100%;height:100%;object-fit:contain}
/* hubv5: reviews flipped to light for D/L alternation */
html body.t-hub1.t-hub1.t-svc1 .sec.L.h1-rvs .big .num:not(#_):not(#_),html body.t-hub1.t-hub1.t-svc1 .sec.L.h1-rvs .big .bl:not(#_):not(#_),html body.t-hub1.t-hub1.t-svc1 .sec.L.h1-rvs .big .bl b:not(#_):not(#_){color:var(--ink)!important}
html body.t-hub1.t-hub1.t-svc1 .sec.L.h1-rvs .h1-rv:not(#_):not(#_){color:var(--ink)}
html body.t-hub1.t-hub1.t-svc1 .sec.L.h1-rvs .pmore a:not(#_):not(#_),html body.t-hub1.t-hub1.t-svc1 .sec.L.h1-rvs .h1-gr a:not(#_):not(#_){color:var(--ink)}

/* n2: inner job photos side-by-side on desktop; n5: Electrical hub 5 cards; n10: HVAC hub 10 cards */
@media(min-width:700px){html body.t-hub1 .h4-cards.n2:not(#_){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:600px){html body.t-hub1 .h4-cards.n5:not(#_),html body.t-hub1 .h4-cards.n10:not(#_){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){html body.t-hub1 .h4-cards.n5:not(#_),html body.t-hub1 .h4-cards.n10:not(#_){grid-template-columns:repeat(5,minmax(0,1fr))}}