/* /customers (task 013): black page. Tiles, band and rail rules are shared, in site.css. */
.pg-customers .phero-dark{padding-bottom:clamp(40px,5vw,64px)}
.cs-h1-2{color:var(--blue)}
.cs-facts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:24px 48px}
.cs-facts li{min-width:0}
.cs-facts b{display:block;font:500 clamp(2.2rem,3.6vw,3.2rem)/1 var(--font-head);letter-spacing:-.035em;color:#fff}
.cs-facts span{display:block;margin-top:8px;font-size:.9rem;color:rgba(255,255,255,.72)}
.cs-page{padding-top:0}
.cs-filters-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding-top:32px;border-top:1px solid rgba(255,255,255,.12);margin-bottom:14px}
.cs-filters-bar h2{color:#fff;font-size:clamp(1.5rem,2.2vw,1.9rem)}
.cs-filters{display:flex;flex-wrap:wrap;gap:12px 28px}
.no-js .cs-filters{display:none}
.cs-fgroup{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cs-flab{margin-right:4px;font:600 .82rem/1 var(--font-body);color:rgba(255,255,255,.72)}
.cs-chipbtn{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:600 .88rem/1 var(--font-body);cursor:pointer}
.cs-chipbtn:hover{border-color:#fff}
.cs-chipbtn[aria-pressed="true"]{background:#fff;border-color:#fff;color:var(--black)}
.cs-count{margin:0 0 22px;font-size:.9rem;color:rgba(255,255,255,.72)}
.cs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cs-empty{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 0 24px;color:rgba(255,255,255,.85)}
.cs-empty[hidden]{display:none}
.cs-wall{margin-top:64px;padding-top:40px;border-top:1px solid rgba(255,255,255,.12);text-align:center}
.cs-wall h2{font-size:1.3rem;color:rgba(255,255,255,.88)}
.cs-wall ul{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 44px;margin-top:24px}
.cs-wall li{font:700 1.1rem/1 var(--font-head);letter-spacing:-.01em;color:rgba(255,255,255,.66)}
.cs-wall li.is-held{padding:8px 12px;border:1px dashed rgba(255,193,7,.6);border-radius:8px}
@media (max-width:980px){.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-facts{justify-content:flex-start}}
@media (max-width:640px){.cs-grid{grid-template-columns:minmax(0,1fr)}.cs-facts{gap:20px 32px}.cs-filters{gap:14px}}