/* /insights/bots-that-look-human/ only: the network panel of one visit (hero) and the coverage
   strip with chance dots (article). Prefix blh-. The panel's rows rise in turn (--i), the tell
   rows light, then the verdict flips from people to bots; js re-adds .play on every pick. */

.blh-card{border-radius:10px;background:var(--sk-deep);border:1px solid var(--sk-line-2);overflow:hidden}
.blh-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem .8rem;padding:.6rem .8rem;border-bottom:1px solid var(--sk-line);font:500 .64rem var(--sk-mono);color:var(--sk-text-3)}
.blh-net{padding:.8rem .8rem .6rem}
.blh-verdict{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .7rem;font:700 .74rem var(--sk-mono)}
.blh-was,.blh-now{padding:.2rem .5rem;border-radius:4px}
.blh-was{background:rgba(42,120,214,.18);color:#8fc0ff;border:1px solid #2a78d6}
.blh-now{background:rgba(237,161,0,.16);color:#ffd166;border:1px solid #eda100}
.blh-arrow{color:var(--sk-text-4)}
.blh-verdict small{flex-basis:100%;font:500 .62rem var(--sk-mono);color:#ffd166}
.blh-head,.blh-rows li{display:grid;grid-template-columns:3.2rem 2.6rem minmax(0,1fr) 5.2rem;gap:.5rem;align-items:center}
.blh-head{padding:.3rem .45rem;border-bottom:1px solid var(--sk-line);font:600 .56rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sk-text-4)}
.blh-rows{margin:0;padding:0;list-style:none}
.blh-rows li{padding:.32rem .45rem;border-bottom:1px solid #18232e;font:500 .66rem var(--sk-mono);color:#cfd8e2;transition:background .3s}
.blh-rows b{font-weight:700;color:#8fc0ff}
.blh-rows i{font-style:normal;color:#8fe3b4}
.blh-rows code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7edf2;background:none;padding:0}
.blh-rows em{font-style:normal;color:var(--sk-text-4);text-align:right}
.blh-rows li.blh-tell{background:rgba(237,161,0,.12)}
.blh-rows li.blh-tell b,.blh-rows li.blh-tell code{color:#ffd166}
.blh-rows li.blh-tell i{color:#ffb38f}
.blh-why{margin:.7rem 0 0;font-size:.78rem;line-height:1.5;color:var(--sk-text-2);min-height:2.4rem}
.blh-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem .8rem .8rem;border-top:1px solid var(--sk-line)}
/* the replay: rows rise, the tell rows light, the verdict flips */
.js .blh-net.play .blh-rows li{animation:blh-in .35s both;animation-delay:calc(var(--i) * .28s)}
.js .blh-net.play .blh-rows li.blh-tell{animation:blh-in .35s both,blh-lit .5s both;animation-delay:calc(var(--i) * .28s),calc(var(--i) * .28s + .35s)}
.js .blh-net.play .blh-now,.js .blh-net.play .blh-verdict small{animation:blh-in .4s both;animation-delay:2.1s}
.js .blh-net.play .blh-was{animation:blh-out .4s both;animation-delay:2.1s}
@keyframes blh-in{from{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:none}}
@keyframes blh-lit{from{background:transparent}to{background:rgba(237,161,0,.12)}}
@keyframes blh-out{to{opacity:.45;text-decoration:line-through}}
@media (max-width:560px){.blh-head,.blh-rows li{grid-template-columns:2.8rem 2.2rem minmax(0,1fr)}.blh-head span:last-child,.blh-rows em{display:none}}
@media (prefers-reduced-motion:reduce){.blh-net .blh-was{opacity:.45;text-decoration:line-through}}

/* the coverage strip */
.prose .blh-seg{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.prose .blh-ch{margin:0 0 1.6rem;padding:1rem .9rem .2rem;border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-deep)}
.blh-day{position:relative;display:block;height:3.2rem;margin:0 0 1.8rem;border-radius:4px;background:#121b24;border:1px solid var(--sk-line)}
.blh-win i{position:absolute;top:0;bottom:0;min-width:2px;background:rgba(235,104,52,.45);transition:left .4s,width .4s}
.blh-by .blh-win i{background:rgba(235,104,52,.7)}
.blh-dots i{position:absolute;top:50%;width:.5rem;height:.5rem;margin:-.25rem 0 0 -.25rem;border-radius:50%;background:#6aa5ee;box-shadow:0 0 0 1.5px #0a0f14}
.blh-dots i.in{background:#ffd166}
.blh-ax{position:absolute;left:0;right:0;top:calc(100% + .3rem);display:flex;justify-content:space-between;font:500 .56rem var(--sk-mono);color:var(--sk-text-4)}
.blh-ax em{font-style:normal}
.blh-sl{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.2rem}
.blh-sl label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem;font:600 .72rem var(--sk-sans);color:var(--sk-text-2)}
.blh-sl output{font:700 .78rem var(--sk-mono);color:#fff}
.blh-sl input{flex-basis:100%;accent-color:#eb6834}
.prose .blh-sum{margin:.9rem 0 .6rem;font:600 .8rem/1.5 var(--sk-mono);color:#8fe3b4}
.blh-by .blh-sum{color:#ffb38f}
.prose .blh-ch figcaption{padding:.6rem 0;border-top:1px solid var(--sk-line);font:400 .7rem/1.5 var(--sk-mono);color:var(--sk-text-3)}
@media (max-width:560px){.blh-sl{grid-template-columns:1fr}}