/* /ai-traffic-analytics/chatgpt-traffic/ only: the tally clickers, the tear-off tickets,
   the site tree trail, the iceberg and the calendar heat map. */
.cg-tc,.cg-tk,.cg-tkd{--tr:#eb6834;--ix:#a98bf0;--lv:#39c2c9}

/* ---------- hero: three tally clickers ---------- */
.cg-tc{border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-deep);overflow:hidden;font:400 .8rem/1.5 var(--sk-mono)}
.cg-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;border-bottom:1px solid var(--sk-line);color:var(--sk-text-3);font-size:.7rem;letter-spacing:.04em}
.cg-btn{flex:none;padding:.25rem .55rem;border:1px solid var(--sk-line-2);border-radius:3px;background:none;color:var(--sk-text-2);font:500 .68rem var(--sk-mono);cursor:pointer}
.cg-line{margin:0;padding:.8rem .9rem 0;min-height:2.4em;color:var(--sk-text);overflow-wrap:anywhere}
.cg-line i{font-style:normal;color:var(--sk-text-4);margin-right:.4rem}
.cg-line.enter{animation:cgIn .4s ease-out both}
@keyframes cgIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.cg-why{margin:.3rem 0 0;padding:0 .9rem .9rem;min-height:3em;border-bottom:1px dashed var(--sk-line);color:var(--sk-text-2);font:400 .8rem/1.5 var(--sk-sans)}
.cg-clk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:1.4rem .9rem 1rem}
.cg-c{--c:var(--tr);position:relative;padding:1.1rem .6rem .75rem;border-radius:1.4rem 1.4rem .6rem .6rem;background:linear-gradient(180deg,#2a3744,#151e27);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 14px rgba(0,0,0,.35);text-align:center}
.c-live{--c:var(--lv)}.c-ppl{--c:var(--sk-people)}
.cg-c-top{position:absolute;top:-.55rem;left:50%;width:2.2rem;height:.8rem;margin-left:-1.1rem;border-radius:.4rem .4rem .15rem .15rem;background:var(--c);box-shadow:0 2px 0 rgba(0,0,0,.4);transition:transform .12s}
.cg-c.click .cg-c-top{transform:translateY(.28rem)}
.cg-c-win{display:inline-block;margin:0;padding:.2rem .45rem;border-radius:4px;background:#05090d;box-shadow:inset 0 0 0 1px #33475a;font:700 1.35rem/1.2 var(--sk-mono);letter-spacing:.12em;color:#f4f6f8}
.cg-c.click .cg-c-win{animation:cgPop .35s ease-out}
@keyframes cgPop{40%{color:var(--c);transform:scale(1.08)}}
.cg-c-k{margin:.6rem 0 0;font:700 .82rem var(--sk-sans);color:var(--sk-text)}
.cg-c-s{margin:.15rem 0 0;font-size:.62rem;line-height:1.35;color:var(--sk-text-3)}
.cg-c::after{content:'';position:absolute;left:.8rem;right:.8rem;bottom:.3rem;height:3px;border-radius:2px;background:var(--c);opacity:.6}
.cg-add{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;padding:.75rem .9rem .9rem;border-top:1px solid var(--sk-line)}
.cg-add-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border:1px dashed #4a5d70;border-radius:4px;background:none;color:var(--sk-text-3);font:600 .74rem var(--sk-mono);cursor:not-allowed}
.cg-add-btn.shake{animation:cgShake .4s}
@keyframes cgShake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
.cg-add-why{flex:1 1 14rem;margin:0;color:var(--sk-text-3);font:400 .74rem/1.45 var(--sk-sans)}
.cg-add-why.on{color:var(--sk-text)}

/* ---------- 01: tear-off tickets ---------- */
.cg-tk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}
.cg-ticket{--c:var(--tr);position:relative;display:grid;grid-template-columns:minmax(0,1fr) 4.2rem;padding:0;border:0;background:none;color:var(--sk-paper-ink);text-align:left;cursor:pointer;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.cg-ticket.t-index{--c:var(--ix)}.cg-ticket.t-live{--c:var(--lv)}
.cg-tk-main{display:flex;flex-direction:column;gap:.3rem;padding:1.1rem 1.1rem 1.15rem;border-radius:6px 0 0 6px;background:var(--sk-paper);border-left:6px solid var(--c)}
.cg-tk-main small{font:600 .62rem var(--sk-mono);letter-spacing:.12em;text-transform:uppercase;color:#6b7785}
.cg-tk-main b{font:800 1.35rem/1.1 var(--sk-mono);overflow-wrap:anywhere}
.cg-tk-main span{font-size:.86rem;color:var(--sk-paper-ink-2)}
.cg-tk-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0 6px 6px 0;background:var(--c);color:var(--sk-ink);font:800 1.15rem var(--sk-mono);border-left:2px dashed rgba(15,22,29,.55);transform-origin:0 0;transition:transform .55s cubic-bezier(.4,1.6,.5,1),opacity .4s}
.cg-tk-stub i{font:500 .6rem var(--sk-mono);font-style:normal}
.cg-ticket[aria-checked="true"] .cg-tk-stub{transform:translate(.6rem,1.6rem) rotate(18deg);opacity:.0}
.cg-ticket[aria-checked="true"] .cg-tk-main{box-shadow:0 0 0 2px var(--sk-text)}
.cg-ticket:focus-visible{outline:2px solid #fff;outline-offset:4px}
.cg-tkd{padding:1.2rem 1.4rem;border:1px solid var(--sk-line-2);border-radius:6px;background:var(--sk-ink)}
.cg-tkd dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin:0}
.cg-tkd dt{font:500 .64rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-text-4)}
.cg-tkd dd{margin:.35rem 0 0;color:var(--sk-text-2);font-size:.9rem;line-height:1.5}
.cg-tkd dl[hidden]{display:none}
.cg-tkd dl:not([hidden]){animation:cgIn .4s ease-out}
.cg-no{color:var(--sk-bots)}.cg-yes{color:var(--sk-search)}

/* ---------- 02: the site tree trail ---------- */
.cg-visits{display:flex;flex-wrap:wrap;gap:.45rem}
.cg-visits button{position:relative;overflow:hidden;padding:.55rem .85rem;border:1px solid var(--sk-paper-line);border-radius:4px;background:#fff;color:var(--sk-paper-ink);font:600 .84rem var(--sk-mono);cursor:pointer}
.cg-visits button i{font-style:normal;color:#6b7785;margin-right:.3rem}
.cg-visits button[aria-checked="true"]{background:var(--sk-paper-ink);border-color:var(--sk-paper-ink);color:#fff}
.cg-visits button[aria-checked="true"] i{color:#f4b393}
.cg-trw{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem;align-items:start}
.cg-tr{padding:1.1rem 1.2rem;border-radius:8px;background:var(--sk-ink);color:var(--sk-text-3);font:400 .84rem/1 var(--sk-mono)}
.cg-tr-k{margin:0 0 .7rem;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sk-text-4)}
.cg-tr ul{margin:0;padding:0 0 0 1.15rem;list-style:none}
.cg-tr > ul{padding:0}
.cg-tr li{position:relative;padding:.32rem 0 0}
.cg-tr li li::before{content:'';position:absolute;left:-.85rem;top:0;bottom:0;width:1px;background:#33475a}
.cg-tr li li:last-child::before{bottom:auto;height:.85rem}
.cg-tr li li::after{content:'';position:absolute;left:-.85rem;top:.85rem;width:.6rem;height:1px;background:#33475a}
.cg-tr li > span{display:inline-block;padding:.22rem .45rem;border-radius:3px;transition:background .35s,color .35s,box-shadow .35s}
.cg-tr li.lit > span{background:rgba(57,194,201,.18);color:#e6fbfc;box-shadow:inset 0 0 0 1px var(--sk-lv,#39c2c9)}
.cg-tr li.land > span{box-shadow:0 0 0 2px var(--sk-ai),inset 0 0 0 1px #39c2c9}
.cg-tr li.out > span{color:var(--sk-text-4);box-shadow:inset 0 0 0 1px dashed #4a5d70;text-decoration:line-through}
.cg-tr li.lit-branch::before,.cg-tr li.lit-branch::after{background:#39c2c9}
.cg-m{display:none;margin-left:.45rem;padding:.12rem .35rem;border-radius:999px;background:#39c2c9;color:var(--sk-ink);font:700 .62rem var(--sk-mono)}
.cg-tr li.lit > .cg-m,.cg-tr li.out > .cg-m{display:inline-block}
.cg-tr li.out > .cg-m{background:#4a5d70;color:var(--sk-text-2)}
.cg-tr li.pop > span{animation:cgLit .5s ease-out}
@keyframes cgLit{0%{transform:scale(.9);background:rgba(57,194,201,.6)}100%{transform:none}}
.cg-tr-say{padding:1.2rem 1.3rem;border:1px solid var(--sk-paper-line);border-radius:8px;background:#fff}
.cg-tr-h{margin:0 0 .8rem;font:700 1.05rem var(--sk-sans);color:var(--sk-paper-ink)}
.cg-tr-list{margin:0;padding:0;list-style:none;counter-reset:n}
.cg-tr-list li{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.42rem 0;border-top:1px solid #e6e0d4;font:400 .82rem var(--sk-mono);color:var(--sk-paper-ink)}
.cg-tr-list li i{flex:none;width:4.6rem;font-style:normal;color:#6b7785}
.cg-tr-list li.more{color:#6b7785}
.cg-tr-why{margin:.9rem 0 0;color:var(--sk-paper-ink-2);font-size:.92rem;line-height:1.55}

/* ---------- 03: the iceberg ---------- */
.cg-ice{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--sk-line-2);background:linear-gradient(180deg,#1b2a38,#0f161d 48%)}
.cg-sky{position:relative;height:9.5rem}
.cg-sky::before{content:'';position:absolute;bottom:0;left:30%;width:9rem;height:6.2rem;margin-left:-4.5rem;background:linear-gradient(160deg,#f4f8fb,#b9cad8);clip-path:polygon(18% 100%,32% 38%,46% 52%,60% 0,76% 44%,86% 30%,100% 100%)}
.cg-tip{position:absolute;z-index:1;left:calc(30% + 5.2rem);right:.8rem;bottom:.8rem;margin:0;color:#f4f6f8;font:600 .8rem/1.3 var(--sk-sans)}
.cg-tip b{display:block;font:800 1.9rem/1 var(--sk-disp)}
.cg-tip small{display:block;margin-top:.2rem;font:500 .62rem var(--sk-mono);color:#9fb3c6}
.cg-wl{position:relative;z-index:2;margin:0;height:0;border-top:2px solid #6aa5ee}
.cg-wl span{position:absolute;right:.6rem;top:.3rem;font:500 .62rem var(--sk-mono);color:#9ec3f0}
.cg-sea{position:relative;min-height:15rem;padding:1.6rem 1rem 1rem;background:linear-gradient(180deg,rgba(42,120,214,.28),rgba(15,22,29,.9));transition:background .6s}
.cg-berg{position:absolute;top:0;left:30%;width:15rem;height:9rem;margin-left:-7.5rem;background:linear-gradient(180deg,rgba(185,202,216,.4),rgba(185,202,216,.06));clip-path:polygon(18% 0,82% 0,100% 40%,84% 82%,52% 100%,14% 78%,0 36%);filter:blur(2px);opacity:.25;transition:opacity .7s,filter .7s}
.cg-under,.cg-deep{position:relative;margin:0 0 0 auto;max-width:15.5rem;text-align:left;color:#dbe8f5;font:600 .8rem/1.35 var(--sk-sans);opacity:.12;filter:blur(3px);transition:opacity .7s,filter .7s}
.cg-under b,.cg-deep b{display:block;font:800 1.7rem/1 var(--sk-disp);color:#fff}
.cg-under small,.cg-deep small{display:block;margin-top:.25rem;font:400 .64rem/1.4 var(--sk-mono);color:#9fb3c6}
.cg-under{padding:.6rem .8rem;border:1px dashed rgba(235,104,52,.0);border-radius:6px}
.cg-deep{margin-top:2.2rem}
.cg-ice[data-state="on"] .cg-berg{opacity:1;filter:none}
.cg-ice[data-state="on"] .cg-under,.cg-ice[data-state="on"] .cg-deep{opacity:1;filter:none}
.cg-ice[data-state="on"] .cg-under{border-color:rgba(235,104,52,.8);background:rgba(15,22,29,.55)}
.cg-ice[data-state="on"] .cg-deep{transition-delay:.25s}
.cg-sum{margin:0;padding:.75rem 1rem;border-top:1px solid var(--sk-line);background:var(--sk-ink);color:var(--sk-text-2);font:500 .8rem var(--sk-mono)}
.cg-sum b{color:var(--sk-text)}
.cg-sw{border:1px solid transparent}
.cg-sw[aria-checked="true"]{background:var(--sk-text);color:var(--sk-ink)}
html:not(.js) .cg-under,html:not(.js) .cg-deep,html:not(.js) .cg-berg{opacity:1;filter:none}

/* ---------- 04: the calendar heat map ---------- */
.cg-calw{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.5rem;align-items:start}
.cg-cal{position:relative;padding:1.1rem 1.2rem 1.2rem 1.2rem;border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-ink)}
.cg-cal-k{margin:0 0 .8rem;font:500 .7rem var(--sk-mono);color:var(--sk-text-3)}
.cg-cal-grid{display:grid;grid-template-columns:7.2rem repeat(7,minmax(0,2.7rem));gap:.3rem;align-items:center}
.cg-rl{font:500 .64rem/1.2 var(--sk-mono);color:var(--sk-text-4)}
.cg-rl.last{color:var(--sk-ai)}
.cg-d{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:3px;background:#17222c;font:600 .62rem var(--sk-mono);color:transparent;transition:background .35s,color .35s,transform .35s}
.cg-d.h{color:var(--sk-ink)}
.cg-d.h1{background:#7a3b22}.cg-d.h2{background:#b4552d}.cg-d.h3{background:var(--sk-ai)}.cg-d.h4{background:#ff9a6b}
.cg-d.out{background:transparent;box-shadow:inset 0 0 0 1px #24323f}
.cg-d.gap{background:repeating-linear-gradient(135deg,#2c3c4c 0 3px,#17222c 3px 6px)}
.cg-d.today{box-shadow:0 0 0 2px var(--sk-text)}
.cg-d.wd{aspect-ratio:auto;height:1.3rem;background:none;color:var(--sk-text-4);font-weight:500}
.cg-d.fill{animation:cgFill .4s ease-out both}
@keyframes cgFill{from{transform:scale(.4);opacity:.2}to{transform:none;opacity:1}}
.cg-cal-row-last{outline:1px dashed var(--sk-ai)}
.cg-alert{padding:1.2rem 1.3rem;border:1px solid var(--sk-line-2);border-left:4px solid var(--sk-ai);border-radius:6px;background:var(--sk-ink-3,#1b2631)}
.cg-alert.none{border-left-color:#4a5d70}
.cg-alert-s{margin:0;font:600 .66rem var(--sk-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sk-ai)}
.cg-alert.none .cg-alert-s{color:var(--sk-text-3)}
.cg-alert h3{margin:.5rem 0 .55rem;font:700 1.2rem/1.25 var(--sk-sans);color:var(--sk-text)}
.cg-alert p{color:var(--sk-text-2);font-size:.9rem;line-height:1.55}
.cg-alert-r{margin:.8rem 0 0;padding-top:.7rem;border-top:1px solid var(--sk-line);font:400 .76rem/1.5 var(--sk-mono) !important;color:var(--sk-text-3) !important}
.cg-alert.flash{animation:cgIn .4s ease-out}

@media (max-width:1060px){
  .cg-tk{grid-template-columns:minmax(0,1fr)}
  .cg-tkd dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cg-trw,.cg-calw{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .cg-clk{gap:.45rem;padding:1.3rem .6rem .9rem}
  .cg-c{padding:1rem .35rem .7rem}
  .cg-c-win{font-size:1rem;letter-spacing:.06em;padding:.15rem .3rem}
  .cg-c-s{font-size:.56rem}
  .cg-tkd dl{grid-template-columns:minmax(0,1fr)}
  .cg-tr{padding:.9rem .7rem;font-size:.76rem}
  .cg-tr ul{padding-left:.9rem}
  .cg-cal{padding:.9rem .7rem}
  .cg-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
  .cg-tip{left:calc(30% + 4.8rem)}
  .cg-berg{width:11rem;margin-left:-5.5rem}
  .cg-rl{display:none}
}
@media (prefers-reduced-motion:reduce){
  .cg-line.enter,.cg-c.click .cg-c-win,.cg-add-btn.shake,.cg-tr li.pop > span,.cg-d.fill,.cg-alert.flash,.cg-tkd dl:not([hidden]){animation:none}
  .cg-tk-stub,.cg-berg,.cg-under,.cg-deep,.cg-d,.cg-tr li > span{transition:none}
}