/* TikTok Top Ads. Phones and a billboard are the illustration subjects; the page
   itself is the shared landing system. Layout and illustration only. */

.bespoke-tool-tiktok-top-ads.tools-main{max-width:none;margin:0;padding:0;color:var(--ls-text)}

/* hero: copy beside the tool, results full width underneath */
.bespoke-tool-tiktok-top-ads .ta-hero{padding-top:48px}
.bespoke-tool-tiktok-top-ads .ta-hero-grid{grid-template-areas:"copy tool" "res res";align-items:center;row-gap:40px}
.bespoke-tool-tiktok-top-ads .ta-hero-copy{grid-area:copy;min-width:0}
.bespoke-tool-tiktok-top-ads .ta-hero .tool-workspace{grid-area:tool;display:block;max-width:none;margin:0;min-width:0}
.bespoke-tool-tiktok-top-ads .ta-hero #tool-results{grid-area:res;margin:0;min-width:0;border-radius:var(--ls-radius);border:1.5px solid var(--ls-line);box-shadow:none;background:var(--ls-paper);color:var(--ls-text)}
.bespoke-tool-tiktok-top-ads .ad-card h3{-webkit-line-clamp:4}
.bespoke-tool-tiktok-top-ads .ad-card .label-tag{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--ls-yellow);color:var(--ls-ink)}

/* today's ads */
.bespoke-tool-tiktok-top-ads .ta-intro{margin-bottom:32px}
.bespoke-tool-tiktok-top-ads .ta-ads{margin-bottom:40px}
.bespoke-tool-tiktok-top-ads .ta-ad{display:flex;flex-direction:column;align-items:flex-start}
.bespoke-tool-tiktok-top-ads .ta-ad-art{width:96px;height:96px;margin-bottom:14px}
.bespoke-tool-tiktok-top-ads .ta-ad .ls-tag{margin-bottom:12px}
.bespoke-tool-tiktok-top-ads .ta-views{margin:0 0 10px;font-size:15px;color:var(--ls-muted)}
.bespoke-tool-tiktok-top-ads .ta-views b{font-size:36px;font-weight:800;letter-spacing:-.03em;color:var(--ls-ink);margin-right:6px}
.bespoke-tool-tiktok-top-ads .ta-fig{margin:0}
.bespoke-tool-tiktok-top-ads .ta-chart-frame{padding:18px 18px 8px}
.bespoke-tool-tiktok-top-ads .ta-grid{stroke:var(--ls-line);stroke-width:1}
.bespoke-tool-tiktok-top-ads .ta-ax{font:13px var(--ls-font);fill:var(--ls-muted)}
.bespoke-tool-tiktok-top-ads .ta-lab{font:700 15px var(--ls-font);fill:var(--ls-ink)}
.bespoke-tool-tiktok-top-ads .ta-bar{fill:var(--ls-blue)}
.bespoke-tool-tiktok-top-ads .ta-bar--top{fill:var(--ls-blue-deep)}
.bespoke-tool-tiktok-top-ads .ta-val{font:700 15px var(--ls-font);fill:#fff}
.bespoke-tool-tiktok-top-ads .ta-val--out{fill:var(--ls-ink)}

/* illustrations in house style */
.bespoke-tool-tiktok-top-ads .ta-o{fill:none;stroke:var(--ls-ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.bespoke-tool-tiktok-top-ads .f-paper{fill:var(--ls-paper)}
.bespoke-tool-tiktok-top-ads .f-blue{fill:var(--ls-blue)}
.bespoke-tool-tiktok-top-ads .f-peach{fill:var(--ls-peach)}
.bespoke-tool-tiktok-top-ads .f-yellow{fill:var(--ls-yellow)}
.bespoke-tool-tiktok-top-ads .f-lavender{fill:var(--ls-lavender)}
.bespoke-tool-tiktok-top-ads .f-mint{fill:var(--ls-mint)}
.bespoke-tool-tiktok-top-ads .f-ink{fill:var(--ls-ink)}
.bespoke-tool-tiktok-top-ads .ta-board{max-width:440px;width:100%;justify-self:center}
.bespoke-tool-tiktok-top-ads .ta-share .ls-steps{margin:8px 0 20px}

/* comparison, weekly, faq */
.bespoke-tool-tiktok-top-ads .ta-intro-p{max-width:680px;margin-bottom:24px}
.bespoke-tool-tiktok-top-ads .ls-table th[scope=row]{text-transform:none;letter-spacing:0;font-size:15px;color:var(--ls-ink);background:transparent;border-bottom:1px solid var(--ls-line)}
.bespoke-tool-tiktok-top-ads .ta-week{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.bespoke-tool-tiktok-top-ads .ta-week .ls-prompt{margin:22px 0 0}
.bespoke-tool-tiktok-top-ads .ta-week .ls-prompt p{margin:0}
.bespoke-tool-tiktok-top-ads .ta-week .ls-actions{margin-top:22px}
.bespoke-tool-tiktok-top-ads .ta-week .ls-small{margin:12px 0 0}
.bespoke-tool-tiktok-top-ads .ta-faq{max-width:860px}

@media (max-width:960px){
 .bespoke-tool-tiktok-top-ads .ta-hero-grid{grid-template-areas:"copy" "tool" "res"}
 .bespoke-tool-tiktok-top-ads .ta-week{grid-template-columns:1fr;gap:28px}
 .bespoke-tool-tiktok-top-ads .ta-board{max-width:320px}
}
@media (max-width:640px){
 .bespoke-tool-tiktok-top-ads .ta-hero{padding-top:28px}
 .bespoke-tool-tiktok-top-ads .ta-chart-frame{padding:10px 6px 4px;border-radius:20px}
 .bespoke-tool-tiktok-top-ads .ta-ax{font-size:22px}
 .bespoke-tool-tiktok-top-ads .ta-lab,.bespoke-tool-tiktok-top-ads .ta-val{font-size:24px}
 .bespoke-tool-tiktok-top-ads .ta-views b{font-size:30px}
}