/* Services hub (/digital-marketing-services/): hub-only additions to the tabbed "What we do" block
   (template-parts/services-hub-tabs.php; base look = assets/css/svc2-tabs.css + assets/js/svc2-tabs.js, unchanged).
   2026-09-29: the block sits on a NAVY band (strict light / dark alternation), panels carry a 3-case fan (cs-fan.css),
   an "Includes" label + pill chips, a facts line and the real partner badge on a white chip.
   Scoped to .sv2wt / .sv2wt-sec. Tokens from .sv2 (services-hub-v2.css). Motion: hovers 150 ms, nothing hidden. */
/* frame on a navy band: lift it off the ground (the list column would otherwise be the band colour) */
.sv2wt-sec.sv2-dark .svc2-wt{border-color:rgba(255,255,255,.14);box-shadow:0 30px 70px rgba(0,0,0,.38)}
.sv2wt-sec.sv2-dark .svc2-wt__list{background:rgba(255,255,255,.035)}
/* the inlined kit reset (.sv2 :where(p) / .sv2-btn, printed after the tab sheet) outranks same-weight svc2-tabs rules: restate them */
.sv2wt .svc2-wt__p{margin:16px 0 18px}
.sv2wt .svc2-wt__go{white-space:normal;text-align:left;line-height:1.25;padding:15px 24px}
/* includes: label on its own line over a flex-wrap row of pill chips (8px gaps, no underline, no separators) */
.sv2wt .sv2wt-inc{margin:0 0 18px}
.sv2wt .sv2wt-inc__l{display:block;margin:0 0 10px;font-size:11.5px;font-weight:700;line-height:1.2;letter-spacing:.09em;text-transform:uppercase;color:var(--mist)}
.sv2wt .sv2wt-inc__c{display:flex;flex-wrap:wrap;gap:8px}
.sv2wt .sv2wt-inc a{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap}
/* facts line + partner badge */
.sv2wt .sv2wt-ft{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 24px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.sv2wt .sv2wt-facts{margin:0;font-size:13.5px;line-height:1.45;color:var(--mist)}
.sv2wt-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.sv2wt-badge img{height:36px;width:auto;max-width:84px;object-fit:contain;background:#fff;border-radius:8px;padding:4px 6px;box-sizing:content-box}
.sv2wt-badge span{display:grid;font-size:12px;line-height:1.3;color:var(--on-navy)}
.sv2wt-badge b{color:#fff;font-size:13px}
/* no image resolved: the copy spans the panel */
@media (min-width:1200px){.sv2wt .svc2-wt__panel.sv2wt-noimg{grid-template-columns:minmax(0,1fr)}}
@media (min-width:640px) and (max-width:999.98px){.sv2wt .svc2-wt__panel.sv2wt-noimg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:999.98px){.sv2wt .svc2-wt__go{width:100%;justify-content:space-between}}