/* Tool page styles: DSP picker + pacing dashboard demo */
.lk{color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.sim-k{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--teal);font-weight:600}
.sim-k .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:pulse 2.4s infinite}
.chip-hint{font-size:12.5px;color:var(--faint);margin:0 0 12px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:rgba(87,227,196,.05);border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px;font-family:var(--body);cursor:pointer;transition:color .2s,border-color .2s,background .2s;min-height:34px}
.chip:hover{color:var(--text);border-color:var(--teal)}
.chip.on{background:var(--teal);color:var(--ink);border-color:var(--teal);font-weight:600}
.chip-note{margin:16px 0 0;font-size:13.5px;color:var(--text);border-left:2px solid var(--teal);padding-left:12px;min-height:42px;line-height:1.55}
.chip-note.flash{animation:chipin .35s ease}
html[data-theme=light] .brand .mono,html[data-theme=light] .chip.on,html[data-theme=light] .btn-primary,html[data-theme=light] .fab,html[data-theme=light] .fq-avatar{color:#fff}
.quiz{margin-top:40px;background:linear-gradient(165deg,var(--panel),var(--ink-2));border:1px solid var(--line-strong);border-radius:22px;padding:30px 30px 26px;scroll-margin-top:90px}
.quiz .sim-k .dot{animation:pulse 2.4s infinite}
.quiz-title{font-family:var(--display);font-weight:500;font-size:clamp(21px,2.8vw,28px);margin:10px 0 8px;letter-spacing:-.3px}
.quiz-sub{color:var(--muted);font-size:14.5px;max-width:640px;margin:0 0 20px}
.qopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.qopt{background:rgba(87,227,196,.05);border:1px solid var(--line-strong);border-radius:14px;padding:14px 16px;color:var(--text);font-family:var(--body);font-size:14px;text-align:left;cursor:pointer;min-height:52px;transition:border-color .2s,background .2s,transform .15s;line-height:1.4}
.qopt:hover{border-color:var(--teal);transform:translateY(-2px)}
.qopt:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.qopt small{display:block;color:var(--faint);font-size:12px;margin-top:3px}
.qr-verdict{font-family:var(--display);font-size:clamp(19px,2.4vw,24px);margin:4px 0 16px;color:var(--text)}
.qr-verdict em{font-style:italic;color:var(--teal)}
.qr-list{list-style:none;margin:0;padding:0}
.qr-list li{position:relative;padding:0 0 14px 30px;color:var(--muted);font-size:14.5px;line-height:1.6}
.qr-list li::before{content:"";position:absolute;left:2px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--teal)}
.qr-list li strong{color:var(--text)}
.qr-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.qr-cta .btn{font-size:13.5px;padding:11px 18px}
.qr-note{font-size:12px;color:var(--faint);margin:16px 0 0;line-height:1.55}
.pd{margin-top:24px;background:linear-gradient(165deg,var(--panel),var(--ink-2));border:1px solid var(--line-strong);border-radius:22px;padding:30px;scroll-margin-top:90px}
.pd h3{font-size:22px;margin:10px 0 12px}
.pd>p{color:var(--muted);font-size:14.5px;max-width:720px}
.pd-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:20px 0 16px}
.pd-sum div{background:var(--ink-2);padding:14px 16px}
.pd-sum b{font-family:var(--display);font-size:19px;display:block;color:var(--text)}
.pd-sum span{font-size:11.5px;color:var(--faint)}
.pd-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.pd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px}
.pd-table{width:100%;min-width:700px;border-collapse:collapse;font-size:13.5px}
.pd-table th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-strong);color:var(--faint);font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}
.pd-table th button{background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:5px}
.pd-table th button:hover,.pd-table th button.sorted{color:var(--teal)}
.pd-table td{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--text);white-space:nowrap}
.pd-table tbody tr:last-child td{border-bottom:0}
.pd-table tbody tr{transition:background .15s}
.pd-table tbody tr:hover{background:rgba(87,227,196,.04)}
.pd-brand{font-weight:600}
.pd-brand small{display:block;font-weight:400;color:var(--faint);font-size:11.5px}
.pd-bar{display:inline-flex;align-items:center;gap:8px}
.pd-track{width:74px;height:7px;border-radius:99px;background:rgba(140,165,230,.14);overflow:hidden;flex:none}
.pd-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal-deep),var(--teal))}
.pd-fill.bad{background:linear-gradient(90deg,#c8743a,#e39a55)}
.pd-st{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600}
.pd-st i{width:8px;height:8px;border-radius:50%;flex:none}
.pd-st.ok i{background:var(--teal)}
.pd-st.watch i{background:var(--gold)}
.pd-st.anom{color:#e39a55}
.pd-st.anom i{background:#e39a55;animation:pulse-a 1.8s infinite}
.pd-why{background:none;border:1px solid var(--line-strong);border-radius:99px;color:var(--muted);font-family:var(--body);font-size:11.5px;padding:3px 10px;margin-left:8px;cursor:pointer}
.pd-why:hover,.pd-why.on{color:var(--teal);border-color:var(--teal)}
.pd-insight{margin:14px 0 0;border-left:2px solid #e39a55;padding:2px 0 2px 14px;font-size:13.5px;color:var(--text);line-height:1.6;min-height:20px}
.pd-insight[hidden]{display:none}
.pd-cap{font-size:12px;color:var(--faint);margin:14px 0 0;line-height:1.55}
.chat-chips .chip.asked{opacity:.45}

@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(87,227,196,.55)}70%{box-shadow:0 0 0 9px rgba(87,227,196,0)}100%{box-shadow:0 0 0 0 rgba(87,227,196,0)}}
@keyframes pulse-a{0%{box-shadow:0 0 0 0 rgba(227,154,85,.55)}70%{box-shadow:0 0 0 7px rgba(227,154,85,0)}100%{box-shadow:0 0 0 0 rgba(227,154,85,0)}}
@keyframes chipin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:560px){.quiz{padding:22px 18px 20px}.qopts{grid-template-columns:1fr}}
@media(max-width:720px){.pd{padding:22px 16px}.pd-sum{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.pd-st.anom i{animation:none}}
.tool-hero{padding-top:26px}
.tool-hero .kicker{margin-bottom:6px}
.tool-intro{color:var(--muted);font-size:16px;max-width:720px}
.tool-notes{margin-top:44px}
.tool-notes h2{font-family:var(--display);font-weight:500;font-size:clamp(22px,3vw,30px);margin:0 0 14px}
.pd .tag{font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal);font-weight:600}
.embed-box{margin-top:34px;border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:var(--ink-2)}
.embed-box h3{margin:0 0 10px;font-size:17px}
.embed-box p{color:var(--muted);font-size:14px;margin:0 0 12px}
.embed-box textarea{width:100%;min-height:78px;background:var(--ink);border:1px solid var(--line-strong);border-radius:10px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;padding:12px;resize:vertical}

/* ---- v4 aurora reskin, matched to site.css ---- */
.quiz,.pd,.embed-box{background:var(--card-bg-2);border:1px solid var(--line-strong);border-radius:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 70px rgba(2,4,12,.35)}
html[data-theme=light] .quiz,html[data-theme=light] .pd,html[data-theme=light] .embed-box{box-shadow:0 12px 40px rgba(22,42,92,.1)}
.embed-box{border-radius:18px}
.pd-sum{border-radius:20px}
.pd-sum div{background:var(--card-bg)}
html[data-theme=light] .pd-sum div{background:#fff}
.pd-sum b,.qr-verdict em{background:linear-gradient(120deg,var(--grad-a),var(--grad-b));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pd-fill{background:linear-gradient(90deg,var(--grad-a),var(--grad-b))}
.chip.on{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));border-color:transparent}
.qopt{background:var(--card-bg)}
html[data-theme=light] .qopt{background:#fff}
.qopt:hover{border-color:rgba(94,240,205,.5);box-shadow:0 10px 28px rgba(2,4,12,.35)}
html[data-theme=light] .qopt:hover{box-shadow:0 10px 28px rgba(22,42,92,.1)}
.qr-list li::before{background:linear-gradient(135deg,var(--grad-a),var(--grad-b))}
.qdots i.on{background:linear-gradient(90deg,var(--grad-a),var(--grad-b))}
.tool-hero{padding-top:64px}
.tool-notes h2::before{content:"";display:block;width:32px;height:2px;margin-bottom:16px;border-radius:2px;background:linear-gradient(90deg,var(--grad-a),var(--grad-b))}
@media(max-width:560px){.quiz,.pd{border-radius:20px}}