/* /lead-attribution/lead-hygiene/ only: the balance beam, the merging cards, the test chain,
   the left-out drawer and the URL tag inspector. Prefix lh-. */

/* ---------- hero: the balance beam ---------- */
.lh-beam{--k-lead:var(--sk-search);--k-step:var(--sk-people);--k-test:var(--sk-bots);--k-spam:var(--sk-ai);--k-repeat:var(--sk-text-3);border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-deep);overflow:hidden;font:400 .8rem/1.45 var(--sk-mono)}
.lh-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;border-bottom:1px solid var(--sk-line);color:var(--sk-text-3);font-size:.7rem;letter-spacing:.04em}
.lh-btn{flex:none;padding:.25rem .55rem;border:1px solid var(--sk-line-2);border-radius:3px;background:none;color:var(--sk-text-2);font:500 .68rem var(--sk-mono);cursor:pointer}
.lh-scale{position:relative;height:7.4rem;margin:.6rem 1rem 0}
.lh-arm{position:absolute;left:20%;right:20%;top:1.1rem;height:4px;transform:rotate(calc(var(--t) * -5deg));transition:transform .7s cubic-bezier(.3,1.6,.5,1)}
.lh-bar{position:absolute;inset:0;border-radius:2px;background:var(--sk-text-3)}
.lh-pan{position:absolute;top:4px;width:7.2rem;margin-left:-3.6rem;padding:1.6rem 0 .4rem;text-align:center;transform:rotate(calc(var(--t) * 5deg));transform-origin:50% 0;transition:transform .7s cubic-bezier(.3,1.6,.5,1)}
.lh-pan::before{content:'';position:absolute;left:50%;top:0;height:1.4rem;width:0;border-left:1px dashed var(--sk-text-4)}
.lh-pan::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:0 0 50% 50%/0 0 100% 100%;background:var(--sk-text-3)}
.lh-pl{left:0}
.lh-pr{left:100%}
.lh-pan b{display:block;color:var(--sk-text);font:700 1.6rem/1 var(--sk-disp)}
.lh-pan small{display:block;margin-top:.15rem;color:var(--sk-text-4);font-size:.64rem}
.lh-post{position:absolute;left:50%;top:1.2rem;width:0;height:0;margin-left:-.7rem;border:.7rem solid transparent;border-bottom:1.6rem solid var(--sk-text-4);border-top:0}
.lh-post::after{content:'';position:absolute;left:-1.6rem;top:1.6rem;width:3.2rem;height:3px;border-radius:2px;background:var(--sk-text-4)}
.lh-feed{margin:.2rem 0 0;padding:0 .9rem;list-style:none}
.lh-feed li{display:grid;grid-template-columns:1.2rem minmax(0,1fr) auto;align-items:baseline;gap:.6rem;padding:.32rem 0;border-top:1px solid var(--sk-line);color:var(--sk-text-2);transition:opacity .35s,background .35s}
.lh-feed i{color:var(--sk-text-4);font-style:normal}
.lh-feed span{min-width:0;overflow-wrap:anywhere}
.lh-feed em{font-style:normal;font-size:.7rem;white-space:nowrap}
.lh-feed [data-to="lead"] em,.lh-tally .k-lead b{color:var(--k-lead)}
.lh-feed [data-to="step"] em,.lh-tally .k-step b{color:var(--k-step)}
.lh-feed [data-to="test"] em,.lh-tally .k-test b{color:var(--k-test)}
.lh-feed [data-to="spam"] em,.lh-tally .k-spam b{color:var(--k-spam)}
.lh-feed [data-to="repeat"] em,.lh-tally .k-repeat b{color:var(--k-repeat)}
.lh-beam.lh-anim .lh-feed li{opacity:.22}
.lh-beam.lh-anim .lh-feed li.in{opacity:1;background:rgba(255,255,255,.04)}
.lh-beam.lh-anim .lh-feed li.in em{opacity:0}
.lh-beam.lh-anim .lh-feed li.done{opacity:1;background:none}
.lh-beam.lh-anim .lh-feed li.done em{opacity:1;transition:opacity .3s}
.lh-tally{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:.4rem 0 0;padding:.6rem .9rem;border-top:1px solid var(--sk-line);color:var(--sk-text-3);font-size:.72rem}
.lh-tally b{font-size:.95rem}

/* ---------- 01: the merging cards ---------- */
.lh-lab{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.6rem 0 .7rem}
.lh-steps{display:flex;flex-wrap:wrap;gap:.4rem}
.lh-steps .seg{padding:.45rem .7rem;border:1px solid var(--sk-line-2);border-radius:4px;font-size:.82rem}
.lh-merge{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.lh-in,.lh-kept{min-width:0;padding:1rem;border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-deep)}
.lh-in-h{margin:0 0 .7rem;color:var(--sk-text-4);font:500 .66rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase}
.lh-card{margin:0;padding:.7rem .8rem;border:1px solid var(--sk-ai);border-radius:6px;background:#1c1612;color:var(--sk-text-2);font:400 .84rem var(--sk-sans);animation:lhIn .5s cubic-bezier(.2,1.2,.4,1) both}
.lh-card b{color:var(--sk-text);font-family:var(--sk-mono);margin-right:.3rem}
.lh-card small{display:block;margin-top:.2rem;color:var(--sk-text-4);font:400 .7rem var(--sk-mono)}
.lh-merge[data-state="2"] .lh-card,.lh-merge[data-state="5"] .lh-card{border-style:dashed;animation:lhMerge 1.6s ease-in-out both}
@keyframes lhIn{from{opacity:0;transform:translateY(-12px)}}
@keyframes lhMerge{0%{opacity:0;transform:translateY(-12px)}25%{opacity:1;transform:none}60%{opacity:.2;transform:translateX(18%) scale(.94)}61%{opacity:0;transform:none}100%{opacity:.5;transform:none}}
.lh-say{margin:.9rem 0 .6rem;color:var(--sk-text-2);font:400 .86rem/1.5 var(--sk-sans)}
.lh-ans{margin:0}
.lh-ans code{padding:.2rem .45rem;border-radius:3px;background:var(--sk-ink);color:var(--sk-search);font:500 .72rem var(--sk-mono)}
.lh-kept ol{margin:0;padding:0;list-style:none}
.lh-kept li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem .6rem;padding:.55rem .65rem;margin-bottom:.4rem;border:1px solid var(--sk-line-2);border-radius:5px;animation:lhIn .5s cubic-bezier(.2,1.2,.4,1) both}
.lh-kept li span{color:var(--sk-text);font:600 .86rem var(--sk-mono)}
.lh-kept li small{grid-column:1;color:var(--sk-text-4);font:400 .68rem var(--sk-mono)}
.lh-kept li em{grid-row:1/3;grid-column:2;align-self:center;padding:.15rem .45rem;border-radius:3px;font:600 .66rem var(--sk-mono);font-style:normal;text-transform:uppercase;letter-spacing:.04em;color:var(--sk-text-3);border:1px solid var(--sk-line-2)}
.lh-kept li em.lh-badge{color:var(--sk-deep);background:var(--sk-search);border-color:var(--sk-search)}
.lh-rep{position:absolute;right:.5rem;top:-.55rem;padding:0 .35rem;border-radius:3px;background:var(--sk-text-3);color:var(--sk-deep);font:600 .6rem/1.5 var(--sk-mono);font-style:normal}
.lh-rep:empty{display:none}
.lh-merge[data-state="1"] .r-paid,.lh-merge[data-state="1"] .r-won,.lh-merge[data-state="2"] .r-paid,.lh-merge[data-state="2"] .r-won,.lh-merge[data-state="3"] .r-won{display:none}
.lh-count{display:flex;gap:1rem;margin:.6rem 0 0;color:var(--sk-text-3);font:400 .74rem var(--sk-mono)}
.lh-count b{color:var(--sk-text);font-size:.95rem}

/* ---------- 02: the test chain (paper) ---------- */
.lh-chain{margin-top:1.5rem;padding:1.3rem;border:1px solid var(--sk-paper-line);border-radius:8px;background:#fff;color:var(--sk-paper-ink)}
.lh-chain ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}
.lh-chain li{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:.9rem;border:2px solid #11805a;border-radius:10px;background:rgba(27,175,122,.08)}
.lh-chain li+li::before{content:'';position:absolute;left:-1.6rem;top:50%;width:1.6rem;height:0;border-top:3px solid #b9ae99}
.lh-st{font:700 1rem var(--sk-mono)}
.lh-chain code{font:500 .76rem var(--sk-mono);color:#4a5866}
.lh-v{font:700 .9rem var(--sk-sans);color:#11805a}
.lh-chain li.t{border-color:#b77c00;border-style:dashed;background:rgba(237,161,0,.1)}
.lh-chain li.t .lh-v{color:#8a5d00}
.lh-chain[data-state="once"] .c-1,.lh-chain[data-state="every"] li,.lh-chain[data-state="marked"] li{border-color:#b77c00;border-style:dashed;background:rgba(237,161,0,.1)}
.lh-chain[data-state="once"] .c-1 .lh-v,.lh-chain[data-state="every"] .lh-v,.lh-chain[data-state="marked"] .lh-v{color:#8a5d00}
.lh-chain.go li{animation:lhLink .5s ease-out both}
.lh-chain.go .c-2{animation-delay:.45s}
.lh-chain.go .c-3{animation-delay:.9s}
@keyframes lhLink{from{opacity:.25;transform:scale(.96)}}
.lh-chain-say{margin:1.1rem 0 .4rem;color:#2c3640;line-height:1.55}
.lh-chain .lh-count{color:#4a5866}
.lh-chain .lh-count b{color:var(--sk-paper-ink)}
.lh-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1.5rem}
.lh-ways p{margin:0;color:#2c3640;line-height:1.55}
.lh-ways b{display:block;margin-bottom:.2rem;color:var(--sk-paper-ink)}

/* ---------- 03: the left-out drawer ---------- */
.lh-drawer{padding:1.1rem;border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-deep)}
.lh-fig{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 .8rem;color:var(--sk-text-3);font:400 .72rem var(--sk-mono)}
.lh-fig b{color:var(--sk-text);font:700 1.7rem/1 var(--sk-disp)}
.lh-drawer table{width:100%;border-collapse:collapse;font:400 .8rem var(--sk-mono)}
.lh-drawer th{padding:.4rem .5rem;border-bottom:1px solid var(--sk-line-2);color:var(--sk-text-4);font-weight:500;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;text-align:left}
.lh-drawer td{padding:.5rem;border-bottom:1px solid var(--sk-line);color:var(--sk-text-2);vertical-align:top}
.lh-drawer tr.out{display:none}
.lh-drawer[data-state="on"] tr.out{display:table-row;animation:lhSlide .45s ease-out both}
.lh-drawer tr.out td{color:var(--sk-text-3);background:rgba(255,255,255,.02)}
@keyframes lhSlide{from{opacity:0;transform:translateX(16px)}}
.lh-tag{display:inline-block;padding:.05rem .4rem;border:1px dashed var(--sk-bots);border-radius:3px;color:var(--sk-bots);font-size:.68rem}
.lh-drawer-say{margin:.8rem 0 0;color:var(--sk-text-3);font:400 .74rem var(--sk-mono)}

/* ---------- 04: the URL tag inspector ---------- */
.lh-utm{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1.5rem;margin-top:2rem}
.lh-url{display:flex;flex-direction:column;gap:.35rem;font:500 .68rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sk-text-3)}
.lh-url input{width:100%;padding:.7rem .8rem;border:1px solid var(--sk-line-2);border-radius:5px;background:var(--sk-deep);color:var(--sk-text);font:500 .86rem var(--sk-mono);letter-spacing:0;text-transform:none}
.lh-url input:focus{outline:2px solid var(--sk-ai);outline-offset:1px}
.lh-pre{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0 1.1rem}
.lh-pre button{padding:.35rem .6rem;border:1px solid var(--sk-line-2);border-radius:999px;background:none;color:var(--sk-text-2);font:500 .74rem var(--sk-mono);cursor:pointer}
.lh-pre button[aria-pressed="true"]{border-color:var(--sk-ai);color:var(--sk-text);background:#1c1612}
.lh-pre button:focus-visible{outline:2px solid var(--sk-ai);outline-offset:2px}
.lh-from{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem}
.lh-from .seg{padding:.45rem .65rem;font-size:.8rem}
.lh-utm-out{min-width:0;padding:1.1rem;border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-deep)}
.lh-read{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem;margin:0 0 1rem}
.lh-read div{min-width:0;padding:.45rem .6rem;border:1px solid var(--sk-line);border-radius:4px}
.lh-read dt{color:var(--sk-text-4);font:500 .62rem var(--sk-mono);letter-spacing:.05em}
.lh-read dd{margin:.15rem 0 0;color:var(--sk-text);font:500 .84rem var(--sk-mono);overflow-wrap:anywhere}
.lh-read dd.nil{color:var(--sk-text-4)}
.lh-flags{margin:0;padding:0;list-style:none}
.lh-flags li{position:relative;padding:.55rem .6rem .55rem 2rem;border-top:1px solid var(--sk-line);color:var(--sk-text-4);transition:color .3s,background .3s}
.lh-flags li::before{content:'';position:absolute;left:.6rem;top:.8rem;width:.65rem;height:.65rem;border-radius:50%;border:1px solid var(--sk-line-2);transition:all .3s}
.lh-flags b{display:block;font:600 .88rem var(--sk-sans)}
.lh-flags span{display:block;font-size:.8rem;line-height:1.45}
.lh-flags li.on{color:var(--sk-text-2);background:rgba(235,104,52,.07)}
.lh-flags li.on b{color:var(--sk-ai)}
.lh-flags li.on::before{background:var(--sk-ai);border-color:var(--sk-ai);box-shadow:0 0 0 4px rgba(235,104,52,.2)}
.lh-flags li.pop::before{animation:lhPop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes lhPop{from{transform:scale(2)}}
.lh-fix{margin:.9rem 0 0;color:var(--sk-text-2);font-size:.86rem;line-height:1.5}
.lh-fix.ok{color:var(--sk-search)}
.limits+.shot,.limits+figure{margin-top:1.5rem}

@media (max-width:980px){
  .lh-utm{grid-template-columns:1fr}
}
@media (max-width:640px){
  .lh-merge{grid-template-columns:1fr}
  .lh-chain ol{grid-template-columns:1fr;gap:1rem}
  .lh-chain li+li::before{left:50%;top:-1rem;width:0;height:1rem;border-top:0;border-left:3px solid #b9ae99}
  .lh-ways{grid-template-columns:1fr}
  .lh-feed li{grid-template-columns:1rem minmax(0,1fr)}
  .lh-feed em{grid-column:2}
  .lh-pan{width:5.6rem;margin-left:-2.8rem}
  .lh-drawer table{font-size:.72rem}
}
@media (prefers-reduced-motion:reduce){
  .lh-arm,.lh-pan{transition:none}
  .lh-card,.lh-kept li,.lh-chain li,.lh-drawer tr.out,.lh-flags li::before{animation:none!important}
}
[data-group="lho"] .flip{position:relative;overflow:hidden}