/* Contrast, keyboard, and narrow-screen repairs from the site audit. */
html{color-scheme:light}
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:14px 20px;background:#10141b;color:#fff;transform:translateY(-160%);border-radius:6px;font:600 16px 'Manrope',sans-serif}
.skip-link:focus{transform:none;outline:3px solid #ff6b00}
.v2 .btn.secondary{color:var(--ink)}
.salon.v2 .btn.secondary{color:#FAF8F1;background:#682937}
.dental.v2 .btn.secondary{color:#fff;background:#215cbb;border-color:#215cbb}
.medspa.v2 .btn.secondary{color:#f9f5ed;background:#5c1c2e;border-color:#5c1c2e}
.medspa-treatments .service:nth-child(2) .number,.medspa-treatments .service:nth-child(2) .tag{color:#f9f5ed}
.law-practice-list .service a{color:#1b302e;min-height:44px;padding:10px 0}
.contractor.v2 #inquire .demo-label{color:#252821}
.contractor-callout a.btn.secondary{color:#fff;background:#252821;border-color:#fff}
.salon.v2 #inquire .muted,.medspa.v2 #inquire .muted,.law.v2 #inquire .muted{opacity:1}
.conceptbar a:not(.agency-stamp){min-height:44px;display:inline-flex;align-items:center}
.card-meta{flex-wrap:wrap}
.card-meta .package{line-height:1.5}
.sitefooter a,.portfolio-footer a,.rent-footer a{min-height:44px;display:inline-flex;align-items:center}
.save-car{min-width:44px;min-height:44px}
.rent-nav button,.category-tabs button,.duration-tabs button,.results-line button{min-height:44px}
/* Grid children must shrink before a scrollable child can contain its own overflow. */
.shell,.main,.view,.board-scroll,#dash,#apps,.bw-wrap,.bw,.bw-app,.bw-main,.bw-grid,.bw-card,.bw-head,.bw-kpis,.apps-side,.panel{min-width:0;max-width:100%}
.bw{min-width:0;width:100%}
.bw-app{grid-template-columns:170px minmax(0,1fr)}
.bw-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.bw-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.bw-head{flex-wrap:wrap}
.bw-btn{white-space:normal}
.bw-pipe div{grid-template-columns:minmax(0,110px) minmax(0,1fr) 26px}
.bw-row{grid-template-columns:42px minmax(0,1fr) auto}
.bw-row>div,.bw-act li{overflow-wrap:anywhere}
.bw-bar .url{min-width:0;overflow-wrap:anywhere}
.tl li.wait{opacity:1}
.tl li.wait .what{color:#505862}
.tl .when,.card .svc,.rule .when{font-size:14px}
.card .auto{color:#16774f}
.x,.stage-pick select,.industries button,.nav button,.btn{min-height:44px}
.x{min-width:44px}
.toggle{width:52px;height:44px}
.toggle::after{top:10px;width:24px;height:24px}
.toggle[aria-checked=true]::after{transform:translateX(22px)}
.d-body{min-height:0;overscroll-behavior:contain}
.drawer .d-head{overflow-y:auto;flex-shrink:0;max-height:55dvh}
.dev .xs{overflow-y:auto;overscroll-behavior:contain}
.dev.hs .xs{overflow:hidden}
.sample-note{font-size:14px;line-height:1.6;color:#505862;margin:0 0 20px}
@media(max-width:1100px){
 .bw-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bw-grid{grid-template-columns:minmax(0,1fr)}
 .bw-main{padding:18px}
}
@media(max-width:900px){
 .shell{grid-template-columns:minmax(0,1fr)}
 .side .nav button{min-height:44px}
 .side .fire{width:100%}
 .bw-app{grid-template-columns:minmax(0,1fr)}
 .bw-side{padding:14px 16px}
 .bw-side .bw-nav,.bw-side .bw-me{display:none}
 .bw-logo{padding:0}
 .bw-bar .url{margin-left:4px}
 .apps-top{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:720px){
 /* A vertical pipeline keeps every stage and card reachable on a phone. */
 .board{min-width:0;width:100%;grid-template-columns:minmax(0,1fr)}
 .board-scroll{overflow-x:visible}
 .col{min-height:0;padding:14px;gap:10px}
 .col h3{font-size:16px}
 .main{padding:20px 14px}
 .side .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .side .nav button{width:100%;justify-content:flex-start;white-space:normal;font-size:14px;gap:8px;padding:10px 8px}
 .bw-main{padding:16px 12px}
 .bw-head{align-items:flex-start;gap:12px}
 .bw-head h4{font-size:24px;overflow-wrap:anywhere}
 .bw-head p,.bw-card h5,.bw-row,.bw-pipe div,.bw-act li{font-size:14px}
 .bw-kpis .l,.bw-kpis .f,.bw-row .s,.bw-act span{font-size:13px}
 .bw-card{padding:14px 12px}
 .bw-kpis .v{font-size:clamp(1.45rem,6vw,1.8rem);overflow-wrap:anywhere}
 .bw-row{grid-template-columns:42px minmax(0,1fr)}
 .bw-row>.pill{grid-column:2;justify-self:start}
 .bw-act li{display:block}
 .bw-act li span{display:block;margin-bottom:4px}
 .bw-pipe div{grid-template-columns:minmax(0,96px) minmax(0,1fr) 20px;gap:6px}
 .bw-chart svg{height:auto;aspect-ratio:520/170}
 .bw-chart svg text{font-size:32px;transform:translateY(-3px)}
 .dash-phones{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}
 .dash-phones figure{max-width:100%}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rule{padding:14px 12px;grid-template-columns:minmax(0,1fr) 52px}
 .rule .msg{overflow-wrap:anywhere}
 .store-top{flex-wrap:wrap}
 .store-top>div{min-width:0;overflow-wrap:anywhere}
 .store-meta{grid-template-columns:1fr;gap:12px}
 .restaurant.v2 .sitefooter{padding-bottom:125px}
}
@media(max-width:380px){
 .bw-kpis,.metrics{grid-template-columns:minmax(0,1fr)}
 .bw-pipe div{grid-template-columns:minmax(0,1fr) 20px}
 .bw-pipe div>span:first-child{grid-column:1;grid-row:1}
 .bw-pipe .bar{grid-column:1;grid-row:2}
 .bw-pipe span:last-child{grid-column:2;grid-row:1}
 .apps-top>.dev{max-width:100%}
 .cars.v2.detail-page .minihero h1{font-size:clamp(2.5rem,10vw,3.5rem)}
}