/* /social/tiktok2 (2026-11-10): TikTok overrides on top of home-v2 + yt2-v1. Round faces, TikTok cyan/pink accents, hero creator card (no video). */
.tt2 .tt2-ic,.tt2 .ph-micro iconify-icon.tt{color:#25f4ee}
.tt2 .pv-eyebrow .tt2-ic{color:#fe2c55}
.pv.ph.ph-home.ph-yt2.tt2 .ph-hero .pv-pill.tt2-pill iconify-icon{color:#25f4ee}
.tt2 .ph-soc iconify-icon{color:var(--ink)}

/* hero panel (2026-11-10, Ryan: several creators at once, not one): a dashboard-style result list on the right of the navy hero */
.tt2-panel{justify-self:stretch;align-self:center;width:100%;max-width:520px;margin-left:auto;border-radius:18px;overflow:hidden;
  background:#fff;color:#0f172a;box-shadow:0 30px 70px -28px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08)}
html.dark .tt2-panel{background:#0f172a;color:#e2e8f0;box-shadow:0 30px 70px -28px rgba(0,0,0,.8),0 0 0 1px rgba(148,163,184,.18)}
.tt2-pn-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e2e8f0;font-weight:700;font-size:14px}
html.dark .tt2-pn-h{border-color:#1e293b}
.tt2-pn-h span,.tt2-pn-h small{display:inline-flex;align-items:center;gap:6px}
.tt2-pn-h small{font-weight:600;font-size:12px;color:#64748b}
.tt2-pn-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:14px 18px 6px}
.tt2-pn-f b{font-size:15px;margin-right:6px}
.tt2-pn-f .chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#e8f7ef;color:#0c8f52}
html.dark .tt2-pn-f .chip{background:rgba(18,183,106,.16);color:#6ee7b7}
.tt2-pn-rows{list-style:none;margin:0;padding:6px 10px 8px}
.tt2-pn-rows li{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:9px 8px;border-radius:12px;
  animation:tt2in .45s both;animation-delay:calc(var(--i) * 70ms)}
.tt2-pn-rows li + li{border-top:1px solid #f1f5f9}
html.dark .tt2-pn-rows li + li{border-color:#1e293b}
.tt2-pn-rows img,.tt2-pn-rows .ini{width:40px;height:40px;border-radius:50%;object-fit:cover}
.tt2-pn-rows .ini{display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;background:hsl(var(--h),55%,45%)}
.tt2-pn-rows .who{display:flex;flex-direction:column;min-width:0}
.tt2-pn-rows .who b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt2-pn-rows .who small,.tt2-pn-rows .fl small{font-size:12px;color:#64748b}
.tt2-pn-rows .fl{display:flex;flex-direction:column;align-items:flex-end}
.tt2-pn-rows .fl b{font-size:14.5px}
.tt2-pn-rows .lk{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;padding:5px 9px;border-radius:8px;background:#f8fafc}
html.dark .tt2-pn-rows .lk{background:#1e293b}
.tt2-pn-rows .lk i{font-style:normal;letter-spacing:.5px}
.tt2-pn-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:12px 18px 14px;border-top:1px solid #e2e8f0;font-size:12.5px;font-weight:600;color:#0c8f52}
html.dark .tt2-pn-foot{border-color:#1e293b;color:#6ee7b7}
.tt2-pn-foot small{margin-left:auto;font-weight:500;color:#64748b}
@keyframes tt2in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:1100px){.tt2-pn-rows .lk i{display:none}}
@media (max-width:899px){.tt2-panel{margin:8px auto 0;max-width:560px}}
@media (max-width:640px){.tt2-panel{display:none}}
@media (prefers-reduced-motion:reduce){.tt2-pn-rows li{animation:none}}

/* creator size tiles: round faces instead of dashboard screenshots */
.tt2-bands .tt2-band{display:flex;flex-direction:column;text-decoration:none;color:inherit}
a.tt2-band{cursor:pointer}
a.tt2-band:hover .tt2-band-go{text-decoration:underline}
.tt2-band-faces{display:flex;gap:10px;justify-content:center;align-items:center;min-height:118px;padding:22px 16px 6px;border-bottom:1px solid var(--line);
  background:radial-gradient(120% 90% at 50% 0%,rgba(37,244,238,.14),transparent 70%)}
.tt2-band-faces img{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 6px 18px -8px rgba(15,23,42,.45)}
.tt2-band-faces img:nth-child(2){width:76px;height:76px}
.tt2-band-go{display:block;margin-top:10px;font-size:13px;font-weight:600;color:var(--brand,#0c8f52)}
.tt2 .yt2-bars.tt2-bars[data-n="1"] i:nth-child(-n+1),.tt2 .yt2-bars.tt2-bars[data-n="2"] i:nth-child(-n+2),
.tt2 .yt2-bars.tt2-bars[data-n="3"] i:nth-child(-n+3),.tt2 .yt2-bars.tt2-bars[data-n="4"] i{background:#fe2c55}
@media (max-width:640px){.tt2-band-faces{min-height:96px}.tt2-band-faces img{width:52px;height:52px}.tt2-band-faces img:nth-child(2){width:62px;height:62px}}
/* hero video (2026-11-10): the TikTok second line ("your customers scroll every day.") is longer than YouTube's, so it may wrap and the H1 is a bit smaller beside the video */
@media (min-width:900px){.pv.ph.tt2 .ph-hero.ph-hero-vid .pv-h1{font-size:clamp(32px,3.05vw,44px)}}
.tt2 .ph-hero-vid .ph-rot-t{white-space:normal}