/* TrueView v8 LOOK layer (Oct 27 2026). Preview only. Loaded LAST on every page, after style.css, seo.css, biz-tab.css and any inline <style>.
   Look only: no content, no markup text, no links change. Built from "TrueView Style Guide (Clean), Oct 23, 2026".
   Tokens (guide section 4 to 6): charcoal #343E44 ink and buttons, robin's egg #5DB1CA for rules, checks and icon grounds only (never text, never under white text),
   mist #E9F5F8 and white grounds, spacing base of 6, radius 6 small controls and 12 cards, two faint shadow levels, one primary button per view.
   Bryan's rules that win over the guide: no navy, never darkened, wide banners never clip letters.
   Oct 29 2026 4:31 PM (style2): NO old accent or amber anywhere, residential included; the Fall Sale is a little fall in style guide colors (see the style2 section at the end). */
:root{
  --v8-ink:#343E44;--v8-egg:#5DB1CA;--v8-mist:#E9F5F8;--v8-sky:#A8D5E3;--v8-line:#D3E6EC;--v8-soft:#4A565D;
  --v8-s1:6px;--v8-s2:12px;--v8-s3:18px;--v8-s4:24px;--v8-s6:36px;--v8-s8:48px;--v8-s10:60px;--v8-s12:72px;
  --v8-rs:6px;--v8-rc:12px;
  --v8-sh1:0 1px 3px rgba(52,62,68,.08);--v8-sh2:0 6px 18px rgba(52,62,68,.10);
  --r:12px;--blue:#5DB1CA;--blue-d:#343E44;--light:#D3E6EC;--wash:#E9F5F8;
}
html{scroll-padding-top:84px}
body{font-size:17px;line-height:1.65;color:var(--v8-ink);background:#fff}
a{color:var(--v8-ink);text-decoration-color:var(--v8-egg);text-decoration-thickness:2px;text-underline-offset:4px}
a:hover{text-decoration-color:var(--v8-ink)}
h1,h2,h3{font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--v8-ink);overflow-wrap:break-word}
h1{font-size:clamp(2rem,5.4vw,3.4rem)}
h2{font-size:clamp(1.65rem,3.6vw,2.4rem)}
.lead{color:var(--v8-soft)}
.fine,.fine a{color:#505C63}

/* guide 12: focus, a visible charcoal outline on every link, field and button, never switched off */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--v8-ink)!important;outline-offset:3px!important;border-radius:var(--v8-rs)}

/* kicker: robin's egg rule, charcoal words (egg as text fails contrast, guide 4 says never body text) */
.eyebrow{display:flex;width:fit-content;max-width:100%;align-items:center;gap:var(--v8-s2);color:var(--v8-ink)!important;font-size:.78rem;letter-spacing:.14em;font-weight:700}
.eyebrow::before{content:"";width:24px;height:3px;border-radius:3px;background:var(--v8-egg);flex:none}
.promo .eyebrow::before,.fallhero .eyebrow::before,.boc .eyebrow::before{background:var(--v8-ink)}
:is(.reviews,.ba,.bzcall,.bzrequest,.final,.cityhero,.fallhero,.promo,.bo-card,.trust,.final) .eyebrow{margin-left:auto;margin-right:auto}

/* header (guide 12): logo at left on white, a few charcoal links, one call action at right */
.top{background:#fff;backdrop-filter:none;border-bottom:1px solid var(--v8-line);padding:var(--v8-s2) clamp(14px,4vw,40px)}
.top nav>a:not(.btn){color:var(--v8-ink);font-weight:600}
.top nav a[aria-current]{color:var(--v8-ink);text-decoration:underline;text-decoration-color:var(--v8-egg);text-decoration-thickness:3px;text-underline-offset:8px}
.top nav .login{border:1px solid var(--v8-line);border-radius:var(--v8-rs);background:#fff;color:var(--v8-ink)}
.seg{background:var(--v8-mist);border:1px solid var(--v8-line);border-radius:var(--v8-rs);padding:3px}
.seg a{border-radius:var(--v8-rs);color:var(--v8-ink)!important}
.seg a[aria-current]{background:var(--v8-ink);color:#fff!important;box-shadow:none}
.lang a{color:#505C63!important;border-radius:var(--v8-rs)}
.lang a[aria-current]{color:var(--v8-ink)!important;text-decoration:underline;text-decoration-color:var(--v8-egg);text-decoration-thickness:3px;text-underline-offset:6px}
.lang a+a{border-radius:0}
.mtog{background:var(--v8-mist);border:1px solid var(--v8-line);border-radius:var(--v8-rs);color:var(--v8-ink)}

/* buttons (guide 6): charcoal ground, white text, 48 px or taller, full pill */
html .btn:not(.ghost):not(.light):not(.bo-btn),html .bo-card .bo-btn,html .bt-btn{background:var(--v8-ink);color:#fff;box-shadow:var(--v8-sh1);min-height:48px;font-weight:700;border:0}
html .btn:not(.ghost):not(.light):not(.bo-btn):hover,html .bo-card .bo-btn:hover,html .bt-btn:hover{background:#252D32;color:#fff;box-shadow:var(--v8-sh2);transform:none}
html .btn.sm{min-height:44px}
html .btn.ghost,html .btn.light{background:#fff;color:var(--v8-ink);border:1.5px solid var(--v8-ink);box-shadow:none}
html .btn.ghost:hover,html .btn.light:hover{background:var(--v8-mist);transform:none}
.ctas{gap:var(--v8-s2);margin-top:var(--v8-s3)}

/* sections: lots of space, spacing steps of 6 */
main>section{padding:clamp(48px,8vw,96px) clamp(18px,4vw,40px)}
.cards{gap:var(--v8-s4)}
.trust{padding:var(--v8-s4) var(--v8-s3)!important;background:#fff;color:var(--v8-ink)}
.trust svg,.badge svg,.bzpromises .bizlist svg{background:var(--v8-egg);color:var(--v8-ink)}
.badge{color:var(--v8-ink)}

/* hero photo and card */
.herocard{border-radius:var(--v8-rc);box-shadow:var(--v8-sh2);margin-top:-60px}
.herocard h1{font-size:clamp(2rem,5vw,3.2rem)}

/* cards (guide 6, 12): radius 12, one thin line, faint shadow, no lift */
.card,.plan,.rv-card,.bztier,.est .wz-card,.wz-tier,.pc-grid>*,.faqitem,.dh-card,.bo-tier{border-radius:var(--v8-rc)}
.card{border:1px solid var(--v8-line);box-shadow:var(--v8-sh1)}
.card:hover{transform:none;box-shadow:var(--v8-sh2)}
.card img{border-radius:0}
.card .more,.more{color:var(--v8-ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--v8-egg);text-decoration-thickness:2px;text-underline-offset:4px}
.card .ico,.ico{color:var(--v8-ink)}

/* pure water frame: plain photo, no glass glare, glow or heavy shadow (guide 6: no shadows on photos) */
.pw .glassframe{padding:0;background:none;border:0;box-shadow:none;border-radius:var(--v8-rc)}
.pw .glassframe::before,.pw .glassframe::after{display:none}
.pw .glassframe img{border-radius:var(--v8-rc)}
.pw .glassframe img.product{border:1px solid var(--v8-line)}

/* reviews (guide 12): mist ground, rating in words beside the stars, name and town */
.reviews{background:var(--v8-mist);max-width:none!important;border-radius:0}
.reviews>*{max-width:1100px;margin-left:auto;margin-right:auto}
.rv-card{background:#fff;border:0;box-shadow:var(--v8-sh1)}
.reviews .stars{color:var(--v8-ink);letter-spacing:3px}
.rv-score{color:var(--v8-ink)}
.rv-card b,.rv-card .rv-by{color:var(--v8-ink)}
.rv-card small,.rv-card span.src{color:#505C63}
.reviews a{color:var(--v8-ink)}

/* before and after */
.ba img{border-radius:var(--v8-rc)}

/* Fall Sale band and banners: was bright old accent until Oct 29; style2 below now draws it in mist and robin egg (Bryan), charcoal text, no heavy text shadow. Letters are never cut at any width. */
.fallhero,.promo{box-shadow:none}
.fallhero h2,.promo h1,.promo h2{text-shadow:none!important;overflow:visible}
.fallhero h2{flex-wrap:wrap!important;white-space:normal!important;line-height:1.15}
.fallhero .fh-price{text-shadow:none}
.fallhero .leaves,.promo .leaves{opacity:.55}
html .fallhero .btn.fh-btn,html .promo .btn.light,html .boshort .boc-go,html .boshort .boc-go:hover{background:var(--v8-ink);color:#fff!important;box-shadow:var(--v8-sh1);border:0}
html .fallhero .btn.fh-btn:hover,html .boshort .boc-go:hover{background:#252D32}
html .fallhero .btn.fh-btn2,html .fallhero .fh-ctas .btn.fh-btn2:not(.ghost){background:#fff!important;color:var(--v8-ink)!important;border:1.5px solid var(--v8-ink)!important}
html .promo .btn.light{color:#fff!important}
.fallhero .textus a,.promo .textus a,.boc .textus a{border-radius:var(--v8-rs)}
.boc .bo-line a{border-radius:var(--v8-rs)}
@media (max-width:520px){.fallhero h2,.promo h1,.promo h2{font-size:clamp(1.7rem,8.4vw,2.1rem)}}

/* home price tiles on the old accent band */
.bo-tier{border:0;box-shadow:var(--v8-sh2);background:#fff}
.bo-tier .bt-btn,.bo-tier a.btn{border-radius:99px}
.bo-notes{border-radius:var(--v8-rc)}
.bostrip{border-radius:var(--v8-rs)}

/* estimator and pane wizard: same cards, thin line, faint shadow, charcoal controls; old accent stays as the sale accent */
.est .wz-card,.wz-tier{border-radius:var(--v8-rc);box-shadow:var(--v8-sh1)}
.wz-pick{border-radius:var(--v8-rc);background:var(--v8-mist);border-color:var(--v8-line)}
.wz-tier .wz-tbk{border-radius:99px}
.wz-more,.wz-cap a{color:var(--v8-ink)}
.wz-guide{border-radius:var(--v8-rc)}
.wzcard .wz-guide>summary{color:var(--v8-ink)}
.wz-bar{border-radius:99px}
.est input,.est select,.est textarea{border-radius:var(--v8-rs)}
.est h2{color:var(--v8-ink)}
.table{border-top-color:var(--v8-line)}.table div{border-bottom-color:var(--v8-line)}

/* final call band: mist ground, charcoal text, one charcoal button (no teal ground under white text) */
.final,.final[class]{background:var(--v8-mist)!important;color:var(--v8-ink);border-radius:var(--v8-rc);box-shadow:none}
.final h2,.final p,.final .arrival,.final .arrival a{color:var(--v8-ink)}
.final .btn.light,.final .btn.ghost{background:#fff}

/* business page */
.bhero{background:var(--v8-mist)!important}
.bhero h1,.bzhero h1{color:var(--v8-ink)}
.bzplans .plan,.bztier{background:#fff;border:1px solid var(--v8-line);box-shadow:var(--v8-sh1)}
.bztier img{border-bottom:1px solid var(--v8-line)}
.bztier h3{font-size:1.25rem}
.bzprice div{border-top-color:var(--v8-line)}
.bzprice dd{font-weight:700}
.bztier .per,.bztier .bzsize{color:#505C63}
.bzsure{background:var(--v8-mist);border:0;border-radius:var(--v8-rc)}
.bzsure a,.bzbig a,.bzoffer a,.cityhelp a,.cityhero .textus a,.faqitem a,.textus a,.dh-list a{color:var(--v8-ink);text-decoration-color:var(--v8-egg)}
.bzbig{color:var(--v8-ink);font-size:1.05rem;margin-top:var(--v8-s4)}
.bzoffer{border:1px solid var(--v8-line);border-left:6px solid var(--v8-egg);border-radius:var(--v8-rc);box-shadow:var(--v8-sh1);background:#fff}
.bzoffer-badge{background:var(--v8-mist);color:var(--v8-ink);box-shadow:inset 0 0 0 2px var(--v8-egg)}
.bzoffer-tag{color:var(--v8-ink)}
.bzoffer-t{color:var(--v8-soft)}
.bizplus .bizlist p{background:#fff;border:1px solid var(--v8-line);border-radius:var(--v8-rc)}
.bzpromises{background:#fff}
.bigphone{color:var(--v8-ink)}
.bigphone:hover{color:var(--v8-ink);text-decoration:underline;text-decoration-color:var(--v8-egg)}
.promlist li::before{background-color:var(--v8-egg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%23343E44' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.faqitem{border-radius:0}
.faqlist,.faqitem{border-color:var(--v8-line)}
.faqitem p,.citylocal p{color:var(--v8-soft)}

/* footer (guide 12): light ground, official Logo Full, services, towns, ways to book */
footer{background:var(--v8-mist);border-top:0;color:var(--v8-ink);padding:var(--v8-s10) var(--v8-s4) var(--v8-s6)}
footer a{color:var(--v8-ink)}
footer .links.areas .arealab{color:var(--v8-ink)}
footer p{color:var(--v8-soft)}
.mbar~*{}

/* door hanger pages */
.dh-card{background:var(--v8-mist);border:0;box-shadow:none}
.dh-card .eyebrow{color:var(--v8-ink)}
.dh-prices li,.dh-list li{background:#fff;border:1px solid var(--v8-line);border-radius:var(--v8-rc)}
.dh-prices b,.dh-list .dl-p b{color:var(--v8-ink)}
.dh-list a{color:var(--v8-ink)}

/* small screens: single column, nothing wider than the screen */
html,body{max-width:100%;overflow-x:clip}
img,svg,video{max-width:100%}

/* v8 fixes after first render */
html .bo-tier .bt-btn,html .boc .bt-btn{background:var(--v8-ink);color:#fff!important;border-radius:99px;box-shadow:none;min-height:48px}
html .bo-tier .bt-btn:hover,html .boc .bt-btn:hover{background:#252D32}
.bt-p{color:var(--v8-ink)!important}
.bt-how{opacity:1;color:var(--v8-ink)}
.rv-card figcaption small{color:#505C63}
.rv-card blockquote{color:var(--v8-ink)}
.rv-all a{color:var(--v8-ink)}
html .final .btn,html .final .btn.light{background:var(--v8-ink);color:#fff;border:0}
html .final .btn:hover,html .final .btn.light:hover{background:#252D32}
html .wz-tier .wz-tbk,html .wz-tier:hover .wz-tbk{background:var(--v8-ink);color:#fff}

/* header on tablets: the desktop row does not fit between 641 and 1040 px (the Book Now button ran off the right edge at 768), so tablets use the same Menu header as phones */
@media (min-width:641px) and (max-width:1040px){
.hide-m{display:none!important}
.top{flex-wrap:wrap;row-gap:0}
.mbar{display:flex;align-items:center;gap:8px}
.mbook{white-space:nowrap}
.top nav{display:none!important;flex-basis:100%;flex-direction:column;align-items:stretch;gap:12px!important;padding:14px 0 6px}
.top.open nav{display:flex!important}
.top nav .seg{justify-content:stretch}.top nav .seg a{flex:1;text-align:center;font-size:.95rem!important;padding:9px 10px!important}
.top nav .login{text-align:center;font-size:.95rem!important;padding:9px 12px!important}
.top nav .lang{justify-content:center}.lang .lf{display:inline!important}.lang .ls{display:none!important}.lang a{font-size:.92rem!important;padding:6px 12px!important}
}
/* tone: small grey notes on the mist ground need a darker ink for AA */
.booknote,.wz-pick .booknote,.wz-pick .wz-tab,.wz-temp,.wz-xnote{color:#3F4A50}
/* header controls share one height so Book Now and Menu sit on one line */
.mtog,.mbook{min-height:48px}


/* ================= style2 (Oct 29 2026, Bryan 4:22 PM and 4:31 PM): the whole site in the style guide, no old accent anywhere, a little fall =================
   Grounds white and mist, charcoal words and buttons, robin's egg for rules, checks, selected borders, bars and leaves. Cards radius 12, controls 6, faint shadows. */
:root{--s2-fall:var(--v8-egg)}

/* Fall Sale band, strip and promo bands: mist ground, charcoal words, robin's egg leaves and rule (fall stays in the words and the leaves) */
html .promo,html .fallhero{background:linear-gradient(180deg,#fff 0%,var(--v8-mist) 100%)!important;color:var(--v8-ink)!important;border-top:4px solid var(--v8-egg);border-bottom:1px solid var(--v8-line)}
html .bostrip{background:var(--v8-mist)!important;color:var(--v8-ink)!important;border-bottom:3px solid var(--v8-egg)}
/* the leaves sit small in the lower right corner of the band, robin's egg and pale sky tints */
html .fallhero .leaves,html .promo .leaves{inset:auto 0 0 auto!important;width:min(520px,70%)!important;height:200px!important;opacity:1}
.fallhero .leaves g,.promo .leaves g{fill:rgba(93,177,202,.18)}
.fallhero .leaves path[fill="none"],.promo .leaves path[fill="none"]{stroke:rgba(255,255,255,.9)}
.promo .eyebrow::before,.fallhero .eyebrow::before,.boc .eyebrow::before{background:var(--v8-egg)}
.fallhero .fh-price,.fallhero h2,.promo h1,.promo h2,.boc .boc-price{color:var(--v8-ink)!important;text-shadow:none!important}
.fh-tag{background:var(--v8-mist);color:var(--v8-ink);box-shadow:inset 0 0 0 1px var(--v8-line)}
.fh-pic img{border-color:#fff;box-shadow:var(--v8-sh2)}
.bo-notes{background:#fff!important;border:1px solid var(--v8-line)}
.fallhero .textus a,.promo .textus a,.boc .textus a,.boc .bo-line a{background:#fff!important;color:var(--v8-ink)!important;box-shadow:inset 0 0 0 1.5px var(--v8-line)}
html .fallhero .btn.fh-btn2,html .fallhero .fh-ctas .btn.fh-btn2:not(.ghost){background:#fff!important;border:1.5px solid var(--v8-ink)!important}
.bo-tier{background:#fff;border:1px solid var(--v8-line);box-shadow:var(--v8-sh1)}
.bo-tier .bt-p{color:var(--v8-ink)!important}
html .bo-tier .bt-btn:hover,html .boc .bt-btn:hover,.bt-btn:hover{background:#252D32!important}

/* every Book and primary button: charcoal pill, white words */
html .estfb .fbc-btn,html .estfb .fbx-b{background:var(--v8-ink);color:#fff;box-shadow:var(--v8-sh1)}
.estfb .fbx{background:var(--v8-mist);border-color:var(--v8-line)}

/* hero price line and links: charcoal */
.herocard .heroprice b{color:var(--v8-ink)}
.herocard .heropriceslink,.rv-all a,.textus a{color:var(--v8-ink)}
.reviews .stars{color:var(--v8-ink)}

/* ---------- estimator: the 5x7 card look, clean and roomy ---------- */
.wzcard{border:1px solid var(--v8-line);border-radius:var(--v8-rc);box-shadow:var(--v8-sh2);padding:24px 24px 26px}
.wz-top{border-radius:var(--v8-rc) var(--v8-rc) 0 0;border-bottom:1px solid var(--v8-line);margin:-24px -24px 18px;padding:18px 24px 14px}
.wz-bar,.est.sale-on .wz-bar{background:var(--v8-mist)!important;height:6px}
.wz-bar span,.est.sale-on .wz-bar span{background:var(--v8-egg)!important}
.wz-n{color:var(--v8-soft)}
.wz-q,.est h2,.est h3{color:var(--v8-ink)}
.est.sale-on>h2::after{background:var(--v8-egg)!important}
.est.sale-on .saletag,.saletag{background:var(--v8-mist)!important;color:var(--v8-ink)!important;border:1px solid var(--v8-line)!important}
/* how do I count panes */
.wzcard .wz-guide,.wz-guide{background:var(--v8-mist)!important;border:1px solid var(--v8-line)!important;border-radius:var(--v8-rc)}
.wzcard .wz-guide>summary::before{background:var(--v8-egg)!important;color:var(--v8-ink)!important}
.wz-guide summary{color:var(--v8-ink)}
/* Pick your home size number tiles */
html .wz-tier{background:#fff;border:1.5px solid var(--v8-line);border-radius:var(--v8-rc);box-shadow:var(--v8-sh1);padding:18px 10px 14px;gap:8px;transition:border-color .2s,box-shadow .2s}
html .wz-tier:hover{border-color:var(--v8-egg);box-shadow:var(--v8-sh2)}
html .wz-tier.on{background:var(--v8-mist);border-color:var(--v8-egg);box-shadow:inset 0 0 0 1px var(--v8-egg)}
html .wz-tier b{color:var(--v8-ink);font-weight:800;letter-spacing:-.02em}
html .wz-tier span{color:var(--v8-ink)}
html .wz-tier .wz-tbk,html .wz-tier:hover .wz-tbk{background:var(--v8-ink);color:#fff;border-radius:99px;min-height:44px;display:flex;align-items:center;justify-content:center}
/* the door hanger option: the little hanger and the words, no arrow */
html .wz-tier.wz-dhopen{justify-content:center;gap:10px;background:#fff}
.wz-tier.wz-dhopen .wz-dhic{width:40px;height:80px;display:block;filter:drop-shadow(0 2px 4px rgba(52,62,68,.12))}
html .wz-tier.wz-dhopen span{font-size:.98rem;line-height:1.3;font-weight:700;color:var(--v8-ink);text-decoration:underline;text-decoration-color:var(--v8-egg);text-decoration-thickness:2px;text-underline-offset:4px}
html .wz-tier.wz-dhopen:hover .wz-dhic{transform:translateY(-1px)}
/* count my panes */
.wz-count{border:1.5px dashed var(--v8-egg)!important;color:var(--v8-ink)!important;border-radius:var(--v8-rc);background:#fff}
.wz-count.on{border-style:solid!important;background:var(--v8-mist)!important}
/* option tiles and cards */
.wz-opt,.wz-step button,.wz-ropt{background:#fff!important;border:1.5px solid var(--v8-line)!important;border-radius:var(--v8-rc)!important;color:var(--v8-ink)}
.wz-opt:hover,.wz-ropt:hover{border-color:var(--v8-egg)!important}
.wz-opt.on,.wz-ropt.on{background:var(--v8-mist)!important;border-color:var(--v8-egg)!important;box-shadow:inset 0 0 0 1px var(--v8-egg)}
.wz-in{border:1.5px solid var(--v8-egg)!important;border-radius:var(--v8-rc)!important}
html .wz-card,html .wz-card.plain{background:#fff!important;border:1.5px solid var(--v8-line)!important;border-radius:var(--v8-rc);box-shadow:var(--v8-sh1)}
html .wz-card:hover,html .wz-card.plain:hover,html .wz-card.feat:hover{border-color:var(--v8-egg)!important}
html .wz-card.feat{border:2px solid var(--v8-egg)!important;background:#fff!important;box-shadow:var(--v8-sh2)}
html .wz-card.on,html .wz-card.feat.on,html .wz-card.plain.on{background:var(--v8-mist)!important;border-color:var(--v8-egg)!important}
html .wz-card .wc-p,html .wz-card.feat .wc-p,html .wz-card.plain.on .wc-p{color:var(--v8-ink)!important}
.wz-tog .wc-ok{background:var(--v8-egg)!important;color:var(--v8-ink)!important}
.wz-pw,.wz-cap,.wz-incl,.wz-re,.wz-lines li.wz-disc b{color:var(--v8-ink)!important}
.wz-need{background:var(--v8-mist)!important;color:var(--v8-ink)!important}
.wz-re,.wz-pick{background:var(--v8-mist)!important;border-color:var(--v8-line)!important}
.wz-x{border:1px solid var(--v8-line);border-radius:var(--v8-rc)}
/* panels, checks, buttons */
.wz-panel{border:1.5px solid var(--v8-egg)!important;border-radius:var(--v8-rc)!important;box-shadow:var(--v8-sh1)}
.wz-check,.estfb .bp-check{background:var(--v8-egg)!important;color:var(--v8-ink)!important}
html .wz-next{background:var(--v8-ink)!important;color:#fff!important;min-height:52px}
html .wz-next:hover{background:#252D32!important}
.wz-back,.wz-restart,.wz-copy,.estfb .bp-copy{border:1.5px solid var(--v8-line)!important;color:var(--v8-ink)!important;background:#fff!important}
.wz-skip{border:1.5px solid var(--v8-ink)!important;color:var(--v8-ink)!important;background:#fff!important}
.wz-box,.estfb .bp-box{border-color:var(--v8-line)!important;background:var(--v8-mist)!important}
.estfb .bookpanel{border-color:var(--v8-egg)}
.estfb .result{background:var(--v8-mist);border-color:var(--v8-line)}
.estfb .reassure,.estfb .regdet summary{color:var(--v8-ink)}
/* watercolor extras icons */
.wz-ic.wz-wc{width:64px;height:64px;object-fit:contain}
.wz-jxi{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 6px}
.wz-jxi span{flex:1 1 90px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;background:#fff;border:1px solid var(--v8-line);border-radius:var(--v8-rc)}
.wz-jxi b{font-size:.86rem;font-weight:700;color:var(--v8-ink);text-align:center;line-height:1.25}
.wz-jxi .wz-ic{margin:0}

/* business and storefront: no old accent (the route offer card is charcoal and robin's egg) */
.bzoffer{border-left-color:var(--v8-egg)!important}
.bzoffer-badge{background:var(--v8-mist)!important;color:var(--v8-ink)!important;box-shadow:inset 0 0 0 2px var(--v8-egg)}
.tp .tpb:hover,.tp .tpb:focus-visible{border-color:var(--v8-egg)}
.tp .tpk{background:var(--v8-ink)}
.tp .tpb:hover .tpk{background:#252D32}
/* small words never sit on robin's egg (guide 4): the Recommended tag is mist with a robin's egg ring */
html .wc-tag{background:var(--v8-mist);color:var(--v8-ink);box-shadow:inset 0 0 0 1.5px var(--v8-egg)}
/* reviews-anon (Oct 29 2026): one clear "See all reviews on Google" link right under the review cards. White pill, robin's egg ring, charcoal words (no white on robin's egg, no old accent, no coral) */
.reviews .rv-all{margin:22px 0 0;text-align:center}
.reviews .rv-all a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border-radius:99px;background:#fff;color:var(--v8-ink);font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 2px var(--v8-egg)}
.reviews .rv-all a::after{content:"\2197";font-weight:700;color:var(--v8-ink)}
.reviews .rv-all a:hover,.reviews .rv-all a:focus-visible{background:var(--v8-mist);text-decoration:underline}
.reviews .rv-all+.rv-ctas{margin-top:18px}

/* r8addoncue: add-on icons are not tappable; a calm cue under them */
.wz-jxi:has(+ .wz-addcue){margin-bottom:2px}   /* .wz-xs is a 14px gap grid; the cue sits about 4px under the icon tiles */
.wz-addcue{margin:-12px 0 6px;font-size:.84rem;line-height:1.4;font-weight:500;color:#2F6F82;text-align:center}
.wz-jxi,.wz-jxi span,.wz-jxi .wz-ic,.wz-jxi b{cursor:default;pointer-events:none;-webkit-tap-highlight-color:transparent;user-select:none}
.wz-jxi span,.wz-jxi span:hover,.wz-jxi span:active,.wz-jxi .wz-ic,.wz-jxi .wz-ic:hover{transform:none!important;box-shadow:none!important;transition:none!important}
.wz-jxi span:hover{background:#fff;border-color:var(--v8-line)}
.wz-jxi span:hover b{color:var(--v8-ink)}

/* r8doorwc: fourth add-on tile (glass door), 2 by 2 on phones, one row of four on wider screens */
.wz-jxi span{min-width:0}
.wz-jxi .wz-door-l{font-size:.78rem;font-weight:600;line-height:1.3}
.wz-jxi .wz-door-tmp{object-fit:contain;padding:4px;box-sizing:border-box}
@media (max-width:600px){.wz-jxi span{flex:1 1 calc(50% - 6px)}}
@media (min-width:601px){.wz-jxi span{flex:1 1 0}}