/* /ai-visibility/prompt-tracking-vs-logs/ only (prefix pv-): the Venn sorter, the drag-and-drop
   matcher, the re-ask machine, the hour strip and the decision tree. */

/* ---------- hero: the Venn sorter ---------- */
.pv-vn{border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-deep);overflow:hidden}
.pv-vn-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.6rem .9rem;border-bottom:1px solid var(--sk-line);font:400 .68rem var(--sk-mono);color:var(--sk-text-3)}
.pv-vn-btn{padding:.25rem .6rem;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}
.pv-vn-stage{position:relative;display:grid;grid-template-columns:1fr .8fr 1fr;grid-template-areas:"said both did" "out out out";gap:.6rem 0;padding:1rem .8rem .6rem}
.pv-vn-z ul{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}
.pv-vn-said{grid-area:said;position:relative;padding:1.1rem .9rem 1.4rem 1rem;border-radius:999px 40% 40% 999px / 50%;background:radial-gradient(circle at 40% 50%,rgba(235,104,52,.2),rgba(235,104,52,.06) 70%);box-shadow:inset 0 0 0 1px rgba(235,104,52,.45)}
.pv-vn-did{grid-area:did;position:relative;padding:1.1rem 1rem 1.4rem .9rem;border-radius:40% 999px 999px 40% / 50%;background:radial-gradient(circle at 60% 50%,rgba(42,120,214,.22),rgba(42,120,214,.06) 70%);box-shadow:inset 0 0 0 1px rgba(42,120,214,.5)}
.pv-vn-both{grid-area:both;align-self:center;margin:0 -1.2rem;padding:.8rem .5rem;position:relative;z-index:1;border-radius:8px;background:linear-gradient(90deg,rgba(235,104,52,.22),rgba(42,120,214,.22));box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.pv-vn-out{grid-area:out;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.6rem .4rem 0;border-top:1px dashed var(--sk-line-2)}
.pv-vn-out ul{display:flex;flex-wrap:wrap;gap:.4rem}
.pv-vn-h{margin:0 0 .55rem;font:400 .62rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sk-text-3);text-align:center}
.pv-vn-out .pv-vn-h{margin:0}
.pv-vn-h b{display:block;font:800 1rem/1.1 var(--sk-disp);letter-spacing:0;text-transform:none;color:var(--sk-text)}
.pv-vn-out .pv-vn-h b{display:inline;color:var(--sk-text-3)}
.pv-vn-z li{padding:.35rem .55rem;border-radius:5px;background:var(--sk-ink);border:1px solid var(--sk-line-2);font:500 .74rem/1.35 var(--sk-sans);color:var(--sk-text);transition:opacity .45s,transform .45s cubic-bezier(.3,1.4,.5,1),box-shadow .3s}
.pv-vn-z li em{display:block;font:400 .66rem var(--sk-mono);font-style:normal;color:var(--sk-text-3)}
.pv-vn-both li{text-align:center;font-weight:700}
.pv-vn-out li{border-style:dashed;color:var(--sk-text-3)}
.pv-vn.js .pv-vn-z li:not(.in){opacity:0;transform:translateY(-1.2rem) scale(.9)}
.pv-vn-z li.hot{box-shadow:0 0 0 2px var(--sk-bots)}
.pv-vn-say{margin:0;padding:.7rem .9rem .85rem;border-top:1px solid var(--sk-line);min-height:4.4em;font:400 .85rem/1.5 var(--sk-sans);color:var(--sk-text-2)}
@media (max-width:560px){
  .pv-vn-stage{grid-template-columns:1fr 1fr;grid-template-areas:"said did" "both both" "out out";gap:.5rem}
  .pv-vn-said,.pv-vn-did{padding:.9rem .6rem 1rem;border-radius:18px}
  .pv-vn-both{margin:0}
  .pv-vn-z li{font-size:.68rem;padding:.3rem .4rem}
}

/* ---------- 01: drag-and-drop matcher ---------- */
.pv-dd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:1rem;padding:1rem;border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-ink-2)}
.pv-dd-pool{padding:.8rem;border:1px dashed var(--sk-line-2);border-radius:8px}
.pv-dd-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.pv-dd-zone{display:flex;flex-direction:column;padding:.8rem;border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-ink);transition:border-color .2s,background .2s}
.pv-dd-zone[data-zone="a"]{border-top:3px solid var(--sk-ai)}
.pv-dd-zone[data-zone="r"]{border-top:3px solid var(--sk-people)}
.pv-dd-zone[data-zone="n"]{border-top:3px solid #5b6b7a}
.pv-dd-zh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem;width:100%;margin:0 0 .7rem;padding:0;border:0;background:none;text-align:left;font:700 .95rem var(--sk-sans);color:var(--sk-text)}
.pv-dd-zh small{display:block;width:100%;font:400 .66rem var(--sk-mono);color:var(--sk-text-3)}
button.pv-dd-zh{cursor:default}
.pv-dd.picking button.pv-dd-zh{cursor:pointer}
.pv-dd.picking .pv-dd-zone{border-style:dashed;border-color:var(--sk-bots)}
.pv-dd.picking .pv-dd-zone:hover{background:#17212b}
.pv-dd-list{flex:1;display:grid;align-content:start;gap:.45rem;min-height:4rem;margin:0;padding:0;list-style:none}
.pv-dd-card{position:relative;padding:.6rem .7rem;border:1px solid var(--sk-line-2);border-radius:6px;background:var(--sk-deep);font:600 .88rem/1.35 var(--sk-sans);color:var(--sk-text);user-select:none;transition:border-color .2s,box-shadow .2s}
.pv-dd.js .pv-dd-card{cursor:grab}
.pv-dd-card:focus-visible{outline:2px solid var(--sk-bots);outline-offset:2px}
.pv-dd-card[aria-pressed="true"]{border-color:var(--sk-bots);box-shadow:0 0 0 2px rgba(237,161,0,.35)}
.pv-dd-card.drag{z-index:5;cursor:grabbing;box-shadow:0 12px 30px rgba(0,0,0,.5);transition:none}
.pv-dd-card.land{animation:pvLand .35s cubic-bezier(.3,1.5,.5,1)}
@keyframes pvLand{from{transform:scale(.92)}to{transform:none}}
.pv-dd-why{display:block;margin-top:.3rem;font:400 .76rem/1.45 var(--sk-sans);color:var(--sk-text-3)}
.pv-dd.js .pv-dd-why{display:none}
.pv-dd.js.checked .pv-dd-card:not([data-at="-"]) .pv-dd-why{display:block}
.pv-dd-card.right{border-color:var(--sk-search)}
.pv-dd-card.wrong{border-color:var(--sk-bots);background:rgba(237,161,0,.08)}
.pv-dd-card.right::after,.pv-dd-card.wrong::after{position:absolute;top:.45rem;right:.5rem;font:700 .75rem var(--sk-sans)}
.pv-dd-card.right::after{content:'✓';color:var(--sk-search)}
.pv-dd-card.wrong::after{content:'✕';color:var(--sk-bots)}
.pv-dd-card.right span,.pv-dd-card.wrong span{display:block;padding-right:1rem}
.pv-dd-pool{display:none}
.pv-dd.js .pv-dd-pool{display:block}
.pv-dd-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.pv-dd-check{padding:.55rem 1rem;border:0;border-radius:4px;background:var(--sk-ai);color:#fff;font:700 .88rem var(--sk-sans);cursor:pointer}
.pv-dd-reset{padding:0;border:0;background:none;color:var(--sk-text-2);font:500 .78rem var(--sk-mono);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.pv-dd-check,.pv-dd-reset{display:none}
.pv-dd.js .pv-dd-check,.pv-dd.js .pv-dd-reset{display:inline-block}
.pv-dd-say{flex:1 1 16rem;margin:0;font-size:.95rem;line-height:1.5;color:var(--sk-text-2)}
@media (max-width:980px){.pv-dd{grid-template-columns:1fr}}
@media (max-width:700px){.pv-dd-zones{grid-template-columns:1fr}}

/* ---------- 02: the re-ask machine (paper fold) ---------- */
.pv-ra{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1rem 1.4rem;padding:1.2rem;border:1px solid var(--sk-paper-line);border-radius:10px;background:#fff;color:var(--sk-paper-ink)}
.pv-ra-q{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--sk-paper-line)}
.pv-ra-q p{margin:0;font:600 1.1rem/1.4 var(--sk-sans)}
.pv-ra-q p span{display:block;font:400 .7rem var(--sk-mono);color:#4a5866}
.pv-ra-ask{display:inline-flex;align-items:baseline;gap:.5rem;padding:.65rem 1.1rem;border:0;border-radius:4px;background:var(--sk-ink);color:#fff;font:700 .95rem var(--sk-sans);cursor:pointer}
.pv-ra-ask small{font:400 .7rem var(--sk-mono);color:#b9c4cf}
.pv-ra-ask:disabled{background:#c9cfd5;color:var(--sk-paper-ink);cursor:default}
.pv-ra-ask:disabled small{color:var(--sk-paper-ink-2)}
.pv-ra-deck{display:grid;align-content:start;align-self:start;gap:.5rem;margin:0;padding:0;list-style:none}
.pv-ra-deck li{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:.3rem .8rem;align-items:start;padding:.7rem .8rem;border:1px solid var(--sk-paper-line);border-radius:6px;background:var(--sk-paper)}
.pv-ra.js .pv-ra-deck li:not(.in){display:none}
.pv-ra-deck li.deal{animation:pvDeal .5s cubic-bezier(.3,1.3,.5,1)}
@keyframes pvDeal{from{opacity:0;transform:translateX(2rem) rotate(2deg)}to{opacity:1;transform:none}}
.pv-ra-deck b{font:600 .72rem var(--sk-mono);color:#4a5866;padding-top:.15rem}
.pv-ra-deck p{margin:0;font:400 .92rem/1.5 var(--sk-sans);color:var(--sk-paper-ink)}
.pv-ra-deck mark{padding:0 .15rem;border-radius:2px;background:rgba(235,104,52,.25);color:inherit}
.pv-ra-deck cite{display:block;margin-top:.2rem;font:400 .72rem var(--sk-mono);font-style:normal;color:#1f5fae;overflow-wrap:anywhere}
.pv-ra-t{padding:.2rem .45rem;border-radius:3px;background:#e6e9ec;font:500 .68rem var(--sk-mono);white-space:nowrap;color:#4a5866}
.pv-ra-t.y{background:rgba(27,175,122,.18);color:#0d7a53}
.pv-ra-score{display:grid;gap:.8rem;align-content:start;padding:1rem;border-radius:8px;background:var(--sk-ink);color:var(--sk-text)}
.pv-ra-score p{margin:0;display:grid}
.pv-ra-score b{font:800 2.2rem/1 var(--sk-disp);color:#f39a5f}
.pv-ra-score p+p b{color:#7fb3f0}
.pv-ra-score span{font:400 .72rem var(--sk-mono);color:var(--sk-text-3)}
.pv-ra-dots{display:flex;gap:.4rem;margin:0;padding:0;list-style:none}
.pv-ra-dots li{width:1.1rem;height:1.1rem;border-radius:50%;border:2px dashed #33475a}
.pv-ra-dots li.y{border:0;background:var(--sk-ai)}
.pv-ra-dots li.n{border:2px solid var(--sk-text-3)}
.pv-ra-reset{justify-self:start;padding:0;border:0;background:none;color:var(--sk-text-2);font:500 .76rem var(--sk-mono);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
@media (max-width:760px){.pv-ra{grid-template-columns:1fr}.pv-ra-deck li{grid-template-columns:1fr}.pv-ra-t{justify-self:start}}

/* ---------- 03: the hour strip ---------- */
.pv-hs{padding:1.2rem 1.3rem;border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-ink-2)}
.pv-hs-sl{display:grid;gap:.5rem;max-width:26rem;margin-bottom:1.2rem}
.pv-hs-sl span{display:flex;justify-content:space-between;align-items:baseline;font:500 .72rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sk-text-3)}
.pv-hs-sl output{font:700 1.2rem var(--sk-mono);letter-spacing:0;color:var(--sk-text)}
.pv-hs-sl input{width:100%;accent-color:var(--sk-ai)}
.pv-hs-strip{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:3px;height:9rem;padding:0 0 2px;border-bottom:1px solid var(--sk-line-2)}
.pv-hs-strip i{position:relative;height:calc(var(--v) / 9 * 100% + 2px);border-radius:3px 3px 0 0;background:rgba(42,120,214,.55);transition:background .25s}
.pv-hs-strip i.on{background:var(--sk-ai)}
.pv-hs-strip i.on::before{content:'';position:absolute;left:50%;bottom:-2px;height:9.4rem;border-left:2px dashed var(--sk-ai);transform:translateX(-50%);pointer-events:none}
.pv-hs-ax{display:flex;justify-content:space-between;margin:.35rem 0 1.1rem;font:400 .66rem var(--sk-mono);color:var(--sk-text-4)}
.pv-hs-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.pv-hs-out p{margin:0;display:grid;padding:.8rem .9rem;border:1px solid var(--sk-line);border-radius:6px}
.pv-hs-out b{font:800 1.9rem/1 var(--sk-disp);color:var(--sk-text)}
.pv-hs-out p:first-child b{color:#f39a5f}
.pv-hs-out span{margin-top:.3rem;font:400 .72rem/1.4 var(--sk-mono);color:var(--sk-text-3)}
.pv-hs-say{margin:1rem 0 0;font-size:.98rem;line-height:1.55;color:var(--sk-text-2);min-height:3.2em}
@media (max-width:560px){.pv-hs{padding:1rem .8rem}.pv-hs-strip{gap:1px;height:7rem}.pv-hs-strip i.on::before{height:7.4rem}.pv-hs-out{grid-template-columns:1fr}}

/* ---------- 04: the decision tree ---------- */
.pv-dt{display:grid;gap:0;padding:1.2rem 1.3rem;border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-deep)}
.pv-dt-q{position:relative;padding:0 0 1.2rem 1.4rem;border-left:2px solid var(--sk-ai)}
.pv-dt-q::before{content:'';position:absolute;left:-7px;top:.15rem;width:12px;height:12px;border-radius:50%;background:var(--sk-ai)}
.pv-dt-n{margin:0 0 .6rem;font:500 .72rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sk-text-3)}
.pv-dt-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem}
.pv-dt-opts button{position:relative;overflow:hidden;padding:.75rem .9rem;border:1px solid var(--sk-line-2);border-radius:6px;background:var(--sk-ink);color:var(--sk-text-2);font:600 .92rem/1.35 var(--sk-sans);text-align:left;cursor:pointer;transition:all .2s}
.pv-dt-opts button:hover{border-color:var(--sk-text-3);color:var(--sk-text)}
.pv-dt-opts button[aria-checked="true"]{border-color:var(--sk-ai);background:rgba(235,104,52,.14);color:var(--sk-text)}
.pv-dt.js:not([data-state="said"]) .pv-dt-q2{display:none}
.pv-dt-r{position:relative;padding:0 0 0 1.4rem;border-left:2px solid var(--sk-ai)}
.pv-dt-r::before{content:'';position:absolute;left:-8px;top:1rem;width:14px;height:14px;border-radius:50%;background:var(--sk-search);box-shadow:0 0 0 4px rgba(27,175,122,.25)}
.pv-dt-a{margin:0 0 .6rem;padding:1rem 1.1rem;border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-ink-2);font-size:1rem;line-height:1.55;color:var(--sk-text-2)}
.pv-dt-a b{display:block;margin-bottom:.25rem;font:700 1.1rem var(--sk-sans);color:var(--sk-text)}
.pv-dt-a .hub,.pv-dt-a a{color:var(--sk-text)}
.pv-dt.js .pv-dt-a{display:none;animation:pvLit .4s ease-out}
@keyframes pvLit{from{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}
.pv-dt.js[data-state="said"] #pvdt2[data-state="api"]~.pv-dt-r [data-r="said-api"],
.pv-dt.js[data-state="said"] #pvdt2[data-state="wide"]~.pv-dt-r [data-r="said-wide"],
.pv-dt.js[data-state="did"] [data-r="did"],
.pv-dt.js[data-state="lead"] [data-r="lead"],
.pv-dt.js[data-state="engine"] [data-r="engine"]{display:block;border-color:var(--sk-search)}