:root{
  --bg:#f7f7f8;--panel:#ffffff;--ink:#111114;--ink-2:#4b4b55;--muted:#8a8a96;--line:#e8e8ec;--line-2:#f0f0f3;
  --primary:#111114;--brand:#5b5bd6;--brand-soft:#eeeefc;--coffee:#6f4e37;--orange:#f0802c;
  --good:#1f9d61;--good-soft:#e6f6ee;--warn:#d9890f;--warn-soft:#fdf3e1;--bad:#d64545;--bad-soft:#fbe9e9;
  --chatgpt:#10a37f;--claude:#d97757;--perplexity:#20808d;--gemini:#4285f4;--google_ai_mode:#ea8600;--google_ai_overview:#a142f4;
  --r:12px;--shadow:0 1px 2px rgba(17,17,20,.04);
  --c1:#5b5bd6;--c2:#f08c3c;--c3:#2bb5a0;--c4:#e05d8a;--c5:#8d6e63;--c6:#3f8cff;--c7:#b7b71f;--c8:#7a7a85;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1{font-size:22px;font-weight:600;letter-spacing:-.2px;margin:0}h2{font-size:15px;font-weight:600;margin:0 0 12px}
.muted{color:var(--muted)}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
code{background:var(--line-2);padding:1px 6px;border-radius:6px;font-size:12.5px}

/* ---- shell ---- */
.shell{display:flex;min-height:100vh}
.side{width:264px;flex:0 0 264px;background:var(--panel);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.side .logo{display:flex;align-items:center;padding:6px 8px 18px}.side .lt .wm{font-size:26px}.side .lt small{font-size:12px}
.lt{display:flex;flex-direction:column;line-height:1.05}.lt .wm{font-weight:800;font-size:21px;letter-spacing:-.6px;color:var(--ink)}.lt .dot-end{color:#2f7cf6}.lt small{font-size:11px;font-weight:500;color:var(--ink-2);margin-top:3px;letter-spacing:0}.lt small{font-size:10.5px;font-weight:500;color:var(--muted);letter-spacing:.1px;margin-top:2px}
.side .logo i{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--brand),#9b7bf0);display:inline-block}
.side .proj{margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.side .proj b{display:block;font-size:13.5px}.side .proj span{font-size:12px;color:var(--muted)}
.side nav a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;color:var(--ink-2);font-weight:500}
.side nav a:hover{background:var(--line-2)}.side nav a.active{background:var(--brand-soft);color:var(--brand)}
.side nav a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.side .bottom{margin-top:auto;font-size:12.5px;color:var(--muted);padding:8px 10px}
.side .bottom a{display:flex;align-items:center;gap:9px;padding:6px 0;color:var(--ink-2);font-size:13px}
.side .bottom a:hover{color:var(--ink)}
.side .bottom a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;color:var(--muted)}
.main{flex:1;min-width:0}
.topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 28px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.topbar .grow{flex:1}
.content{padding:22px 32px 40px;max-width:1500px;margin:0 auto}

/* ---- controls ---- */
.btn{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;border:0;border-radius:9px;padding:8px 14px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}
.btn:hover{opacity:.9}.btn.ghost{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{background:var(--line-2);opacity:1}
.btn.sm{padding:5px 10px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:default}
.select{appearance:none;padding:7px 30px 7px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a96' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;font:inherit;font-size:13px;font-weight:500;color:var(--ink)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:12.5px;font-weight:500;color:var(--ink-2);cursor:pointer}
.chip:hover{background:var(--line-2)}.chip.on{background:#ececf1;color:var(--ink);border-color:#d6d6df;font-weight:600}
.chip .dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.tabs{display:inline-flex;background:var(--line-2);padding:3px;border-radius:10px;gap:2px}
.tabs button{border:0;background:transparent;padding:6px 14px;border-radius:8px;font:inherit;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer}
.tabs button.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}

/* ---- layout bits ---- */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow)}
.card.flush{padding:0;overflow-x:auto}.card.flush table{min-width:100%}.card.flush td,.card.flush th{white-space:nowrap}.card.flush td.wrap{white-space:normal}.card .head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g32{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
@media(max-width:1100px){.g4,.g3,.g2,.g32{grid-template-columns:1fr 1fr}}@media(max-width:760px){.g4,.g3,.g2,.g32{grid-template-columns:1fr}.side{display:none}}
.headline{font-size:20px;font-weight:600;letter-spacing:-.2px;margin:4px 0 2px}
.headline .up{color:var(--good)}.headline .down{color:var(--bad)}.headline .flat{color:var(--muted)}
.kpi{display:flex;flex-direction:column;gap:2px}.kpi .l{font-size:12.5px;color:var(--muted);font-weight:500}.kpi .v{font-size:28px;font-weight:650;letter-spacing:-.5px;line-height:1.15}.kpi .d{font-size:12px;color:var(--muted)}
.kpi .v small{font-size:13px;font-weight:500;color:var(--muted);margin-left:4px}
.delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;padding:2px 7px;border-radius:999px}
.delta.up{background:var(--good-soft);color:var(--good)}.delta.down{background:var(--bad-soft);color:var(--bad)}.delta.flat{background:var(--line-2);color:var(--muted)}
.chart{position:relative;height:300px}.chart.sm{height:220px}
.rank{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:var(--line-2);font-size:12px;font-weight:600;color:var(--ink-2)}
.rank.r1{background:#fff4d6;color:#9a6a00}.rank.r2{background:#ececef;color:#555}.rank.r3{background:#fbe9dd;color:#9a4a1f}
.avatar{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex:0 0 26px}
.logo-wrap{position:relative;display:inline-flex;flex:0 0 auto;border-radius:8px;overflow:hidden;background:#fff;border:1px solid var(--line)}.logo-wrap .blogo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:3px;background:#fff;z-index:1}.logo-wrap .avatar{border-radius:0}
.brandname{display:flex;align-items:center;gap:10px;font-weight:500}.brandname .you{font-size:11px;font-weight:600;color:var(--brand);background:var(--brand-soft);padding:1px 7px;border-radius:999px}
.bar{height:6px;background:var(--line-2);border-radius:6px;overflow:hidden;min-width:70px}.bar i{display:block;height:100%;background:var(--ink)}
.bar.brand i{background:var(--brand)}
.cell{display:flex;align-items:center;gap:10px;white-space:nowrap}
.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--line-2);color:var(--ink-2)}
.tag.chatgpt{background:#e3f6f0;color:#0b6b52}.tag.claude{background:#fbe9e2;color:#9a3f1f}.tag.perplexity{background:#e1f1f3;color:#145b64}
.tag.gemini{background:#e6eefd;color:#1d4fb0}.tag.google_ai_mode{background:#fdebdc;color:#9a4a04}.tag.google_ai_overview{background:#f2e4f7;color:#6a1a7a}
.tag.zawsze{background:var(--good-soft);color:var(--good)}.tag.często{background:#eaf4ea;color:#3d7a3d}.tag.czasem{background:var(--warn-soft);color:var(--warn)}.tag.nigdy{background:var(--bad-soft);color:var(--bad)}
.sent{display:inline-flex;align-items:center;gap:6px}.sent i{width:34px;height:6px;border-radius:4px;background:linear-gradient(90deg,var(--bad),#e9c46a,var(--good));position:relative;display:inline-block}
.sent i::after{content:"";position:absolute;top:-3px;width:3px;height:12px;background:var(--ink);border-radius:2px;left:calc(var(--p) * 1%)}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{padding:9px 12px;border-bottom:1px solid var(--line-2);text-align:left;vertical-align:middle}
th{color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;background:#fafafb}
tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fafafb}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.heat{text-align:center;font-weight:600;font-size:12.5px;border-radius:6px}
.status{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--line-2);font-weight:600}.status.running{background:var(--warn-soft);color:var(--warn)}.status.failed{background:var(--bad-soft);color:var(--bad)}.status.done{background:var(--good-soft);color:var(--good)}
.empty{padding:48px;text-align:center;color:var(--muted)}
.answer{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px;background:var(--panel)}
.answer .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px;font-size:12.5px;color:var(--muted)}
.answer pre{white-space:pre-wrap;font:13.5px/1.6 inherit;margin:8px 0;max-height:440px;overflow:auto;background:#fafafb;padding:12px 14px;border-radius:8px;border:1px solid var(--line-2)}
.answer mark{background:#ece9ff;color:var(--brand);padding:0 3px;border-radius:3px;font-weight:600}
.quote{border-left:3px solid var(--brand);padding:4px 12px;margin:8px 0;color:var(--ink-2)}
form.stack label{display:block;font-weight:600;margin:14px 0 4px;font-size:13px}
form.stack input[type=text],form.stack input[type=email],form.stack input[type=number],form.stack input[type=password],form.stack textarea,form.stack select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fff}
form.stack textarea{min-height:110px}
.help{font-size:12px;color:var(--muted);margin-top:4px}
.checks{display:flex;gap:12px;flex-wrap:wrap}.checks label{font-weight:500;margin:0;display:flex;gap:6px;align-items:center}
.login{max-width:380px;margin:90px auto}
.foot{margin:28px 0 0;color:var(--muted);font-size:12px;max-width:900px}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.reco{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line-2)}.reco:last-child{border:0}.reco b{display:block;font-size:13.5px}.reco span{font-size:12.5px;color:var(--ink-2)}
.pcard{display:flex;flex-direction:column;gap:8px}
.pcard .top{display:flex;justify-content:space-between;align-items:center}
.quad{position:relative;height:340px}
.toast{position:fixed;bottom:18px;right:18px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;font-size:13px;display:none}


/* project switcher + grouped nav (Peec-like) */
.psw{position:relative;margin:0 0 6px}
.psw-btn{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:8px 8px;border-radius:10px;font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;color:var(--ink)}
.psw-btn:hover{background:var(--line-2)}
.psw-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.psw-menu{display:none;position:absolute;left:0;min-width:240px;max-width:320px;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(17,17,20,.12);padding:6px;z-index:30;max-height:60vh;overflow:auto}
.psw.open .psw-menu{display:block}
.psw-menu a{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;font-size:13.5px;color:var(--ink)}
.psw-menu a:hover{background:var(--line-2)}.psw-menu a .pn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psw-menu a b{color:var(--brand);flex:none}
.psw-menu a .logo-wrap{flex:none}.psw-menu a.on{font-weight:600}
.psw-ic{flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2)}
.psw-sep{height:1px;background:var(--line);margin:6px 2px}
.psw-plus{flex:0 0 20px!important;width:20px;height:20px;border-radius:6px;background:var(--line-2);display:inline-flex;align-items:center;justify-content:center;font-weight:600}
nav.grouped .ng{font-size:12px;color:var(--muted);padding:12px 10px 4px;display:flex;align-items:center;gap:6px}
nav.grouped .ng::before{content:"▾";font-size:9px;color:#b0b0ba}
nav.grouped a{padding:6px 10px;font-size:14px}
/* Peec-like overview pieces */
.ovhead{display:flex;align-items:center;gap:10px;padding:2px 0 14px;border-bottom:1px solid var(--line);margin-bottom:18px}
.ovhead .nm{font-weight:600;font-size:16px}
.ovstats{margin-left:auto;display:flex;gap:16px;align-items:center;font-size:14px;font-weight:600}
.ovstats span{display:inline-flex;align-items:center;gap:5px}.ovstats svg{width:15px;height:15px;stroke:#8a8a96;fill:none;stroke-width:2}
.card .ttl{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;margin-bottom:12px}
.card .ttl i{font-style:normal;color:#b0b0ba;font-size:12px;cursor:help}
.vbars{display:flex;align-items:flex-end;gap:22px;height:230px;padding:10px 6px 0;border-bottom:1px solid var(--line-2);position:relative}
.vbars .col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}
.vbars .bar2{width:min(46px,70%);border-radius:10px 10px 4px 4px;min-height:3px}
.vbars .val{font-size:12px;font-weight:600;color:var(--ink-2)}
.vlogos{display:flex;gap:22px;padding:10px 6px 0}.vlogos div{flex:1;display:flex;justify-content:center}
.vgrid{position:absolute;inset:10px 0 0 0;pointer-events:none}
.mtx td.c{text-align:center;font-weight:600;font-size:12.5px;border-radius:7px}
.mtx td{padding:6px 6px}.mtx th{text-align:center}
.dtype{display:flex;align-items:center;gap:10px;margin:8px 0}.dtype .nm{width:150px;font-size:13.5px}.dtype .bar{flex:1}
.chatrow td{vertical-align:top}.chatrow .q{font-weight:500}.chatrow .sn{color:var(--muted);font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:640px}
.stack-ic{display:inline-flex;align-items:center}.stack-ic>*{margin-right:-4px;box-shadow:0 0 0 2px #fff;border-radius:6px}.stack-ic .more{margin-left:8px;font-size:12px;color:var(--muted);box-shadow:none}
.topiccol{width:230px;flex:0 0 230px;border-right:1px solid var(--line)}
.topiccol a{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;font-size:13.5px;color:var(--ink-2);border-radius:8px;margin:2px 6px}
.topiccol a:hover{background:var(--line-2)}.topiccol a.on{background:var(--line-2);color:var(--ink);font-weight:500}
.topiccol a span{color:var(--muted);font-size:12px}
.searchbox{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:6px 10px;width:280px;background:#fff}
.searchbox input{border:0;outline:0;font:inherit;font-size:13.5px;flex:1}
.topicrow{display:flex;justify-content:space-between;gap:8px;padding:9px 16px;border-top:1px solid var(--line,#f0f0f3);font-size:13px;color:inherit;text-decoration:none}
.topicrow:hover{background:#f7f7fa}.topicrow.on{background:var(--brand-soft,#eeeefc);color:var(--brand,#5b5bd6);font-weight:600}
#psearch{padding:7px 12px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:13px;background:#fff}
/* ---- full answer: ChatGPT look ---- */
.gpt{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 28px 14px;font-family:ui-sans-serif,-apple-system,"Segoe UI",system-ui,sans-serif;color:#0d0d0d;max-height:620px;overflow:auto}
.gpt-user{display:flex;justify-content:flex-end;margin-bottom:22px}
.gpt-user span{background:#e9eef6;border-radius:18px;padding:10px 16px;max-width:70%;font-size:15px;line-height:1.5}
.gpt-body{max-width:760px;margin:0 auto;font-size:15.5px;line-height:1.7}
.gpt-body p{margin:0 0 14px}.gpt-body ul,.gpt-body ol{margin:0 0 14px;padding-left:24px}.gpt-body li{margin:4px 0}
.gpt-body h1,.gpt-body h2{font-size:21px;font-weight:600;margin:26px 0 10px}.gpt-body h3{font-size:18px;font-weight:600;margin:22px 0 8px}.gpt-body h4{font-size:16px;font-weight:600;margin:18px 0 6px}
.gpt-body hr{border:0;border-top:1px solid #e5e5e5;margin:22px 0}.gpt-body strong{font-weight:600}
.gpt-body a{color:#0d0d0d;text-decoration:underline;text-decoration-color:#c7c7c7}
.gpt-body img{max-height:120px;max-width:200px;border-radius:12px;display:block;margin:8px 0;object-fit:cover}
.gpt-body code{background:#f4f4f4;border-radius:5px;padding:1px 5px;font-size:.92em}
.gpt-body table{border-collapse:collapse;margin:0 0 14px;font-size:14px}.gpt-body th,.gpt-body td{border-bottom:1px solid #e5e5e5;padding:6px 10px;text-align:left}
a.gpt-cite{display:inline-flex;align-items:center;height:20px;padding:0 8px;margin:0 2px;border-radius:999px;background:#f4f4f4;color:#5d5d5d!important;font-size:12px;font-weight:500;text-decoration:none!important;vertical-align:1px;white-space:nowrap}
a.gpt-cite:hover{background:#0d0d0d;color:#fff!important}
.gpt-sources{max-width:760px;margin:6px auto 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}
.gpt-sources .lbl{font-weight:600;color:#5d5d5d;margin-right:4px}
.gpt-sources a{display:inline-flex;align-items:center;gap:5px;border:1px solid #e5e5e5;border-radius:999px;padding:3px 9px;color:#5d5d5d}
.gpt-sources img,.aio-sources img,.aio-chip img{width:14px;height:14px;border-radius:50%}
.gpt-actions{max-width:760px;margin:12px auto 0;display:flex;gap:12px;align-items:center;color:#8f8f8f;font-size:12px}
.gpt-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.gpt-actions span{margin-left:auto;font-family:ui-monospace,monospace}
/* ---- full answer: Google AI Overview look ---- */
.aio-wrap{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 24px 18px;font-family:"Google Sans",Arial,system-ui,sans-serif;color:#1f1f1f;max-height:660px;overflow:auto}
.aio-search{display:flex;align-items:center;gap:12px;max-width:620px;border:1px solid #dfe1e5;border-radius:24px;padding:10px 18px;box-shadow:0 1px 6px rgba(32,33,36,.18);font-size:15px;margin-bottom:22px}
.aio-search span{flex:1}.aio-search svg{width:20px;height:20px;fill:none;stroke:#4285f4;stroke-width:2}
.aio{max-width:660px}
.aio-head{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;margin-bottom:12px}.aio-head svg{width:20px;height:20px}
.aio-body{font-size:16px;line-height:1.6}
.aio-body p{margin:0 0 14px}.aio-body ul,.aio-body ol{margin:0 0 16px;padding-left:22px}.aio-body li{margin:0 0 10px}
.aio-body h2,.aio-body h3{font-size:20px;font-weight:500;margin:24px 0 12px;line-height:1.3}.aio-body h4{font-size:17px;font-weight:500;margin:18px 0 8px}
.aio-body strong{font-weight:600}.aio-body a{color:#1a0dab}
.aio-body code{background:#d3e3fd;border-radius:3px;padding:1px 2px;font-family:inherit;font-size:inherit}
.aio-body hr{border:0;border-top:1px solid #e3e3e3;margin:22px 0}
a.aio-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px 0 3px;margin:0 3px;border-radius:999px;background:#f1f3f4;color:#474747!important;font-size:12px;text-decoration:none!important;vertical-align:1px;white-space:nowrap}
a.aio-chip img{background:#fff}
.aio-sources{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:14px}
.aio-sources a{display:flex;flex-direction:column;gap:4px;border:1px solid #e3e3e3;border-radius:12px;padding:9px 11px;color:#1f1f1f;font-size:12px}
.aio-sources a > span{display:flex;align-items:center;gap:6px;color:#474747}
.aio-sources a b{font-weight:500;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aio-foot{font-size:12px;color:#5e5e5e;margin-top:14px}
/* status pills + "what to do" popover */
.tag .gi{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;margin-left:6px;border-radius:50%;border:1.5px solid currentColor;font:700 8.5px/1 Georgia,serif;font-style:italic}
.tag.always{background:#e7f6ee;color:#13804f;box-shadow:inset 0 0 0 1px #c5ebd6}
.tag.never{background:#fdecec;color:#c62f2f;box-shadow:inset 0 0 0 1px #f6c9c9}
.tag.mid{background:#eef0ff;color:#4b4bc8;box-shadow:inset 0 0 0 1px #dcdffb}
.tag.often{background:#eaf4ea;color:#3d7a3d}.tag.sometimes{background:#fff4e0;color:#a2620a}
.tag.never svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;margin-right:4px;vertical-align:-2px}
.tag.has-gap{position:relative;cursor:help;display:inline-flex;align-items:center}
.gap-pop{position:absolute;top:calc(100% + 8px);left:-6px;z-index:40;width:380px;padding:14px 16px 12px;background:#fff;border:1px solid #f1d4d4;border-top:3px solid #d93a3a;border-radius:12px;box-shadow:0 14px 40px rgba(20,20,40,.16);color:var(--ink);font-size:12.5px;font-weight:400;line-height:1.5;white-space:normal;text-align:left;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.15s ease;cursor:default}
.tag.always .gap-pop,.tag.mid .gap-pop{border-color:#dcdffb;border-top-color:#5b5bd6}
.tag.has-gap:hover .gap-pop,.tag.has-gap:focus-within .gap-pop,.tag.has-gap:focus .gap-pop{opacity:1;visibility:visible;transform:none}
.gap-pop::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.gap-pop .gp-t{display:block;font-size:13.5px;font-weight:650;margin-bottom:6px}
.gap-pop .gp-h{display:block;margin:9px 0 3px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9a9aac}
.gap-pop ul,.gap-pop ol{margin:0;padding-left:18px}.gap-pop li{margin:2px 0}
.gap-pop ol li::marker{color:#d93a3a;font-weight:700}
.gap-pop a{display:block;color:var(--brand);font-weight:500;margin-top:3px}
.gap-pop a:hover{text-decoration:underline}
/* info icon with hover explanation */
.info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#a8a8b6;cursor:help;vertical-align:middle;flex:0 0 auto}
.info svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.info:hover,.info:focus{color:var(--brand)}
.info-pop{position:fixed;top:0;left:0;transform:translateY(-4px);z-index:50;width:320px;padding:12px 14px;background:#16161c;color:#e9e9ef;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.22);font-size:12.5px;font-weight:400;line-height:1.5;text-align:left;white-space:normal;letter-spacing:0;text-transform:none;opacity:0;visibility:hidden;transition:.14s ease;pointer-events:none}
.info-pop::after{content:"";position:absolute;top:-5px;left:var(--ax,20px);width:10px;height:10px;background:#16161c;transform:translateX(-50%) rotate(45deg)}
.info-pop b{display:block;color:#fff;font-size:13px;margin-bottom:4px}
.info-pop p{margin:0 0 6px}.info-pop p:last-child{margin:0}.info-pop p b{display:inline;font-size:inherit;margin:0}
.info:hover .info-pop,.info:focus .info-pop{opacity:1;visibility:visible;transform:none}
.card .ttl .info,.head h2 .info{margin-left:2px}
.head h2{display:flex;align-items:center;gap:6px}
.g-rank{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}@media(max-width:1300px){.g-rank{grid-template-columns:1fr}}
th.num,td.num{text-align:center}
.perc-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Peec-style card chrome */
.card .ttl{margin:-18px -20px 14px;padding:13px 20px;border-bottom:1px solid var(--line);font-size:14px}
.card .cfoot{margin:14px -20px -18px;padding:10px 20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.vchart{position:relative;display:grid;grid-template-columns:38px 1fr;gap:6px;height:340px;padding-top:24px}
.vchart .yax{display:flex;flex-direction:column-reverse;justify-content:space-between;font-size:11.5px;color:var(--muted);padding-bottom:70px;margin-top:-6px}
.vchart .plot{position:relative;display:flex;align-items:flex-end;gap:18px;padding:0 10px 78px}
.vchart .grid-l{position:absolute;left:0;right:0;border-top:1px dashed #ececf1}
.vchart .col{flex:1;position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.vchart .b{width:min(40px,62%);border-radius:7px 7px 3px 3px;min-height:4px;position:relative;z-index:1}
.vchart .lg{position:absolute;bottom:-68px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;width:110%}.vchart .lg .nm{font-size:11.5px;color:var(--ink-2);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.vchart .col:hover .b{filter:brightness(.92)}
.vchart .col .tip{position:absolute;top:-18px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11.5px;font-weight:600;color:var(--ink-2);opacity:0;transition:.12s;pointer-events:none}
.vchart .col:hover .tip{opacity:1}
.card.flush .head{padding:13px 20px}
.stip{position:relative;cursor:help}
.stip::after{content:attr(data-tip);position:absolute;top:calc(100% + 10px);right:-10px;width:270px;padding:9px 12px;background:#16161c;color:#fff;font-size:12.5px;font-weight:500;line-height:1.45;border-radius:9px;box-shadow:0 10px 28px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:.12s;z-index:60;white-space:normal;text-align:left}
.stip:hover::after{opacity:1;visibility:visible}
.mover{display:flex;align-items:center;gap:10px;margin:0 0 7px}
.mover .mbar{height:30px;border-radius:7px;background:#efeff4;display:flex;align-items:center;padding:0 10px;min-width:0;flex:0 0 auto;max-width:calc(100% - 80px)}
.mover .mbar > span{display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap;overflow:visible}
.mover b{font-size:13px;margin-left:auto}.mover .delta{font-size:11.5px;min-width:30px;text-align:right}
.mbar.dt-own{background:#e6e6fb}.mbar.dt-competitor{background:#fde9da}.mbar.dt-review{background:#dcf3ee}.mbar.dt-community{background:#fbe1ea}.mbar.dt-editorial{background:#ececf1}
.tag.dt-own{background:#e6e6fb;color:#4b4bc8}.tag.dt-competitor{background:#fde9da;color:#b45a12}.tag.dt-review{background:#dcf3ee;color:#147a68}.tag.dt-community{background:#fbe1ea;color:#a8264f}.tag.dt-editorial{background:#ececf1;color:#55556a}

/* ---- Peec-style source pages ---- */
.sec{margin:26px 0 10px}.sec h2{margin:0;font-size:16px}.sec p{margin:3px 0 0;color:var(--muted);font-size:13px}
.kstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--line);border-radius:12px;background:#fff;margin:0 0 18px;overflow:hidden}
.kstrip .ks{padding:12px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px;min-width:0}
.kstrip .ks:last-child{border-right:0}.kstrip .l{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:4px}
.kstrip .v{font-size:19px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kstrip .v small{font-size:12.5px;font-weight:500;color:var(--muted)}
a.mover{color:inherit;text-decoration:none}a.mover:hover .mbar{filter:brightness(.96)}
.mover .dot,.legend .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.utag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500;color:var(--c,#6b6b78);background:color-mix(in srgb,var(--c,#8a8a96) 12%,#fff);border:1px solid color-mix(in srgb,var(--c,#8a8a96) 25%,#fff)}
.yn{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--line);border-radius:6px;font-size:12.5px}
.yn::before{content:"";width:3px;height:12px;border-radius:2px;background:#d64545}.yn.y::before{background:#1f9d61}
tr.rowlink{cursor:pointer}tr.rowlink:hover td{background:#fafafc}
.pager{display:flex;align-items:center;gap:4px;padding:10px 14px;border-top:1px solid var(--line)}
.pager button{min-width:30px;height:30px;border:1px solid transparent;background:none;border-radius:8px;cursor:pointer;font:inherit;color:var(--text)}
.pager button.on{border-color:var(--line);background:#fff;font-weight:600}.pager button:disabled{opacity:.35;cursor:default}
.pager .gap{padding:0 4px;color:var(--muted)}.pager .pinfo{margin-left:auto;color:var(--muted);font-size:12.5px}
.social{display:grid;grid-template-columns:300px 1fr;padding:0;overflow:hidden}
.social .plats{border-right:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:4px}
.social .plat{display:flex;align-items:center;gap:8px;border:0;background:none;padding:8px 10px;border-radius:8px;cursor:pointer;font:inherit;text-align:left}
.social .plat.on,.social .plat:hover{background:#f2f2f5}.social .chans{padding:12px 16px}
.dhead{display:flex;align-items:center;gap:14px;margin:6px 0 16px}.dhead .nm{font-size:19px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.crumbs{margin-bottom:4px}.crumbs a{color:var(--muted)}
.vbars{display:flex;align-items:flex-end;justify-content:space-around;height:200px;padding:10px 20px 0;border-bottom:1px solid var(--line)}
.vbars .vb{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;width:70px}
.vbars .vb i{display:block;width:44px;background:#2f7cf6;border-radius:6px 6px 0 0;min-height:4px}.vbars .vb span{margin-bottom:-28px}
.vbars+*{margin-top:30px}
.stackbar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#f0f0f3}.stackbar i{display:block;height:100%}
tr.grp td{background:#f7f7f9;cursor:pointer}tr.grp .cnt{display:inline-block;padding:0 6px;border:1px solid var(--line);border-radius:6px;font-size:11.5px;color:var(--muted);margin-left:4px}
tr.grp.closed .caret{display:inline-block;transform:rotate(-90deg)}
.ftype{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--line);border-radius:6px;font-size:12px}
.ftype::before{content:"";width:3px;height:12px;border-radius:2px;background:#f08a24}.ftype.b::before{background:#5b5bd6}
.chats-t td{vertical-align:middle}
@media (max-width:900px){.social{grid-template-columns:1fr}.social .plats{border-right:0;border-bottom:1px solid var(--line)}}
input.input,.tsearch{padding:8px 11px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fff;width:100%}

/* ---- agent readiness / crawlability ---- */
.rhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.ck{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:700;margin-right:6px;vertical-align:-2px}
.ck.pass{background:#1f9d61;color:#fff}.ck.fail{background:#e5484d;color:#fff}.ck.na{border:1.5px dashed #b4b4c0;color:transparent;width:13px;height:13px}
.lv{display:inline-block;padding:1px 7px;border:1px solid var(--line);border-radius:6px;font-size:11.5px;color:var(--muted);font-weight:500}
.pill{display:inline-block;padding:2px 9px;border-radius:6px;font-size:12px;font-weight:500;background:#f2f2f5;color:var(--muted)}
.pill.pass{background:#e7f6ee;color:#1f9d61}.pill.fail{background:#fdecec;color:#d64545}.pill.next{background:#e8f0fe;color:#2f7cf6}
.ladder{padding:22px 26px;background:linear-gradient(135deg,#fff8ef,#fff 55%)}.ladder .lh b{font-size:20px}.ladder .lh .lv{margin-left:8px}.ladder .lh p{margin:4px 0 18px}
.track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;padding-top:34px}
.track::before{content:"";position:absolute;left:0;right:0;top:40px;height:4px;background:#e4e4ea;border-radius:2px}
.track .stop{position:relative;text-align:center}.track .stop i{position:relative;z-index:1;display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #cfcfd8;margin:0 auto}
.track .stop.cleared i{background:#1b1b1f;border-color:#1b1b1f}.track .stop.cleared::before{content:"";position:absolute;left:0;right:0;top:6px;height:4px;background:#1b1b1f}
.track .stop.next i{border-color:#1b1b1f}.track .lb{margin-top:10px;font-size:13px}.track .cmp{position:absolute;top:-32px;left:0;right:0;display:flex;justify-content:center;gap:2px}
.track .me img,.track .me span{outline:2px solid #f08a24;border-radius:6px}
.lvcard{margin-bottom:14px}.lvcard tr.sub td{background:#fafafc;font-size:12.5px}
.checkd{max-width:720px;margin:0 auto}.checkd h1{margin:10px 0 8px}.checkd h4{margin:22px 0 6px;color:var(--muted);font-weight:500;font-size:13px}.checkd p{margin:0}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
pre.robots{max-height:360px;overflow:auto;background:#f7f7f9;border-radius:8px;padding:12px;font-size:12px;margin:0}
details.card summary{cursor:pointer}
.plpick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.plopt{display:flex!important;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:400!important;margin:0!important}
.plopt input{display:none}.plopt:has(input:checked){border-color:#1b1b1f;box-shadow:0 0 0 1px #1b1b1f}.plopt .pr{font-size:13px}
.bill{display:flex;gap:16px;margin:8px 0 4px;font-size:13px}.bill label{display:flex;align-items:center;gap:6px;margin:0!important;font-weight:400!important}
.save{background:#e7f6ee;color:#1f9d61;border-radius:6px;padding:1px 6px;font-size:11.5px}
label.chk{display:flex!important;gap:8px;align-items:flex-start;font-weight:400!important;font-size:13px;margin-top:12px!important}
label.chk input{width:auto!important;margin-top:2px}
@media (max-width:560px){.plpick{grid-template-columns:1fr}}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 18px}
.tabs a{padding:9px 12px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-size:14px}
.tabs a.on{color:var(--text);border-bottom-color:#1b1b1f;font-weight:500}.tabs .cnt{font-size:11px;background:#f0f0f3;border-radius:6px;padding:0 6px}
.ndot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5b5bd6;margin-left:6px;vertical-align:middle}
form.stack textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fff}
.connect{max-width:640px;margin:40px auto;padding:30px 34px}
.banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#eef4ff;border:1px solid #d6e4ff;border-radius:10px;padding:10px 14px;margin-bottom:16px}
.sbars{display:flex;align-items:flex-end;gap:2px;height:180px;border-bottom:1px solid var(--line)}
.sbars .sb{flex:1;display:flex;flex-direction:column-reverse;height:100%}.sbars .sb i{display:block;width:100%;min-height:1px}
.locked{filter:blur(6px);pointer-events:none;user-select:none;max-height:900px;overflow:hidden;opacity:.7}
.lockcard{position:fixed;left:calc(50% + 120px);top:50%;transform:translate(-50%,-50%);max-width:420px;text-align:center;padding:26px 30px;z-index:20;box-shadow:0 20px 60px rgba(20,20,40,.18)}
.lockcard .lk-ic{font-size:26px;margin-bottom:8px}.lockcard b{display:block;font-size:16px;margin-bottom:6px}
@media (max-width:900px){.lockcard{left:50%}}
body.authpage{display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0}
.authcard{width:420px;max-width:calc(100vw - 32px);padding:30px 32px;margin:0}
.authcard h1{font-size:22px;margin:0 0 2px}.authcard .err{color:var(--bad);font-size:13.5px}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font-weight:500;margin-top:16px}
.gbtn:hover{background:#f7f7f9}
.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:16px 0 4px}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.switch{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:13.5px;color:var(--muted)}
.track{padding-top:56px}.track::before{top:62px}.track .stop.cleared::before{top:6px}
.track .cmp{top:-50px;gap:6px;align-items:flex-end}.track .cmp img,.track .cmp .lg{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.track .me{padding:3px;border:2px solid #f08a24;border-radius:12px;background:#fff;line-height:0}
.track .me img,.track .me span{outline:none!important}
.btn.sm{padding:7px 12px;font-size:13px;line-height:1.2}.btn svg{flex:none}
.cpl{display:inline-flex;margin-right:6px;vertical-align:middle}
.cpass{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:4px}.cpass span{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:500}
.track .me{display:inline-flex}
.leader{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-2,#f0f0f3)}
.leader:last-child{border-bottom:0}.leader .brandname{gap:10px;font-size:14.5px}
.rhead .pill.next{padding:7px 12px;font-size:13px}
.spin{width:22px;height:22px;border:3px solid #e3e3ea;border-top-color:#2f7cf6;border-radius:50%;animation:spn 0.9s linear infinite;flex:none}
@keyframes spn{to{transform:rotate(360deg)}}

.btn.wide{width:100%;justify-content:center;padding:13px 16px;font-size:15px}
.authcard{text-align:center}.authcard .brandname{justify-content:center}.authcard .lt{align-items:center}
.authcard form.stack label{text-align:center}.authcard form.stack input{text-align:center}
.authcard .switch{flex-direction:column;justify-content:center;gap:10px}
.authcard .forgot{text-align:center !important}

/* hover tooltip for logos, and the "+N" list */
.stack-ic .more{cursor:default;border-radius:999px;padding:2px 7px;background:#f3f3f6;color:var(--ink-2);font-weight:600}
.stack-ic .more:hover,.stack-ic .more:focus{background:#e9e9f1;outline:none}
#ttip{position:fixed;z-index:9999;pointer-events:none;background:#16161d;color:#fff;font-size:12px;line-height:1.35;padding:6px 9px;border-radius:7px;box-shadow:0 8px 24px rgba(0,0,0,.18);max-width:280px;opacity:0;transform:translateY(3px);transition:opacity .12s,transform .12s}
#ttip.on{opacity:1;transform:none}
#tpop{position:fixed;z-index:9999;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(20,20,40,.16);padding:6px;min-width:200px;max-width:320px;max-height:320px;overflow:auto;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s;pointer-events:none}
#tpop.on{opacity:1;transform:none;pointer-events:auto}
#tpop .pop-row{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:8px;font-size:13px}
#tpop .pop-row:hover{background:#f6f6f9}
#tpop .pop-row b{font-weight:600;display:block}#tpop .pop-row small{display:block;color:var(--muted);font-size:11.5px}

/* answer verdict strip */
.verdict{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 12px}
.vd{position:relative;display:inline-flex;align-items:center;gap:8px;padding:5px 11px 5px 7px;border-radius:10px;background:#f6f6f9;box-shadow:inset 0 0 0 1px var(--line);min-height:36px}
.vd small{display:block;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;opacity:.72;line-height:1.1}
.vd b{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;line-height:1.3;color:inherit}
.vd b em{font-style:normal;font-size:11px;padding:0 6px;border-radius:999px;background:currentColor}
.vd b em{color:#fff}.vd.good b em{background:#13804f}.vd.bad b em{background:#c62f2f}
.vd .vi{flex:none;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:currentColor}
.vd .vi svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.vd.good{background:#e9f7ef;color:#106b42;box-shadow:inset 0 0 0 1px #bfe6cf}.vd.good .vi{background:#16a05f}
.vd.bad{background:#fdeeee;color:#b42626;box-shadow:inset 0 0 0 1.5px #f2b9b9}.vd.bad .vi{background:#e03a3a}
.vd.mid{background:#eff0ff;color:#3f3fb4;box-shadow:inset 0 0 0 1px #d3d6fa}.vd.mid .vi{background:#5b5bd6}
.vd.off{background:#f4f4f7;color:#5a5a6a}.vd.off .vi{background:#a3a3b2}
.vd.sentv{padding-left:14px}.vd.sentv .sent i{width:46px;height:7px}
.vd .gi{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;border-radius:50%;border:1.5px solid currentColor;font:700 10px/1 Georgia,serif;font-style:italic}
.vd.has-gap{cursor:help}
.vd.good .gap-pop,.vd.mid .gap-pop{border-color:#dcdffb;border-top-color:#5b5bd6}
.vd.has-gap:hover .gap-pop,.vd.has-gap:focus-within .gap-pop,.vd.has-gap:focus .gap-pop{opacity:1;visibility:visible;transform:none}

/* prompt shown as an AI chat input */
.ask{margin:4px 0 10px;max-width:860px}
.ask-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ask-lbl{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ask-lbl svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ask-box{display:flex;align-items:flex-end;gap:12px;padding:12px 18px;border:1px solid #dcdce4;border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(20,20,40,.04),0 6px 18px rgba(20,20,40,.06)}
.ask-text{flex:1;font-size:14.5px;line-height:1.5;color:var(--ink);font-weight:500}
.ask-send{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#111}
.ask-send svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.said{margin:8px 0 4px}
.said-lbl{display:inline-flex;align-items:center;gap:5px;margin-bottom:4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.said-lbl svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.said .quote{margin:0}

/* overview trend card (Search Console style) */
.tcard{margin-bottom:16px}
.thead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.tlegend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 14px}
.tl{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2)}
.tl i{width:14px;height:3px;border-radius:2px;display:inline-block}
.tl b{font-weight:700;color:var(--ink)}
.tl.me{font-weight:600}.tl.me i{height:4px}
.tcard .chart{height:280px}

/* fixed per-answer scorecard: same 5 cells in the same order on every answer */
.score{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:6px 0 18px;border:1px solid var(--line);border-radius:10px;background:#fafafc;max-width:860px}
.sc{position:relative;padding:7px 12px;min-width:0}
.sc+.sc{border-left:1px solid var(--line)}
.sc small{display:block;font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc b{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:13px;font-weight:700;color:var(--ink)}
.sc b>i{display:none}
.sc b.good{color:#106b42}.sc b.good>i{background:#16a05f}
.sc b.bad{color:#b42626}.sc b.bad>i{background:#e03a3a}
.sc b.mid{color:#3f3fb4}.sc b.mid>i{background:#5b5bd6}
.sc b.off{color:#6a6a78}
.sc b.na{color:#b5b5c2;font-weight:500}
.sc .gi{position:absolute;top:7px;right:9px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1.5px solid #b42626;color:#b42626;font:700 9px/1 Georgia,serif;font-style:italic}
.sc.has-gap{cursor:help}
.sc.has-gap:hover .gap-pop,.sc.has-gap:focus-within .gap-pop,.sc.has-gap:focus .gap-pop{opacity:1;visibility:visible;transform:none}
@media (max-width:760px){.score{grid-template-columns:repeat(2,minmax(0,1fr))}.sc+.sc{border-left:0}}

/* answer card: one aligned column, calmer colours, more air */
.answer{padding:18px 22px}
.answer .meta{margin-bottom:12px}
.answer .score,.answer .ask,.answer .said,.answer .ans-row,.answer .ans-main > .chips{max-width:none}
.answer .ask{margin:0 0 16px}
.answer .ask .tag,.answer .ask-top .tag{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);font-weight:600}
.answer .said{margin:0 0 16px}
.answer .ans-main > .chips{margin:0 0 16px !important}
.sc b.mid,.sc b.off{color:var(--ink-2)}
.ans-row{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:start;padding:10px 0;border-top:1px solid var(--line-2)}
.ans-lbl{padding-top:5px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.ans-lbl i{font-style:normal;margin-left:4px;padding:0 6px;border-radius:999px;background:var(--line-2);color:var(--ink-2);letter-spacing:0}
.ans-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.bchip{display:inline-flex;align-items:center;gap:6px;max-width:220px;padding:3px 10px 3px 4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;color:var(--ink-2);font-weight:500}
.bchip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bchip small{color:var(--muted);font-size:11px;font-weight:600}
.bchip.own{box-shadow:inset 0 0 0 1.5px var(--brand);color:var(--ink);font-weight:700}
.bchip.src{padding-left:6px}
.ans-chips .more{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--line-2);font-size:12px;font-weight:700;color:var(--ink-2);cursor:pointer}

@media (max-width:760px){.ans-row{grid-template-columns:1fr;gap:6px}}

tr.clickrow{cursor:pointer}tr.clickrow:hover td{background:#f7f7fb}
tr.clickrow a.q{display:block;color:inherit;text-decoration:none}tr.clickrow:hover a.q{color:var(--brand)}
.answer:target{box-shadow:0 0 0 2px var(--brand);scroll-margin-top:80px}

/* answer card: details left, full answer preview right */
.ans-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);gap:24px;align-items:start}
.ans-main{min-width:0}
.ans-side{position:relative;min-width:0;border:1px solid var(--line);border-radius:14px;background:#fafafc;overflow:hidden}
.side-h{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);background:#fff}
.side-h .ans-lbl{display:inline-flex;align-items:center;gap:7px;padding:0}
.side-x{border:0;background:var(--line-2);color:var(--ink-2);font:600 12px/1 inherit;padding:6px 10px;border-radius:999px;cursor:pointer}
.side-x:hover{background:#e6e6ef}
.side-box{position:relative;max-height:330px;overflow:hidden;padding:4px 16px 12px;font-size:13px}
.side-box::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(rgba(250,250,252,0),#fafafc);pointer-events:none}
.ans-side.open .side-box{max-height:none}.ans-side.open .side-box::after{display:none}
.side-box .gpt-user,.side-box .aio-search,.side-box .gpt-actions{display:none}
.side-box .gpt,.side-box .aio-wrap,.side-box .aio{margin:0;border:0;box-shadow:none;background:transparent;padding:0;max-width:none}
@media (max-width:1100px){.ans-grid{grid-template-columns:1fr}}
.side-box .gpt,.side-box .aio-wrap{max-height:none;overflow:visible;font-size:13.5px}
/* answer preview: scrolls inside, matches the height of the details column, nothing faded */
.ans-grid{align-items:stretch}
.ans-side{display:flex;flex-direction:column}
.side-box{flex:1 1 0;min-height:240px;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cfcfda transparent;padding:12px 16px 16px}
.side-box::after{display:none}
.side-box .gpt,.side-box .aio-wrap,.side-box .gpt *,.side-box .aio-wrap *{max-height:none !important}
.side-box .gpt,.side-box .aio-wrap{overflow:visible}
.ans-side.open .side-box{flex:none;overflow:visible}
@media (max-width:1100px){.side-box{flex:none;max-height:420px}}

/* brand mention card */
.said{position:relative;margin:0 0 16px;padding:12px 16px 14px;border-radius:14px;background:linear-gradient(135deg,#f4f3ff,#fbfaff);box-shadow:inset 0 0 0 1px #e1defb}
.said-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.said-h .logo-wrap{border-radius:8px;box-shadow:0 0 0 2px #fff,0 1px 4px rgba(60,50,160,.15)}
.said-h>span{display:flex;flex-direction:column;line-height:1.2}
.said-h b{font-size:13px;color:var(--ink)}
.said-h small{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#5b5bd6}
.said-h small svg{width:11px;height:11px;fill:#7c6cf0}
.said-q{margin:0;padding-left:38px;font-size:13.5px;line-height:1.55;color:var(--ink-2);position:relative}
.said-q::before{content:"\201C";position:absolute;left:8px;top:-8px;font:700 30px/1 Georgia,serif;color:#c9c3f7}

.said-h{margin-bottom:12px}
.said-h small{margin-top:4px}
.said-q::before{content:none}
.said-q{padding-left:38px}
.said-q .qm{font:700 22px/0 Georgia,serif;color:#a99ff3;vertical-align:-6px;margin:0 3px}
.said-q .qm:first-child{margin-left:0}

/* free snapshot progress */
.snapprog{margin-bottom:14px;padding:18px 20px}
.sp-top{display:flex;gap:14px;align-items:center}
.sp-top>div{flex:1}
.sp-pct{font-size:22px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}
.sp-bar{height:8px;margin:14px 0 12px;border-radius:999px;background:var(--line-2);overflow:hidden}
.sp-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7c6cf0,var(--brand));transition:width .6s ease;position:relative;overflow:hidden}
.sp-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:spshine 1.6s linear infinite}
@keyframes spshine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.sp-steps{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;font-size:12.5px;color:var(--muted)}
.sp-steps li{display:inline-flex;align-items:center;gap:7px}
.sp-dot{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #cfcfda}
.sp-steps li.done{color:var(--ink-2)}.sp-steps li.done .sp-dot{background:#16a05f;box-shadow:none}
.sp-dot svg{width:10px;height:10px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sp-steps li.now{color:var(--ink);font-weight:700}.sp-steps li.now .sp-dot{box-shadow:inset 0 0 0 4px var(--brand);animation:sppulse 1.2s ease-in-out infinite}
@keyframes sppulse{50%{box-shadow:inset 0 0 0 2px var(--brand)}}

/* snapshot: approve the questions */
.snaprev .sp-bar{margin-top:12px}
.rev-list{display:flex;flex-direction:column;gap:8px;margin:16px 0 14px}
.rev-q{display:grid;grid-template-columns:130px 1fr 30px;align-items:center;gap:10px;padding:6px 6px 6px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.rev-q.off{opacity:.45}
.rev-q input{border:0;outline:0;font:inherit;font-size:14px;padding:6px 4px;background:transparent;color:var(--ink);width:100%}
.rev-q:focus-within{box-shadow:0 0 0 2px var(--brand-soft);border-color:var(--brand)}
.rev-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rev-tag.br{color:var(--brand)}
.rev-x{border:0;background:transparent;font-size:18px;line-height:1;color:var(--muted);cursor:pointer;border-radius:8px;height:28px}
.rev-x:hover{background:var(--line-2);color:var(--bad)}
.rev-foot{display:flex;align-items:center;gap:14px}
@media (max-width:640px){.rev-q{grid-template-columns:1fr 30px}.rev-tag{grid-column:1/-1}}
.tcard .thead .ttl{margin:0 !important;padding:0 !important;border:0 !important}
/* AI bot visits (bots.html) */
.bl-drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px;border:1.5px dashed var(--line);border-radius:12px;cursor:pointer;text-align:center;transition:.12s}
.bl-drop:hover,.bl-drop.on{border-color:var(--brand);background:var(--line-2)}.bl-drop input{max-width:260px;margin-bottom:6px}
.bl-dot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--brand)}.bl-dot.warn{background:var(--warn)}.bl-dot.bad{background:var(--bad)}
.bl-ins .reco{padding:8px 0}
.tag.bl-user{background:#fdeee2;color:#c0631d}.tag.bl-search{background:var(--brand-soft);color:var(--brand)}
.bl-status{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px}.bl-status span{display:inline-flex;align-items:center;gap:5px}
.bl-status i{width:8px;height:8px;border-radius:2px;background:var(--line)}.bl-status i.s2{background:var(--good)}.bl-status i.s3{background:#9a9aac}.bl-status i.s4{background:var(--warn)}.bl-status i.s5{background:var(--bad)}

.kchip{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;vertical-align:1px;background:var(--line-2);color:var(--ink-2)}
.kchip.k-ai_confirmed{background:#efeefe;color:#4b4bc8}.kchip.k-ai_likely{background:#f5f3ff;color:#6d5bd0;box-shadow:inset 0 0 0 1px #e3defb}

.srcrow{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.srcb{display:inline-flex;align-items:center;gap:5px;padding:1px 8px 1px 5px;border-radius:999px;font-size:10.5px;font-weight:700;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
.srcb img,.srcb svg{width:12px;height:12px;border-radius:3px}
.srcb.s-ai svg{fill:#7c6cf0}
.srcrow .kchip{margin:0}
.kchip.k-people{background:#eef6f0;color:#2f7a4c}.kchip.k-generated{background:var(--line-2);color:var(--ink-2)}

/* discovery summary + filter */
.dsum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}
.dtile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:left;cursor:pointer;font:inherit;color:var(--ink);transition:.12s}
.dtile:hover{border-color:#cfcfe0}
.dtile.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}
.dtile .l{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.dtile .l svg{width:12px;height:12px;fill:#7c6cf0}
.dtile .v{font-size:24px;font-weight:800;line-height:1.1}
.dtile .h{font-size:11.5px;color:var(--muted)}
.kdot{width:9px;height:9px;border-radius:50%;display:inline-block}
.kdot.k-ai_confirmed{background:#4b4bc8}.kdot.k-ai_likely{background:#a99ff3}.kdot.k-people{background:#2f7a4c}
tr.fhide{display:none}
@media (max-width:900px){.dsum{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dtile .l .dlogo{width:13px;height:13px;border-radius:3px}