/* TikTok for D2C brands. Arranges the shared landing system; the concept is the search bar (your brand
   name is a search term), drawn as the hero illustration, not as page chrome. */
.bespoke-for-d2c-brands .dc-hero-copy{display:flex;flex-direction:column;gap:18px}
.bespoke-for-d2c-brands .dc-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 0}
.bespoke-for-d2c-brands .dc-facts div{border-top:2px solid var(--ls-ink);padding-top:8px}
.bespoke-for-d2c-brands .dc-facts dt{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ls-muted)}
.bespoke-for-d2c-brands .dc-facts dd{margin:4px 0 0;font-size:15px;line-height:1.35;color:var(--ls-text)}

/* hero illustration: a search bar with typed brand searches */
.bespoke-for-d2c-brands .dc-hero-illo{margin:0}
.bespoke-for-d2c-brands .dc-o *{stroke:var(--ls-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.bespoke-for-d2c-brands .dc-o .f-paper{fill:var(--ls-paper)}
.bespoke-for-d2c-brands .dc-o .f-blue{fill:var(--ls-blue)}
.bespoke-for-d2c-brands .dc-o .f-peach{fill:var(--ls-peach)}
.bespoke-for-d2c-brands .dc-o .f-yellow{fill:var(--ls-yellow)}
.bespoke-for-d2c-brands .dc-t text{font-family:var(--ls-font);fill:var(--ls-ink)}
.bespoke-for-d2c-brands .dc-t .dc-t-q{font-size:24px;font-weight:800}
.bespoke-for-d2c-brands .dc-t .dc-t-s{font-size:18px;font-weight:600}
.bespoke-for-d2c-brands .dc-t .dc-t-n{font-size:19px;font-weight:800}

.bespoke-for-d2c-brands .ls-prompt p{margin:0 0 14px}

/* section numbers */
.bespoke-for-d2c-brands .dc-no{display:inline-block;margin-bottom:10px;font:800 14px/1 var(--ls-mono);letter-spacing:.08em;color:var(--ls-muted)}

/* 01: brand searches, copy beside the chart */
.bespoke-for-d2c-brands .dc-split-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:start}
.bespoke-for-d2c-brands .dc-chart{margin:0;background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius);padding:22px 22px 16px}
.bespoke-for-d2c-brands .dc-chart h3{margin:0 0 14px}
.bespoke-for-d2c-brands .dc-bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bespoke-for-d2c-brands .dc-bar{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr) auto;align-items:center;gap:12px;font-size:14px}
.bespoke-for-d2c-brands .dc-bar-label{color:var(--ls-text);line-height:1.3}
.bespoke-for-d2c-brands .dc-bar-track{height:20px;border-radius:6px;background:var(--ls-blue-tint)}
.bespoke-for-d2c-brands .dc-bar-fill{display:block;height:100%;border-radius:6px;background:var(--ls-blue-deep)}
.bespoke-for-d2c-brands .dc-bar--gap .dc-bar-fill{background:var(--ls-peach-deep)}
.bespoke-for-d2c-brands .dc-bar-val{font-weight:800;text-align:right;font-variant-numeric:tabular-nums;line-height:1.2}
.bespoke-for-d2c-brands .dc-bar-val small{display:block;font-weight:500;font-size:12px;color:var(--ls-muted)}
.bespoke-for-d2c-brands .dc-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 4px;font-size:13px;color:var(--ls-muted)}
.bespoke-for-d2c-brands .dc-key{display:inline-block;width:14px;height:14px;border-radius:4px;margin-left:8px}
.bespoke-for-d2c-brands .dc-key:first-child{margin-left:0}
.bespoke-for-d2c-brands .dc-key--deep{background:var(--ls-blue-deep)}
.bespoke-for-d2c-brands .dc-key--gap{background:var(--ls-peach-deep)}

/* 02: questions */
.bespoke-for-d2c-brands .dc-qgrid{margin:22px 0 6px;align-items:start}
.bespoke-for-d2c-brands .dc-qgrid caption{caption-side:top;text-align:left;font-weight:800;padding:0 0 10px}
.bespoke-for-d2c-brands .dc-stats{margin:14px 0 6px}

/* 03: rival cards */
.bespoke-for-d2c-brands .dc-rivals{margin:22px 0 8px}
.bespoke-for-d2c-brands .dc-rivals .ls-card{display:flex;flex-direction:column;gap:6px}
.bespoke-for-d2c-brands .dc-rivals .ls-tag{align-self:flex-start;margin-bottom:6px}
.bespoke-for-d2c-brands .dc-big{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.bespoke-for-d2c-brands .dc-dl{margin:10px 0 0;display:grid;gap:8px}
.bespoke-for-d2c-brands .dc-dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--ls-line);padding-top:8px;font-size:14px}
.bespoke-for-d2c-brands .dc-dl dt{color:var(--ls-muted)}
.bespoke-for-d2c-brands .dc-dl dd{margin:0;font-weight:800}

/* 04: comments */
.bespoke-for-d2c-brands .dc-comments{align-items:start}
.bespoke-for-d2c-brands .dc-themes h3{margin:0 0 14px}
.bespoke-for-d2c-brands .dc-theme-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}
.bespoke-for-d2c-brands .dc-theme-list li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:15px;line-height:1.4}

@media(max-width:900px){
 .bespoke-for-d2c-brands .dc-split-wide{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:600px){
 .bespoke-for-d2c-brands .dc-facts{grid-template-columns:minmax(0,1fr)}
 .bespoke-for-d2c-brands .dc-hero-illo{padding:12px}
 .bespoke-for-d2c-brands .dc-chart{padding:16px 14px 12px}
 .bespoke-for-d2c-brands .dc-bar{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
 .bespoke-for-d2c-brands .dc-bar-track{grid-column:1/-1;grid-row:2}
 .bespoke-for-d2c-brands .dc-big{font-size:28px}
}