/* TikTok keyword research: layout, the tool panel in house style, the iceberg drawings and the charts.
   Type, colour, buttons, cards, tables and the FAQ come from landing-system.css. */
.bespoke-tool-tiktok-keyword-research.tools-main{--display:var(--ls-font);--body:var(--ls-font);max-width:none;margin:0;padding:0;background:var(--ls-cream);color:var(--ls-text)}
.bespoke-tool-tiktok-keyword-research a.ls-btn,.bespoke-tool-tiktok-keyword-research a.ls-btn:hover{color:#fff}
.bespoke-tool-tiktok-keyword-research a.ls-btn--ghost,.bespoke-tool-tiktok-keyword-research a.ls-btn--ghost:hover{color:var(--ls-ink)}
.bespoke-tool-tiktok-keyword-research svg text{font-family:var(--ls-font)}

/* ---------- hero + the working tool ---------- */
.bespoke-tool-tiktok-keyword-research .ib-hero{padding-top:40px}
.bespoke-tool-tiktok-keyword-research .ib-hero .ls-split{align-items:start}
.bespoke-tool-tiktok-keyword-research .tool-workspace{display:block;max-width:none;margin:0}
.bespoke-tool-tiktok-keyword-research .tool-panel{background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius);box-shadow:0 8px 0 var(--ls-blue);overflow:hidden}
.bespoke-tool-tiktok-keyword-research .tool-form{padding:30px}
.bespoke-tool-tiktok-keyword-research .form-kicker{display:inline-block;font:700 12px/1 var(--ls-font);letter-spacing:.12em;text-transform:uppercase;color:var(--ls-ink);background:var(--ls-yellow);border-radius:999px;padding:6px 12px;margin-bottom:16px}
.bespoke-tool-tiktok-keyword-research .tool-form label{font:700 20px/1.3 var(--ls-font);color:var(--ls-ink);text-align:left;margin-bottom:12px}
.bespoke-tool-tiktok-keyword-research .tool-form input:not([type=hidden]){font:17px/1.4 var(--ls-font);color:var(--ls-ink);background:var(--ls-cream);border:1.5px solid var(--ls-line);border-radius:var(--ls-radius-sm);padding:16px 18px}
.bespoke-tool-tiktok-keyword-research .tool-form input:not([type=hidden]):focus{outline:3px solid var(--ls-blue);outline-offset:1px;border-color:var(--ls-ink)}
.bespoke-tool-tiktok-keyword-research .tool-form input::placeholder{color:var(--ls-muted)}
.bespoke-tool-tiktok-keyword-research .tool-submit{justify-content:center;gap:10px;min-height:56px;border:2px solid var(--ls-ink);border-radius:22px;background:var(--ls-ink);color:#fff;font:700 17px/1.2 var(--ls-font)}
.bespoke-tool-tiktok-keyword-research .tool-submit:hover:not(:disabled){background:var(--ls-ink);box-shadow:0 6px 0 rgba(31,30,28,.18)}
.bespoke-tool-tiktok-keyword-research .tool-input-help,.bespoke-tool-tiktok-keyword-research .form-assurance,.bespoke-tool-tiktok-keyword-research .tool-meta p,.bespoke-tool-tiktok-keyword-research .tool-message{font-family:var(--ls-font);font-size:14px;color:var(--ls-muted);text-align:left}
.bespoke-tool-tiktok-keyword-research .tool-verify{justify-content:flex-start;min-height:65px}
.bespoke-tool-tiktok-keyword-research #tool-results{grid-column:1/-1;margin-top:8px;background:var(--ls-paper);border:1.5px solid var(--ls-line);border-radius:var(--ls-radius);box-shadow:none;padding:28px;font-family:var(--ls-font)}
.bespoke-tool-tiktok-keyword-research #tool-results .result-heading h2{font-size:28px}
.bespoke-tool-tiktok-keyword-research #tool-results .result-card{border-radius:var(--ls-radius-sm);border-color:var(--ls-line);background:var(--ls-paper)}
.bespoke-tool-tiktok-keyword-research .topic-card .metric-list div{display:flex;flex-direction:column}
.bespoke-tool-tiktok-keyword-research .topic-card .metric-list dd{margin-top:auto;padding-top:4px}
.bespoke-tool-tiktok-keyword-research .topic-card .metric-list div:first-child dd{color:var(--ls-blue-deep)}

/* ---------- house-style drawings: flat, 2px ink outlines, pastel fills ---------- */
.bespoke-tool-tiktok-keyword-research .ib-ink *{stroke:var(--ls-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.bespoke-tool-tiktok-keyword-research .ib-ink .f-paper{fill:var(--ls-paper)}
.bespoke-tool-tiktok-keyword-research .ib-ink .f-blue{fill:var(--ls-blue)}
.bespoke-tool-tiktok-keyword-research .ib-ink .f-mint{fill:var(--ls-mint)}
.bespoke-tool-tiktok-keyword-research .ib-ink .f-peach{fill:var(--ls-peach)}
.bespoke-tool-tiktok-keyword-research .ib-ink .f-lavender{fill:var(--ls-lavender)}
.bespoke-tool-tiktok-keyword-research .ib-ink .f-yellow{fill:var(--ls-yellow)}
.bespoke-tool-tiktok-keyword-research .ib-ink .f-ink{fill:var(--ls-ink);stroke:none}
.bespoke-tool-tiktok-keyword-research .ib-ink .ib-dash{stroke-dasharray:6 6}
.bespoke-tool-tiktok-keyword-research .ib-svgtext text{font-size:16px;font-weight:700;fill:var(--ls-ink)}
.bespoke-tool-tiktok-keyword-research .ib-svgtext .t-sub{font-size:14px;font-weight:500;fill:var(--ls-muted)}
.bespoke-tool-tiktok-keyword-research .ib-svgtext .t-in{font-size:15px;font-weight:600}
.bespoke-tool-tiktok-keyword-research .ib-svgtext .t-grp{font-size:14px;font-weight:600}

/* ---------- depth 1: reading the numbers ---------- */
.bespoke-tool-tiktok-keyword-research .ib-illo{margin:0}
.bespoke-tool-tiktok-keyword-research .ib-illo svg{max-width:520px;margin:0 auto}
.bespoke-tool-tiktok-keyword-research .ib-pop-note{margin:28px 0 0;font-size:17px}
.bespoke-tool-tiktok-keyword-research .ib-gauges{margin-top:56px}
.bespoke-tool-tiktok-keyword-research .ib-gauge svg{width:64px;height:64px;display:block;margin-bottom:16px}
.bespoke-tool-tiktok-keyword-research .ib-gauge h3{margin-bottom:8px}
.bespoke-tool-tiktok-keyword-research .ib-gauge p{font-size:15px;line-height:1.6}

/* ---------- depth 2: the pottery example ---------- */
.bespoke-tool-tiktok-keyword-research .ib-figure{margin:36px 0 0}
.bespoke-tool-tiktok-keyword-research .ib-figure h3{margin-bottom:4px}
.bespoke-tool-tiktok-keyword-research .ib-chart-sub{margin:0 0 18px}
.bespoke-tool-tiktok-keyword-research .ib-key{display:inline-flex;align-items:center;gap:6px;margin-left:8px;white-space:nowrap;color:var(--ls-ink);font-weight:600}
.bespoke-tool-tiktok-keyword-research .ib-key .k-gap{display:inline-block;width:14px;height:14px;border-radius:4px;background:var(--ls-yellow);border:1.5px solid var(--ls-ink)}
.bespoke-tool-tiktok-keyword-research .ib-chart,.bespoke-tool-tiktok-keyword-research .ib-line{display:block;width:100%;height:auto}
.bespoke-tool-tiktok-keyword-research .ib-chart-narrow,.bespoke-tool-tiktok-keyword-research .ib-line-narrow{display:none}
.bespoke-tool-tiktok-keyword-research .c-sea{fill:var(--ls-blue-tint)}
.bespoke-tool-tiktok-keyword-research .c-grid,.bespoke-tool-tiktok-keyword-research .c-grid-d{stroke:var(--ls-line);stroke-width:1}
.bespoke-tool-tiktok-keyword-research .c-tick,.bespoke-tool-tiktok-keyword-research .c-axl,.bespoke-tool-tiktok-keyword-research .c-key,.bespoke-tool-tiktok-keyword-research .c-vr,.bespoke-tool-tiktok-keyword-research .c-s{font-size:13px;fill:var(--ls-muted)}
.bespoke-tool-tiktok-keyword-research .c-axl{font-weight:700}
.bespoke-tool-tiktok-keyword-research .c-key{font-size:12px}
.bespoke-tool-tiktok-keyword-research .c-wl{stroke:var(--ls-ink);stroke-width:2;fill:none}
.bespoke-tool-tiktok-keyword-research .c-tip{fill:var(--ls-blue)}
.bespoke-tool-tiktok-keyword-research .c-body{fill:var(--ls-blue-deep)}
.bespoke-tool-tiktok-keyword-research .c-body-gap{fill:var(--ls-yellow);stroke:var(--ls-ink);stroke-width:1.5;stroke-linejoin:round}
.bespoke-tool-tiktok-keyword-research .c-v{font-size:13px;font-weight:700;fill:var(--ls-ink)}
.bespoke-tool-tiktok-keyword-research .c-v0{fill:var(--ls-peach-deep)}
.bespoke-tool-tiktok-keyword-research .c-s{font-weight:600}
.bespoke-tool-tiktok-keyword-research .c-lab,.bespoke-tool-tiktok-keyword-research .c-lab-r{font-size:13px;fill:var(--ls-ink)}
.bespoke-tool-tiktok-keyword-research .c-lab-r{font-size:14px;font-weight:600}
.bespoke-tool-tiktok-keyword-research .c-lab-gap{fill:var(--ls-peach-deep);font-weight:700}
.bespoke-tool-tiktok-keyword-research .c-sr{font-size:13px;font-weight:700;fill:var(--ls-ink)}
.bespoke-tool-tiktok-keyword-research .c-l1{fill:none;stroke:var(--ls-peach-deep);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.bespoke-tool-tiktok-keyword-research .c-l2{fill:none;stroke:var(--ls-blue-deep);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.bespoke-tool-tiktok-keyword-research .c-pk{fill:var(--ls-yellow);stroke:var(--ls-ink);stroke-width:2}
.bespoke-tool-tiktok-keyword-research .c-ann{font-size:14px;font-weight:700;fill:var(--ls-ink)}
.bespoke-tool-tiktok-keyword-research .c-ann1{font-size:14px;font-weight:700;fill:var(--ls-peach-deep)}
.bespoke-tool-tiktok-keyword-research .c-ann2{font-size:14px;font-weight:700;fill:var(--ls-blue-deep)}

.bespoke-tool-tiktok-keyword-research .ib-finds{margin:28px 0 48px}
.bespoke-tool-tiktok-keyword-research .ib-finds p{font-size:16px}
.bespoke-tool-tiktok-keyword-research .ib-table-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start}
.bespoke-tool-tiktok-keyword-research .ib-table th[scope=row]{font-size:16px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ls-ink);background:none;border-bottom:1px solid var(--ls-line);padding:12px 16px}
.bespoke-tool-tiktok-keyword-research .ib-table td{padding:12px 16px}
.bespoke-tool-tiktok-keyword-research .ib-table thead th.num{text-align:right}
.bespoke-tool-tiktok-keyword-research .ib-table tr.is-gap th,.bespoke-tool-tiktok-keyword-research .ib-table tr.is-gap td{background:var(--ls-yellow-tint)}
.bespoke-tool-tiktok-keyword-research .ib-table tr.is-gap td:nth-child(3){font-weight:800;color:var(--ls-peach-deep)}
.bespoke-tool-tiktok-keyword-research .ib-table tbody tr:last-child th{border-bottom:0}
.bespoke-tool-tiktok-keyword-research .ib-groupbox{border:2px dashed var(--ls-ink)}
.bespoke-tool-tiktok-keyword-research .ib-grouptag{margin-bottom:14px}
.bespoke-tool-tiktok-keyword-research .ib-groupbox p{font-size:16px}
.bespoke-tool-tiktok-keyword-research .ib-trend{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:56px}
.bespoke-tool-tiktok-keyword-research .ib-trend .ib-figure{margin:0}

/* ---------- depth 3: compare ---------- */
.bespoke-tool-tiktok-keyword-research .ib-cores{margin:36px 0 0;align-items:stretch}
.bespoke-tool-tiktok-keyword-research .ib-core .ls-tag{margin-bottom:14px}
.bespoke-tool-tiktok-keyword-research .ib-core dl{margin:16px 0 0}
.bespoke-tool-tiktok-keyword-research .ib-core dl>div{padding:12px 0;border-top:1px solid var(--ls-line)}
.bespoke-tool-tiktok-keyword-research .ib-core-this dl>div{border-top-color:var(--ls-line)}
.bespoke-tool-tiktok-keyword-research .ib-core dt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ls-muted);margin-bottom:4px}
.bespoke-tool-tiktok-keyword-research .ib-core-this dt{color:var(--ls-blue-deep)}
.bespoke-tool-tiktok-keyword-research .ib-core dd{margin:0;font-size:16px;line-height:1.5;color:var(--ls-ink)}

/* ---------- TikTok SEO steps ---------- */
.bespoke-tool-tiktok-keyword-research .ib-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;margin-top:36px}
.bespoke-tool-tiktok-keyword-research .ib-steps h3{margin:6px 0 6px}
.bespoke-tool-tiktok-keyword-research .ib-steps p{font-size:16px;margin:0}
.bespoke-tool-tiktok-keyword-research .ib-more{margin:36px 0 0;font-size:16px;line-height:1.9}

/* ---------- FAQ + close ---------- */
.bespoke-tool-tiktok-keyword-research .ib-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.bespoke-tool-tiktok-keyword-research .ib-faq-side{color:var(--ls-muted);max-width:360px}
.bespoke-tool-tiktok-keyword-research .ib-end-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.bespoke-tool-tiktok-keyword-research .ib-end-link{color:#fff;font-weight:700}
.bespoke-tool-tiktok-keyword-research .ib-end-link:hover{color:var(--ls-yellow)}
.bespoke-tool-tiktok-keyword-research .ib-fine{font-size:14px;color:var(--ls-line)}

/* ---------- responsive ---------- */
@media (max-width:960px){
  .bespoke-tool-tiktok-keyword-research .ib-table-grid,.bespoke-tool-tiktok-keyword-research .ib-trend,.bespoke-tool-tiktok-keyword-research .ib-faq-grid{grid-template-columns:1fr;gap:28px}
  .bespoke-tool-tiktok-keyword-research .ib-cores{grid-template-columns:1fr}
}
@media (max-width:760px){
  .bespoke-tool-tiktok-keyword-research .ib-chart-wide,.bespoke-tool-tiktok-keyword-research .ib-line-wide{display:none}
  .bespoke-tool-tiktok-keyword-research .ib-chart-narrow,.bespoke-tool-tiktok-keyword-research .ib-line-narrow{display:block}
  .bespoke-tool-tiktok-keyword-research .ib-steps{grid-template-columns:1fr}
}
@media (max-width:640px){
  .bespoke-tool-tiktok-keyword-research .ib-hero{padding-top:24px}
  .bespoke-tool-tiktok-keyword-research .tool-form{padding:22px 18px}
  .bespoke-tool-tiktok-keyword-research .tool-verify{justify-content:center}
  .bespoke-tool-tiktok-keyword-research #tool-results{padding:18px}
  .bespoke-tool-tiktok-keyword-research .ib-illo{padding:12px;border-radius:24px}
  .bespoke-tool-tiktok-keyword-research .ib-gauge{display:grid;grid-template-columns:56px minmax(0,1fr);gap:0 16px}
  .bespoke-tool-tiktok-keyword-research .ib-gauge svg{width:56px;height:56px;grid-row:span 2;margin:0}
  .bespoke-tool-tiktok-keyword-research .ib-figure{padding:20px 14px}
  .bespoke-tool-tiktok-keyword-research .ib-key{display:flex;margin:6px 0 0}
  .bespoke-tool-tiktok-keyword-research .ib-table{font-size:14px}
  .bespoke-tool-tiktok-keyword-research .ib-table th[scope=row]{font-size:14px;padding:10px 8px}
  .bespoke-tool-tiktok-keyword-research .ib-table td,.bespoke-tool-tiktok-keyword-research .ib-table thead th{padding:10px 8px}
  .bespoke-tool-tiktok-keyword-research .ib-table thead th{font-size:11px;letter-spacing:.02em}
  .bespoke-tool-tiktok-keyword-research .ib-table th:nth-child(4),.bespoke-tool-tiktok-keyword-research .ib-table td:nth-child(4){display:none}
  .bespoke-tool-tiktok-keyword-research .ib-end-actions{align-items:stretch}
  .bespoke-tool-tiktok-keyword-research .ib-end-link,.bespoke-tool-tiktok-keyword-research .ib-fine{text-align:center}
}
.bespoke-tool-tiktok-keyword-research :is(.c-ann,.c-ann1,.c-ann2){paint-order:stroke;stroke:var(--ls-paper);stroke-width:4px;stroke-linejoin:round}

.bespoke-tool-tiktok-keyword-research .ib-faq-after{grid-column:1/-1;margin:8px 0 0}
