/* /ai-visibility/ only (prefix av-): the answer highlighter, the blanks that resolve, the
   radar, the map of markets, the set-up checklist and the trend line with its withheld gap. */

/* ---------- hero: an answer, read ---------- */
.av-hl{border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-deep);overflow:hidden}
.av-hl-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;padding:.6rem .9rem;border-bottom:1px solid var(--sk-line);font:400 .7rem var(--sk-mono);letter-spacing:.04em;color:var(--sk-text-3)}
.av-hl-who{display:flex;flex-wrap:wrap;gap:3px}
.av-hl-who button{position:relative;overflow:hidden;padding:.28rem .55rem;border:1px solid var(--sk-line-2);border-radius:3px;background:none;color:var(--sk-text-3);font:500 .68rem var(--sk-mono);cursor:pointer}
.av-hl-who button[aria-checked="true"]{background:var(--sk-text);border-color:var(--sk-text);color:var(--sk-ink)}
.av-hl-q{margin:0;padding:.9rem .9rem .2rem;font:400 .8rem/1.5 var(--sk-mono);color:var(--sk-text-2)}
.av-hl-q i{font-style:normal;color:var(--sk-text-4);margin-right:.3rem}
.av-hl-q small{display:block;margin-top:.2rem;color:var(--sk-text-4);font-size:.7rem}
.av-hl-a{margin:.6rem .9rem 0;padding:.9rem 1rem;min-height:7.6em;border-left:3px solid var(--sk-line-2);background:var(--sk-ink-2);border-radius:0 6px 6px 0;font:400 .98rem/1.6 var(--sk-sans);color:var(--sk-text)}
[data-group="avq"] .flip{position:relative;overflow:hidden}
.av-hl-a .w{opacity:0;transition:opacity .18s}
.av-hl-a .w.on{opacity:1}
.av-hl-a mark{color:inherit;background:none;border-radius:2px;transition:background .35s,box-shadow .35s}
.av-hl-a mark.av-b.lit{background:rgba(235,104,52,.45);box-shadow:0 0 0 2px rgba(235,104,52,.45)}
.av-hl-a mark.av-c.lit{box-shadow:inset 0 -2px 0 var(--sk-people-t)}
.av-cite{display:inline-grid;place-items:center;min-width:1.2rem;height:1.2rem;margin:0 .1rem;padding:0 .25rem;border:1px solid var(--sk-line-2);border-radius:3px;font:600 .62rem var(--sk-mono);color:var(--sk-text-3);vertical-align:.12em;transition:all .3s}
.av-cite.lit{border-color:var(--sk-text-3);color:var(--sk-text)}
.av-cite.av-own.lit{border-color:var(--sk-ai);background:var(--sk-ai);color:#fff}
.av-hl-src{margin:.75rem .9rem 0;padding:0;list-style:none;font:400 .72rem/1.45 var(--sk-mono);color:var(--sk-text-4)}
.av-hl-src li{display:grid;grid-template-columns:1.1rem minmax(0,1fr);padding:.22rem 0;overflow-wrap:anywhere;transition:opacity .3s}
.av-hl-src li em{margin-left:.4rem}
.av-hl-src li b{color:var(--sk-text-3);font-weight:600}
.av-hl-src li em{font-style:normal;color:var(--sk-text-2)}
.av-hl-src li.av-own{color:var(--sk-text-2)}
.av-hl-src li.av-own b,.av-hl-src li.av-own em{color:var(--sk-ai)}
.av-hl-src.wait li{opacity:0}
.av-hl-out{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:.9rem 0 0;border-top:1px solid var(--sk-line)}
.av-hl-out div{padding:.65rem .7rem;border-right:1px solid var(--sk-line);transition:background .3s}
.av-hl-out div:last-child{border-right:0}
.av-hl-out dt{font:500 .6rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sk-text-4)}
.av-hl-out dd{margin:.25rem 0 0;font:700 .86rem/1.3 var(--sk-sans);color:var(--sk-text);overflow-wrap:anywhere}
.av-hl-out dd small{display:block;font:400 .66rem var(--sk-mono);color:var(--sk-text-4)}
.av-hl-out div.hit{background:rgba(235,104,52,.1)}
.av-hl-out.wait dd{opacity:.15}

/* ---------- 01: blanks that resolve ---------- */
.av-q{border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-ink);overflow:hidden}
.av-q-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--sk-line);font:400 .72rem var(--sk-mono);color:var(--sk-text-3)}
.av-q-mode span{padding:.15rem .45rem;border-radius:3px;background:var(--sk-ai);color:#fff}
.av-q[data-state="ans"] .av-q-m-all,.av-q[data-state="all"] .av-q-m-ans{display:none}
.av-q[data-state="ans"] .av-q-m-ans{background:#2b3a49;color:var(--sk-text-2)}
.av-q ul{margin:0;padding:0;list-style:none}
.av-q li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem 1rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--sk-line);transition:background .4s}
.av-q li:last-child{border-bottom:0}
.av-q li span{font-size:.95rem;color:var(--sk-text)}
.av-q li b{grid-row:span 2;align-self:center;min-width:4.5rem;text-align:right;font:800 1.55rem/1 var(--sk-disp);color:var(--sk-text)}
.av-q li b small{font:400 .72rem var(--sk-mono);color:var(--sk-text-4)}
.av-q li em{font-style:normal;font:400 .7rem var(--sk-mono);color:var(--sk-text-4)}
.av-q li.av-q-x b{color:var(--sk-ai)}
.av-q li.av-q-apart b{color:var(--sk-text-3)}
.av-q li.av-q-apart{background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.025) 8px 16px)}
.av-q[data-state="ans"] li.av-q-x b{color:#3e5468}
.av-q[data-state="ans"] li.av-q-x span,.av-q[data-state="ans"] li.av-q-x em{opacity:.45}
.av-q[data-state="all"] li.av-q-x{background:rgba(235,104,52,.05)}
.av-q li.av-q-never b{color:var(--sk-text-4)}
.av-q li.av-q-never span{color:var(--sk-text-3)}

/* ---------- 02: radar ---------- */
.av-rd svg{display:block;width:100%;max-width:30rem;margin:0 auto;height:auto;overflow:visible}
.av-rd-grid polygon,.av-rd-grid line{fill:none;stroke:#c9bea9;stroke-width:1}
.av-rd-ax text{font:600 12px var(--sk-mono);fill:var(--sk-paper-ink-2)}
.av-rd-you{fill:rgba(235,104,52,.28);stroke:var(--sk-ai-deep);stroke-width:2.5;stroke-linejoin:round}
.av-rd-them{fill:rgba(42,120,214,.18);stroke:var(--sk-people);stroke-width:2;stroke-dasharray:5 4;stroke-linejoin:round}
.av-rd-tab{width:100%;margin:1rem 0 0;border-collapse:collapse;font:400 .8rem var(--sk-mono)}
.av-rd-tab th,.av-rd-tab td{padding:.45rem .5rem;border-bottom:1px solid var(--sk-paper-line);text-align:right}
.av-rd-tab thead th{font-size:.66rem;letter-spacing:.04em;color:#4a5866;font-weight:500}
.av-rd-tab tbody th{text-align:left;font-weight:600}
.av-rd-r-you th{color:var(--sk-ai-deep)}
.av-rd-r-them th{color:var(--sk-people)}
.av-rd-say{margin:1.25rem 0 .75rem;font-size:1.08rem;line-height:1.55;font-weight:600}

/* ---------- 03: map of markets ---------- */
.av-map{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:2rem;align-items:start;padding:1.5rem;border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-ink-2)}
.av-map-art{position:relative}
.av-map-art svg{display:block;width:100%;height:auto}
.av-map-land{fill:url(#av-dots)}
#av-dots circle{fill:#3d5469}
.av-map-pins{position:absolute;inset:0}
.av-pin{position:absolute;left:var(--x);top:var(--y);width:1.5rem;height:1.5rem;margin:-.75rem 0 0 -.75rem;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.av-pin::before{content:'';position:absolute;left:50%;top:50%;width:.7rem;height:.7rem;margin:-.35rem 0 0 -.35rem;border-radius:50%;background:var(--sk-ai);box-shadow:0 0 0 2px var(--sk-ink-2);transition:transform .2s,background .2s}
.av-pin span{position:absolute;left:50%;bottom:1.35rem;transform:translateX(-50%);padding:.15rem .45rem;border-radius:3px;background:var(--sk-text);color:var(--sk-ink);font:600 .68rem var(--sk-mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.av-pin[aria-pressed="true"]{z-index:2}
.av-pin[aria-pressed="true"]::before{background:#fff;transform:scale(1.25);box-shadow:0 0 0 3px var(--sk-ai),0 0 0 7px rgba(235,104,52,.25)}
.av-pin[aria-pressed="true"] span,.av-pin:hover span,.av-pin:focus-visible span{opacity:1}
.av-pin.drop::before{animation:avDrop .5s cubic-bezier(.3,1.5,.5,1) both}
@keyframes avDrop{from{transform:translateY(-26px);opacity:0}60%{transform:translateY(2px);opacity:1}to{transform:none}}
.av-map-n{margin:0;font:500 .78rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sk-text-3)}
.av-map-n b{font:800 2.2rem/1 var(--sk-disp);color:var(--sk-text);letter-spacing:0;margin-right:.3rem}
.av-map-slots{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:.8rem 0 1rem}
.av-map-slots i{height:.55rem;border-radius:2px;background:#2b3a49;transition:background .3s}
.av-map-slots i.on{background:var(--sk-ai)}
.av-map-slots.full i{background:var(--sk-bots)}
.av-map-btns{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.av-map-add{padding:.6rem 1rem;font-size:.9rem}
.av-map-reset{padding:0;border:0;background:none;color:var(--sk-text-3);font:500 .78rem var(--sk-mono);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.av-map-err{min-height:1.2em;margin:.8rem 0 0;font:500 .82rem/1.45 var(--sk-mono);color:var(--sk-bots)}
.av-map-err:empty{display:none}
.av-map-card{margin-top:1rem;padding:1rem 1.1rem;border-left:3px solid var(--sk-ai);background:var(--sk-ink);border-radius:0 6px 6px 0}
.av-map-card h3{margin:0 0 .5rem;font:700 1rem var(--sk-sans)}
.av-map-card p{margin:.35rem 0 0;font-size:.9rem;line-height:1.5;color:var(--sk-text-2)}
.av-map-card b{color:var(--sk-text)}
.av-map-try{margin:1rem 0 0}

/* ---------- 04: the set-up checklist ---------- */
.av-ck-steps{display:flex;flex-wrap:wrap;gap:.4rem}
.av-ck-steps button{position:relative;overflow:hidden;padding:.55rem .85rem;border:1px solid var(--sk-line-2);border-radius:4px;background:var(--sk-ink);color:var(--sk-text-2);font:600 .85rem var(--sk-sans);cursor:pointer}
.av-ck-steps button[aria-checked="true"]{background:var(--sk-text);border-color:var(--sk-text);color:var(--sk-ink)}
.av-ck{padding:1.5rem;border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-ink)}
.av-ck ol{margin:0;padding:0;list-style:none}
.av-ck li{display:flex;gap:1rem;padding:.9rem 0;border-bottom:1px dashed var(--sk-line);opacity:.5;transition:opacity .35s}
.av-ck li:last-child{border-bottom:0}
.av-ck li i{position:relative;flex:none;width:1.6rem;height:1.6rem;border:2px solid var(--sk-line-2);border-radius:5px;transition:border-color .3s,background .3s}
.av-ck li i::after{content:'';position:absolute;left:.42rem;top:.12rem;width:.42rem;height:.8rem;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.av-ck li b{display:block;font-size:1rem}
.av-ck li span{display:block;margin-top:.15rem;font-size:.86rem;line-height:1.5;color:var(--sk-text-3)}
.av-ck[data-state="s1"] li:nth-child(-n+1),.av-ck[data-state="s2"] li:nth-child(-n+2),.av-ck[data-state="s3"] li:nth-child(-n+3),.av-ck[data-state="s4"] li{opacity:1}
.av-ck[data-state="s1"] li:nth-child(-n+1) i,.av-ck[data-state="s2"] li:nth-child(-n+2) i,.av-ck[data-state="s3"] li:nth-child(-n+3) i,.av-ck[data-state="s4"] li i{border-color:var(--sk-search);background:var(--sk-search)}
.av-ck[data-state="s1"] li:nth-child(-n+1) i::after,.av-ck[data-state="s2"] li:nth-child(-n+2) i::after,.av-ck[data-state="s3"] li:nth-child(-n+3) i::after,.av-ck[data-state="s4"] li i::after{transform:rotate(45deg) scale(1)}
.av-ck-meter{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--sk-line-2)}
.av-ck-meter span{display:block;font:400 .68rem var(--sk-mono);letter-spacing:.04em;color:var(--sk-text-4)}
.av-ck-meter b{display:block;margin-top:.2rem;font:800 2.2rem/1 var(--sk-disp);color:var(--sk-text-3);transition:color .3s}
.av-ck[data-state="s4"] .av-ck-meter b{color:var(--sk-ai)}
.av-ck-meter p{grid-column:1/-1;margin:0;font-size:.92rem;line-height:1.5;color:var(--sk-text-2)}

/* ---------- 05: the trend line ---------- */
.av-tr{position:relative;padding:1.5rem 1.5rem 1.2rem 3.4rem;border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-ink-2)}
.av-tr-top{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.5rem;margin-bottom:1rem}
.av-tr-top label{font:600 1rem var(--sk-sans)}
.av-tr-top label b{color:var(--sk-ai);font-size:1.2rem}
.av-tr-top label span{font:400 .8rem var(--sk-mono);color:var(--sk-text-3)}
.av-tr-top input{flex:1 1 14rem;accent-color:var(--sk-ai);height:1.5rem}
.av-tr-chart{display:block;width:100%;height:15rem}
.av-tr-grid line{stroke:var(--sk-line);stroke-width:1;vector-effect:non-scaling-stroke}
.av-tr-gap{fill:rgba(237,161,0,.08);stroke:var(--sk-bots);stroke-dasharray:4 4;stroke-width:1;vector-effect:non-scaling-stroke}
.av-tr-chart polyline{fill:none;stroke:var(--c);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.av-tr-chart circle{fill:var(--c);stroke:var(--sk-ink-2);stroke-width:2;vector-effect:non-scaling-stroke}
.av-tr-cur{stroke:var(--sk-text);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.av-tr-axis{position:absolute;left:.8rem;top:4.6rem;height:15rem;display:flex;flex-direction:column;justify-content:space-between;padding:.4rem 0 .9rem;font:400 .66rem var(--sk-mono);color:var(--sk-text-4)}
.av-tr-read{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem 1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--sk-line)}
.av-tr-read p{margin:0;font-size:.9rem;color:var(--sk-text-2)}
.av-tr-read b{color:var(--sk-text)}
.av-tr-read .av-tr-wh{grid-column:1/-1;color:var(--sk-bots);font:500 .88rem var(--sk-mono)}
.av-sw{display:inline-block;width:.7rem;height:.7rem;margin-right:.45rem;border-radius:2px;background:var(--c)}
.av-tr .av-tr-draw{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s cubic-bezier(.3,.7,.3,1)}
.av-tr.in-view .av-tr-draw{clip-path:inset(0 0 0 0)}

@media (max-width:980px){
  .av-map{grid-template-columns:minmax(0,1fr)}
  .av-hl-out{grid-template-columns:repeat(3,minmax(0,1fr))}
  .av-hl-out div:nth-child(3){border-right:0}
  .av-hl-out div:nth-child(n+4){border-top:1px solid var(--sk-line)}
}
@media (max-width:640px){
  .av-hl-out{grid-template-columns:repeat(2,minmax(0,1fr))}
  .av-hl-out div{border-right:1px solid var(--sk-line)!important;border-top:1px solid var(--sk-line)}
  .av-hl-out div:nth-child(2n){border-right:0!important}
  .av-hl-out div:nth-child(-n+2){border-top:0}
  .av-tr{padding:1.1rem 1rem 1rem 2.6rem}
  .av-tr-axis{left:.4rem}
  .av-tr-read{grid-template-columns:repeat(2,minmax(0,1fr))}
  .av-map{padding:1rem}
  .av-q li b{font-size:1.3rem;min-width:3.4rem}
  .av-rd-tab{font-size:.72rem}
  .av-rd-tab th,.av-rd-tab td{padding:.4rem .3rem}
}
@media (prefers-reduced-motion:reduce){
  .av-tr .av-tr-draw{clip-path:none;transition:none}
  .av-pin.drop::before{animation:none}
}