/* TikTok Market Scope guide. Arranges the shared landing system; the concept is a dashboard seen through a
   magnifier (the public side of a locked tool), drawn as the hero illustration, not as page chrome. */
.bespoke-tiktok-market-scope .msc-hero-copy{display:flex;flex-direction:column}
.bespoke-tiktok-market-scope .msc-hero-copy .ls-eyebrow{align-self:flex-start}
.bespoke-tiktok-market-scope .msc-hero-illo{margin:0}
.bespoke-tiktok-market-scope .msc-o *{stroke:var(--ls-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.bespoke-tiktok-market-scope .msc-o .f-paper{fill:var(--ls-paper)}
.bespoke-tiktok-market-scope .msc-o .f-cream{fill:var(--ls-cream)}
.bespoke-tiktok-market-scope .msc-o .f-blue{fill:var(--ls-blue)}
.bespoke-tiktok-market-scope .msc-o .f-peach{fill:var(--ls-peach)}
.bespoke-tiktok-market-scope .msc-o .f-mint{fill:var(--ls-mint)}
.bespoke-tiktok-market-scope .msc-o .f-lavender{fill:var(--ls-lavender)}
.bespoke-tiktok-market-scope .msc-o .f-yellow{fill:var(--ls-yellow)}
.bespoke-tiktok-market-scope .msc-o .f-ink{fill:var(--ls-ink)}
.bespoke-tiktok-market-scope .msc-o .f-glass{fill:var(--ls-yellow-tint);fill-opacity:.55}
.bespoke-tiktok-market-scope .msc-o .msc-handle{stroke-width:14}
.bespoke-tiktok-market-scope .msc-o .msc-tick{stroke-width:5}

/* section numbers: a mono figure in an ink ring */
.bespoke-tiktok-market-scope .msc-no{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border:2px solid var(--ls-ink);border-radius:50%;background:var(--ls-paper);font:800 15px/1 var(--ls-mono);color:var(--ls-ink)}
.bespoke-tiktok-market-scope .msc-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}
.bespoke-tiktok-market-scope .ls-prompt p{margin:0 0 14px}
.bespoke-tiktok-market-scope .msc-prompt{margin-top:28px;max-width:820px}

/* 01: five module cards as one strip */
.bespoke-tiktok-market-scope .msc-modules{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.bespoke-tiktok-market-scope .msc-modules .ls-card{padding:20px;display:flex;flex-direction:column;gap:12px}
.bespoke-tiktok-market-scope .msc-modules .ls-tag{align-self:flex-start}
.bespoke-tiktok-market-scope .msc-modules p{font-size:15px;line-height:1.5;margin:0}

/* 02: access */
.bespoke-tiktok-market-scope .msc-access{align-items:start}
.bespoke-tiktok-market-scope .msc-roles{display:grid;gap:18px}
.bespoke-tiktok-market-scope .msc-mini-steps{gap:12px}
.bespoke-tiktok-market-scope .msc-mini-steps > li{font-size:16px;padding-left:50px;min-height:40px;padding-top:6px}
.bespoke-tiktok-market-scope .msc-dl{margin:0;display:grid;gap:10px}
.bespoke-tiktok-market-scope .msc-dl div{display:grid;grid-template-columns:7em minmax(0,1fr);gap:12px;border-top:1px solid var(--ls-line);padding-top:10px;font-size:15px}
.bespoke-tiktok-market-scope .msc-dl dt{font-weight:800;color:var(--ls-ink)}
.bespoke-tiktok-market-scope .msc-dl dd{margin:0;color:var(--ls-text)}

/* 03: module map */
.bespoke-tiktok-market-scope .msc-map{margin-top:8px}
.bespoke-tiktok-market-scope .msc-map td{font-size:15px}
.bespoke-tiktok-market-scope .msc-map td:first-child{white-space:nowrap}
.bespoke-tiktok-market-scope .msc-map .ls-tag{white-space:nowrap}

/* 04: worked example as a dashboard board */
.bespoke-tiktok-market-scope .msc-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}
.bespoke-tiktok-market-scope .msc-panel{background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius);padding:24px;min-width:0}
.bespoke-tiktok-market-scope .msc-panel--wide{grid-column:1/-1}
.bespoke-tiktok-market-scope .msc-panel header{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}
.bespoke-tiktok-market-scope .msc-panel header h3{margin:0}
.bespoke-tiktok-market-scope .msc-panel > :last-child{margin-bottom:0}
.bespoke-tiktok-market-scope .msc-panel p{font-size:16px}
.bespoke-tiktok-market-scope .msc-panel .ls-table-wrap{margin-bottom:6px}
.bespoke-tiktok-market-scope .msc-themes{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.bespoke-tiktok-market-scope .msc-themes li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;font-size:14px;color:var(--ls-text)}
.bespoke-tiktok-market-scope .msc-themes li::after{content:'';grid-column:1/-1;height:14px;border-radius:5px;width:calc(var(--n) / 9 * 100%);background:var(--ls-peach-deep)}
.bespoke-tiktok-market-scope .msc-themes b{font-variant-numeric:tabular-nums;color:var(--ls-ink)}
.bespoke-tiktok-market-scope .msc-panel .msc-big{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--ls-ink);margin:0 0 14px}
.bespoke-tiktok-market-scope .msc-big small{display:block;font-size:14px;font-weight:500;letter-spacing:0;color:var(--ls-muted);margin-top:4px}
.bespoke-tiktok-market-scope .msc-split-bars{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.bespoke-tiktok-market-scope .msc-split-bars li{display:grid;grid-template-columns:7.5em minmax(0,1fr) 3.6em;align-items:center;gap:10px;font-size:14px}
.bespoke-tiktok-market-scope .msc-split-bars i{display:block;position:relative;height:16px;border-radius:5px;background:var(--ls-blue-tint)}
.bespoke-tiktok-market-scope .msc-split-bars i::before{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:5px;background:var(--ls-blue-deep)}
.bespoke-tiktok-market-scope .msc-split-bars b{text-align:right;font-variant-numeric:tabular-nums;color:var(--ls-ink)}
.bespoke-tiktok-market-scope .msc-kv{display:grid;gap:8px;margin:0 0 14px}
.bespoke-tiktok-market-scope .msc-kv div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--ls-line);padding-top:8px;font-size:15px}
.bespoke-tiktok-market-scope .msc-kv dt{color:var(--ls-muted)}
.bespoke-tiktok-market-scope .msc-kv dd{margin:0;font-weight:800;text-align:right;color:var(--ls-ink)}
.bespoke-tiktok-market-scope .msc-stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:14px}

/* 05: brand video covers, each linked to the original */
.bespoke-tiktok-market-scope .msc-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,200px));gap:20px;justify-content:start;margin:26px 0 24px}
.bespoke-tiktok-market-scope .msc-shot{margin:0;min-width:0}
.bespoke-tiktok-market-scope .msc-shot > a{display:block;border:2px solid var(--ls-ink);border-radius:18px;overflow:hidden;background:var(--ls-paper);aspect-ratio:9/16}
.bespoke-tiktok-market-scope .msc-shot img{display:block;width:100%;height:100%;object-fit:cover}
.bespoke-tiktok-market-scope .msc-shot > a:hover{transform:translateY(-2px)}
.bespoke-tiktok-market-scope .msc-shot figcaption{font-size:13px;line-height:1.45;color:var(--ls-muted);margin-top:8px}
.bespoke-tiktok-market-scope .msc-shot figcaption strong{color:var(--ls-ink)}
.bespoke-tiktok-market-scope .msc-brand-table{max-width:820px}

/* 06 and 07 */
.bespoke-tiktok-market-scope .msc-readout{margin-top:22px}
.bespoke-tiktok-market-scope .msc-choose{margin-top:22px}
.bespoke-tiktok-market-scope .msc-choose ul{margin:0;padding-left:20px;display:grid;gap:8px;font-size:16px}
.bespoke-tiktok-market-scope .msc-choose-us{background:var(--ls-paper)}
.bespoke-tiktok-market-scope .msc-links{margin-top:22px;font-size:16px}

@media(max-width:1100px){
 .bespoke-tiktok-market-scope .msc-modules{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .bespoke-tiktok-market-scope .msc-board{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 .bespoke-tiktok-market-scope .msc-hero-illo{padding:12px}
 .bespoke-tiktok-market-scope .msc-head{grid-template-columns:minmax(0,1fr);gap:6px}
 .bespoke-tiktok-market-scope .msc-modules{grid-template-columns:minmax(0,1fr)}
 .bespoke-tiktok-market-scope .msc-panel{padding:18px 16px}
 .bespoke-tiktok-market-scope .msc-stat-row{grid-template-columns:minmax(0,1fr)}
 .bespoke-tiktok-market-scope .msc-split-bars li{grid-template-columns:6.5em minmax(0,1fr) 3.4em}
 .bespoke-tiktok-market-scope .msc-kv div{flex-direction:column;gap:2px}
 .bespoke-tiktok-market-scope .msc-kv dd{text-align:left}
 .bespoke-tiktok-market-scope .msc-shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .bespoke-tiktok-market-scope .msc-dl div{grid-template-columns:minmax(0,1fr);gap:2px}
 .bespoke-tiktok-market-scope .msc-map td:first-child{white-space:normal}
 .bespoke-tiktok-market-scope .msc-panel .msc-big{font-size:32px}
}