/* ═══════════════════════════════════════════════════════════════════
   LLM OPTIMIZATION  (GEO)

   Loads on top of product-opt.css and collection-opt.css, which between them
   carry the shared mock chrome: .po-sec, .po-two, .po-copy, .po-num, .po-do,
   .mk, .pox-row, .mk-tag, .mk-note, the .flow workflow, the .co-flow4 problem
   steps, .co-readers and .faq. Only what is new to this page is here, so the
   eight deep dives cannot drift apart visually.

   WHAT THIS PAGE DRAWS. An answer. The argument is that an assistant names a
   few stores, each with a reason, so the component everything is built from is
   a reply with its reason marked and its sources underneath.

   THE PREFIX IS geo-, not lm-. product-opt.css already owns .lm-q, .lm-a and
   .lm-cite for its own small LLM mock, and it loads on this page. Every class
   here is prefixed, modifiers included, after a bare .stack on the YouTube page
   inherited a rotating 3D card from that same file.

   PARAGRAPHS INSIDE A MOCK carry a .mk prefix. product-opt.css sets
   .pox-row p{font-size:14px;line-height:1.6}, which outranks a single class.

   Nothing below 10px anywhere. Accent: the service's own green (#3ADFA5 in
   inc/services.php). It is too light for text on white, so --geo-ink carries
   the readable version.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --geo:#3ADFA5;
  --geo-soft:rgba(58,223,165,.13);
  --geo-line:rgba(10,150,105,.30);
  --geo-ink:#0A7A56;
  --geo-bad:#C2453F;
  --geo-amber:#8A6412;
}

.geo-hero .po-h1 .grad-text{display:inline;margin-top:0}
.geo-hero::before{
  background:
    radial-gradient(820px 420px at 8% -10%,rgba(124,108,255,.22),transparent 62%),
    radial-gradient(640px 400px at 96% 106%,rgba(58,223,165,.16),transparent 60%);
}

/* ══════════ SHARED SMALL PARTS ══════════ */
.geo-lab{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.geo-tag{background:var(--geo-soft);color:var(--geo-ink);border:1px solid var(--geo-line)}
.geo-sum.mono{
  display:block;margin:12px 0 0;padding-top:11px;border-top:1px dashed var(--line);
  font-size:11px;color:var(--ink-3);
}
.geo-n{
  font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;
  color:var(--geo-ink);background:var(--geo-soft);border:1px solid var(--geo-line);border-radius:6px;
  height:20px;min-width:26px;display:grid;place-items:center;flex:none;
}
.geo-chip{
  display:inline-flex;align-items:center;font-size:10.5px;padding:3px 9px;border-radius:99px;
  background:var(--paper-3);border:1px solid var(--line-2);color:var(--ink-3);
}
.geo-chip.geo-on{background:var(--geo-soft);border-color:var(--geo-line);color:var(--geo-ink);font-weight:600}
.geo-picked{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px}
.geo-picked .geo-lab{margin-right:2px}
.geo-mark{background:rgba(58,223,165,.22);color:var(--ink);border-radius:3px;padding:0 2px;font-weight:600}
.geo-svc-link{
  display:inline-flex;align-items:center;gap:7px;margin-top:18px;
  font-size:13px;font-weight:600;color:var(--geo-ink);
  border-bottom:1px solid var(--geo-line);padding-bottom:2px;
  transition:border-color .18s ease,gap .18s ease;
}
.geo-svc-link:hover{border-bottom-color:var(--geo-ink);gap:10px}
.geo-surf .geo-svc-link{margin-top:12px;font-size:12px}
.geo-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.geo-links a{
  font-size:12px;font-weight:600;color:var(--geo-ink);padding:5px 12px;border-radius:99px;
  background:var(--geo-soft);border:1px solid var(--geo-line);transition:background .18s ease;
}
.geo-links a:hover{background:rgba(58,223,165,.24)}
.geo-fold{display:block;margin:10px 0 2px;border-bottom:1px dashed var(--line)}

/* ══════════ HERO STAGE ══════════
   The answer reads straight through as one reply. The first version put an
   uppercase pill above each part of it, which cut one paragraph into fragments
   that read like a form. Now the parts that matter carry a highlighter stroke
   and a small number, and the legend underneath carries the same numbers, one
   full-width row each instead of three 169px cards of 12px text. */
.geo-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.geo-chat{
  background:#fff;border:1px solid var(--line-2);border-radius:18px;padding:20px 20px 16px;
  box-shadow:0 1px 2px rgba(16,20,40,.04),0 22px 48px -30px rgba(16,20,40,.45);
}
.geo-ask{display:flex;justify-content:flex-end;margin-bottom:16px}
.geo-ask-b{
  display:inline-block;max-width:86%;font-size:13.5px;line-height:1.45;color:var(--ink);
  background:var(--paper-3);border-radius:16px 16px 4px 16px;padding:9px 14px;
}
.geo-reply{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
.geo-spark{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:linear-gradient(150deg,var(--violet),#2FBF8C);
}
.geo-spark svg{width:14px;height:14px;display:block}
.geo-reply-body{min-width:0}
.geo-reply-p{font-size:14.5px;line-height:1.7;color:var(--ink-2);margin:0}
.geo-reply-p b{color:var(--ink);font-weight:600}
.geo-hl{
  color:var(--ink);padding:0 1px;
  background:linear-gradient(transparent 60%,rgba(58,223,165,.34) 60%);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
.geo-num{
  display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;
  background:var(--geo-ink);color:#fff;font-style:normal;
  font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;line-height:1;
  vertical-align:2px;margin-left:4px;
}
.geo-srcs-head{display:flex;align-items:center;margin:18px 0 8px}
.geo-srcs-head .geo-lab{display:inline;letter-spacing:.1em}
.geo-srcs{display:flex;flex-direction:column;gap:6px}
.geo-src{
  display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2);
  background:#F5F7FB;border:1px solid var(--line-2);border-radius:10px;padding:8px 11px;
}
/* Sources get a plain square bullet, not a number: the numbers on this card
   belong to the three markers and the legend, and a second 1-2-3 on the same
   card made "1" mean two different things. */
.geo-src::before{content:'';width:8px;height:8px;border-radius:2px;flex:none;background:#C9D0E0}
.geo-src.geo-yours{background:var(--geo-soft);border-color:var(--geo-line);color:var(--ink);font-weight:500}
.geo-src.geo-yours::before{background:var(--geo-ink)}
.geo-stage-note{
  margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line-2);font-size:10.5px;color:var(--ink-3);
}
.geo-stage-note a{color:var(--geo-ink);text-decoration:underline;text-decoration-color:var(--geo-line);text-underline-offset:3px}

.geo-legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.geo-legend-list li{
  display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;
  padding:12px 2px;border-top:1px solid rgba(255,255,255,.08);
}
.geo-legend-list li:first-child{border-top:0;padding-top:0}
.geo-legend-list .geo-num{
  width:24px;height:24px;font-size:11px;margin:0;vertical-align:0;
  background:rgba(58,223,165,.16);color:#8FF0CB;border:1px solid rgba(58,223,165,.4);
}
.geo-legend-list p{margin:0;font-size:13.5px;line-height:1.55;color:var(--night-ink-2)}
.geo-legend-list p b{color:#fff;font-weight:600}

.geo-index{padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.geo-index .geo-lab{color:var(--night-ink-2);margin-bottom:10px}
.geo-index-chips{display:flex;flex-wrap:wrap;gap:6px}
.geo-index-chips a{
  display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--night-ink-2);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:99px;padding:4px 11px 4px 5px;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.geo-index-chips a b{
  font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;color:#8FF0CB;
  background:rgba(58,223,165,.18);border-radius:99px;padding:2px 6px;
}
.geo-index-chips a:hover{background:rgba(58,223,165,.14);border-color:var(--geo-line);color:#fff}

/* ══════════ WORKFLOW EXAMPLES ══════════ */
.flow-stages .fstage{display:flex;flex-direction:column}
.fstage .fs-d{margin-bottom:11px}
.geo-eg{margin-top:auto;padding-top:11px;border-top:1px dashed var(--line-2)}
.geo-eg-lab{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:7px}
.geo-eg-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.geo-eg-chip,.geo-eg-kw{font-size:10.5px;padding:4px 9px;border-radius:7px;line-height:1.3}
.geo-eg-chip{background:var(--paper-3);border:1px solid var(--line-2);color:var(--ink-2)}
.geo-eg-chip:first-child{font-family:'IBM Plex Mono',monospace}
.geo-eg-more{font-size:10px;color:var(--ink-3)}
.geo-eg-kw{background:var(--geo-soft);border:1px solid var(--geo-line);color:var(--geo-ink);font-weight:600}
.geo-eg-type{
  font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.04em;
  padding:3px 7px;border-radius:99px;background:#fff;border:1px solid var(--line-2);color:var(--ink-3);
}
.geo-eg-type.geo-open{background:rgba(232,178,58,.14);border-color:rgba(232,178,58,.4);color:var(--geo-amber)}
.geo-eg-type.geo-first{background:var(--geo-soft);border-color:var(--geo-line);color:var(--geo-ink)}

/* ══════════ THE THREE SURFACES ══════════ */
.geo-surf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.geo-surf{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:17px 16px 15px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,20,40,.04),0 16px 34px -22px rgba(16,20,40,.34);
}
.geo-surf::before{
  content:'';position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,var(--violet),var(--geo) 62%,rgba(58,223,165,0));
}
.geo-surf-head{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.geo-surf-n{
  width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;color:#fff;
  background:linear-gradient(150deg,var(--violet),#2FBF8C);
}
.geo-surf-head h3{font-size:14.5px;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin:0}
.geo-surf-flag{margin-left:auto;flex:none;font-size:10px;letter-spacing:.04em;color:var(--geo-ink);white-space:nowrap}
.geo-surf-flag::after{content:' \2713'}
.geo-surf-note{
  font-size:11.5px;line-height:1.5;color:var(--ink-3);
  margin:13px 0 0;padding-top:12px;border-top:1px dashed var(--line-2);
}
.geo-surf .geo-surf-note{margin-top:auto}

.geo-mini-ask{
  align-self:flex-end;max-width:90%;font-size:11.5px;color:var(--ink);background:var(--paper-3);
  border-radius:12px 12px 4px 12px;padding:6px 10px;margin-bottom:8px;
}
.geo-mini-reply{
  font-size:11.5px;line-height:1.55;color:var(--ink-2);padding:9px 11px;border-radius:11px;
  background:var(--geo-soft);border:1px solid var(--geo-line);
}
.geo-mini-reply b{color:var(--ink);font-weight:600}

.geo-srclist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;counter-reset:geo-src}
.geo-srclist li{
  counter-increment:geo-src;display:grid;grid-template-columns:18px minmax(0,1fr);gap:1px 8px;
  padding:6px 9px;border-radius:9px;background:#F5F7FB;border:1px solid var(--line-2);
}
.geo-srclist li::before{
  content:counter(geo-src);grid-row:1 / span 2;align-self:center;
  width:18px;height:18px;border-radius:50%;display:grid;place-items:center;
  font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;
  background:#fff;border:1px solid var(--line);color:var(--ink-3);
}
.geo-srclist li.geo-yours{background:var(--geo-soft);border-color:var(--geo-line)}
.geo-srclist li.geo-yours::before{background:var(--geo-ink);border-color:var(--geo-ink);color:#fff}
.geo-srclist b{font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.3}
.geo-srclist em{font-style:normal;font-size:10px;color:var(--ink-3);min-width:0;overflow-wrap:anywhere}

.geo-echo-mini{display:flex;flex-direction:column;gap:5px}
.geo-echo-claim,.geo-echo-line{
  display:flex;flex-direction:column;gap:1px;font-size:11.5px;line-height:1.45;color:var(--ink-2);
  padding:6px 9px;border-radius:9px;
}
.geo-echo-claim{background:#F5F7FB;border:1px dashed var(--line)}
.geo-echo-line{background:var(--geo-soft);border:1px solid var(--geo-line);color:var(--ink)}
.geo-echo-claim em,.geo-echo-line em{font-style:normal;font-size:10px;color:var(--ink-3)}

/* ══════════ DEMAND ══════════ */
.geo-demand{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:940px;margin:0 auto}
.geo-stat{
  background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);
  padding:clamp(20px,2.6vw,28px);box-shadow:var(--shadow-sm);
}
.geo-stat b{
  display:block;font-family:Unbounded,Inter,sans-serif;font-size:clamp(40px,5vw,58px);
  font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--geo-ink);margin-bottom:14px;
}
.geo-stat p{font-size:14.5px;line-height:1.6;color:var(--ink-2);margin:0 0 12px}
.geo-stat cite{font-style:normal;font-size:12px;color:var(--ink-3);font-family:'IBM Plex Mono',monospace}
.geo-stat cite a{color:var(--geo-ink);text-decoration:underline;text-decoration-color:var(--geo-line);text-underline-offset:3px}
.geo-stat-note{grid-column:1 / -1;background:var(--night-2);border-radius:var(--r-lg);padding:clamp(18px,2.4vw,24px)}
.geo-stat-note .geo-lab{color:var(--night-ink-2);margin-bottom:9px}
.geo-stat-note p{font-size:15px;line-height:1.6;color:#fff;margin:0}

/* ══════════ THE PROBLEM ══════════ */
.geo-ask-vis{padding:12px 14px;display:flex;justify-content:flex-end}
.geo-ask-vis .geo-ask-b{font-size:11px;background:#fff;border:1px solid var(--line-2)}
.geo-pile-vis{display:flex;flex-wrap:wrap;gap:4px;padding:12px 14px}
.geo-pile-vis span{
  font-size:10px;padding:3px 7px;border-radius:6px;background:#fff;border:1px solid var(--line-2);color:var(--ink-3);
}
.geo-spec-vis{display:flex;flex-direction:column;gap:2px;padding:11px 14px}
.geo-spec-vis span{font-size:11px;color:var(--ink-2)}
.geo-spec-vis em{font-style:normal;font-size:10px;color:var(--geo-bad);margin-top:4px}

/* ══════════ 01 · CRAWLERS ══════════ */
.geo-robots{
  margin:0;padding:11px 13px;border-radius:10px;background:#0E1226;color:#C9D1EA;
  font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;
}
.geo-robots-hit{display:inline-block;background:rgba(194,69,63,.28);border-radius:4px;padding:0 4px;color:#FFD6D3}
.geo-bots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.geo-bots li{
  display:grid;grid-template-columns:16px minmax(0,150px) minmax(0,1fr) auto;gap:4px 10px;align-items:center;
  padding:8px 0;border-bottom:1px solid var(--line-2);
}
.geo-bots li:first-child{padding-top:0}
.geo-bots li:last-child{border-bottom:0}
.geo-bots li i{width:14px;height:14px;border-radius:50%;display:block}
.geo-bots li.geo-ok i{background:#E6F7F0;border:1px solid #C6EBDC;box-shadow:inset 0 0 0 3px var(--geo-ink)}
.geo-bots li.geo-no i{background:#FFE9EF;border:1px solid #FFD2DE;box-shadow:inset 0 0 0 3px var(--geo-bad)}
.geo-bot{font-size:11.5px;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.geo-bot-for{font-size:11.5px;color:var(--ink-3)}
.geo-bot-state{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--geo-ink)}
.geo-bots li.geo-no .geo-bot-state{color:var(--geo-bad);font-weight:600}
.geo-bots li.geo-no .geo-bot{color:var(--geo-bad)}

/* ══════════ 02 · QUESTIONS ══════════ */
.geo-topics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.geo-topics li{
  display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:4px 10px;align-items:start;
  padding:9px 0;border-bottom:1px solid var(--line-2);
}
.geo-topics li:first-child{padding-top:0}
.geo-topics li:last-child{border-bottom:0}
.geo-fmt{
  font-size:10px;text-align:center;border-radius:99px;padding:2px 0;
  background:#F4F5FA;border:1px solid var(--line-2);color:var(--ink-3);
}
.geo-topic b{display:block;font-size:12.5px;font-weight:500;color:var(--ink);line-height:1.4}
.geo-topic em{display:block;font-style:normal;font-size:11px;color:var(--ink-3);margin-top:1px}
.geo-topic u{text-decoration-color:var(--geo-line);text-underline-offset:2px;color:var(--geo-ink)}
.geo-state{font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:99px}
.geo-topics li.geo-covered .geo-state{background:var(--geo-soft);border:1px solid var(--geo-line);color:var(--geo-ink)}
.geo-topics li.geo-open .geo-state{background:rgba(232,178,58,.14);border:1px solid rgba(232,178,58,.4);color:var(--geo-amber);font-weight:600}
.geo-topics li.geo-covered .geo-topic b{color:var(--ink-3)}

/* ══════════ 03 · THE ANSWER FIRST ══════════ */
.geo-page{background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:12px 14px}
.geo-page-h{display:block;font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-bottom:6px}
.mk .geo-page-p{font-size:12.5px;line-height:1.6;color:var(--ink-2);margin:0}
.pox-row.bad .geo-page-p{color:var(--ink-3)}

/* ══════════ 04 · FACTS ══════════ */
.geo-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.geo-facts-col .geo-lab{margin-bottom:7px}
.geo-facts-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.geo-facts-col li{padding:6px 9px;border-radius:8px;background:#F5F7FB;border:1px solid var(--line-2)}
.geo-facts-col li b{display:block;font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.3}
.geo-facts-col li em{display:block;font-style:normal;font-size:10px;color:var(--ink-3)}
.mk .geo-brief{font-size:13px;line-height:1.75;color:var(--ink);margin:0}
.geo-filled,.geo-ph{border-radius:5px;padding:1px 6px;font-size:11.5px;white-space:nowrap}
.geo-filled{background:var(--geo-soft);border:1px solid var(--geo-line);color:var(--geo-ink);font-weight:600}
.geo-ph{background:rgba(232,178,58,.14);border:1px dashed rgba(232,178,58,.6);color:var(--geo-amber);font-weight:600;white-space:normal}
.geo-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.geo-legend .geo-filled,.geo-legend .geo-ph{font-size:10.5px;font-weight:500}

/* ══════════ 05 · WORDS ══════════ */
.mk .geo-flagged{
  font-size:13px;line-height:1.6;color:var(--ink-3);margin:0 0 11px;
  text-decoration:line-through;text-decoration-color:rgba(194,69,63,.55);
}
.geo-fixes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.geo-fixes li{
  display:inline-flex;align-items:center;gap:6px;font-size:11px;
  padding:3px 9px;border-radius:99px;background:#fff;border:1px solid var(--line-2);
}
.geo-fixes s{color:var(--geo-bad);text-decoration-color:var(--geo-bad)}
.geo-fixes span{color:var(--ink-3);font-size:10px}
.geo-fixes b{color:var(--geo-ink);font-weight:600}
.mk .geo-plain{font-size:13px;line-height:1.6;color:var(--ink);margin:0;font-weight:500}

/* ══════════ 06 · AUDIT ══════════ */
.geo-audit{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.geo-audit li{
  display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:4px 10px;align-items:center;
  padding:9px 0;border-bottom:1px solid var(--line-2);
}
.geo-audit li:first-child{padding-top:0}
.geo-audit li:last-child{border-bottom:0}
.geo-audit li i{width:12px;height:12px;border-radius:50%;display:block;background:#D7DCE8}
.geo-audit li.geo-a-done i{background:var(--geo-ink)}
.geo-audit li.geo-a-progress i{background:#E8B23A}
.geo-audit li.geo-a-ready i{background:var(--violet)}
.geo-audit-t b{display:block;font-size:12.5px;font-weight:500;color:var(--ink);line-height:1.35}
.geo-audit-t em{display:block;font-style:normal;font-size:10.5px;color:var(--ink-3);margin-top:1px}
.geo-mark-chip{
  font-size:10px;letter-spacing:.03em;padding:2px 8px;border-radius:99px;white-space:nowrap;
  background:#F4F5FA;border:1px solid var(--line-2);color:var(--ink-3);
}
.geo-audit li.geo-a-done .geo-mark-chip{background:var(--geo-soft);border-color:var(--geo-line);color:var(--geo-ink);font-weight:600}
.geo-audit li.geo-a-progress .geo-mark-chip{background:rgba(232,178,58,.14);border-color:rgba(232,178,58,.4);color:var(--geo-amber)}
.geo-audit li.geo-a-ready .geo-mark-chip{background:rgba(124,108,255,.1);border-color:rgba(124,108,255,.3);color:#5A45CF}
.geo-audit-foot{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.mk .geo-audit-foot p{font-size:12.5px;line-height:1.55;color:var(--ink-3);margin:6px 0 0}

/* ══════════ 07 · CATEGORY PAGES ══════════ */
.geo-cat{background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:12px}
.geo-cat-h{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:9px}
.geo-cat-filters{display:flex;gap:5px;margin-bottom:9px}
.geo-cat-filters i{display:block;height:18px;flex:1;border-radius:99px;background:#EEF0F6}
.geo-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.geo-cat-grid i{display:block;aspect-ratio:1/1;border-radius:7px;background:linear-gradient(150deg,#DDE2EC,#C4CBD9)}
.geo-cat-grid.geo-cat-grid-sm{margin-top:9px}
.geo-cat-grid.geo-cat-grid-sm i{aspect-ratio:4/3}
.geo-cat-block{padding:8px 10px;border-radius:9px;background:var(--geo-soft);border:1px solid var(--geo-line);margin-bottom:6px}
.geo-cat-block .geo-lab{color:var(--geo-ink);margin-bottom:3px}
.mk .geo-cat-block p{font-size:11.5px;line-height:1.5;color:var(--ink);margin:0}

/* ══════════ 08 · PROOF ══════════ */
.geo-claim{padding:11px 13px;border-radius:11px;background:#F5F7FB;border:1px dashed var(--line)}
.geo-claim b{display:block;font-size:13px;font-weight:600;color:var(--ink);line-height:1.45}
.geo-claim em{display:block;font-style:normal;font-size:10.5px;color:var(--ink-3);margin-top:3px}
.mk .geo-verdict{display:flex;align-items:baseline;gap:8px;margin:11px 0 0;font-size:12.5px;color:var(--ink-3)}
.geo-verdict .geo-lab{display:inline}
.mk .geo-verdict.geo-good{color:var(--geo-ink);font-weight:600}
.geo-echoes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.geo-echoes li{padding:9px 11px;border-radius:10px;background:var(--geo-soft);border:1px solid var(--geo-line)}
.geo-echo-q{display:block;font-size:12.5px;line-height:1.5;color:var(--ink)}
.geo-echoes em{display:block;font-style:normal;font-size:10.5px;color:var(--geo-ink);margin-top:3px}

/* ══════════ THE CLOSING TABLE ══════════ */
.geo-shift{
  max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:clamp(18px,2.6vw,28px);box-shadow:var(--shadow-sm);
}
.geo-shift-same{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  padding:13px 15px;border-radius:13px;margin-bottom:22px;
  background:linear-gradient(120deg,rgba(124,108,255,.08),rgba(58,223,165,.1));
  border:1px solid var(--geo-line);
}
.geo-shift-same .geo-lab{color:var(--geo-ink);margin-right:3px}
.geo-shift-same b{
  font-size:12.5px;font-weight:600;color:var(--ink);background:#fff;
  border:1px solid var(--geo-line);border-radius:99px;padding:5px 12px;
}
.geo-shift-head,.geo-shift-row{
  display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,178px) 18px minmax(0,178px);
  gap:12px;align-items:center;
}
.geo-shift-head{padding-bottom:11px;border-bottom:1px solid var(--line-2)}
.geo-shift-head span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.geo-shift-head .geo-h-c{text-align:center}
.geo-shift-row{
  padding:11px 0;border-bottom:1px solid var(--line-2);color:inherit;
  border-radius:10px;transition:background .18s ease;
}
.geo-shift-row:last-of-type{border-bottom:0}
a.geo-shift-row:hover{background:rgba(58,223,165,.07)}
a.geo-shift-row:hover .geo-shift-what{color:var(--geo-ink)}
.geo-shift-row .geo-n{margin-left:4px}
.geo-shift-what{font-size:13.5px;font-weight:500;color:var(--ink);line-height:1.35;transition:color .18s ease}
.geo-shift-b,.geo-shift-a{text-align:center;font-size:12px;line-height:1.4;border-radius:9px;padding:7px 10px}
.geo-shift-b{color:var(--ink-3);background:#F6F7FB;border:1px dashed var(--line-2)}
.geo-shift-a{color:var(--geo-ink);background:var(--geo-soft);border:1px solid var(--geo-line);font-weight:600}
.geo-shift-arrow{text-align:center;color:var(--geo-ink);font-size:14px;line-height:1}
.geo-shift-note{
  font-size:12.5px;line-height:1.6;color:var(--ink-3);
  margin:18px 0 0;padding-top:15px;border-top:1px dashed var(--line);
}

/* ══════════ RESPONSIVE ══════════ */
@media (max-width:1100px){
  .geo-surf-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .geo-surf .geo-surf-note{margin-top:12px}
}
@media (max-width:900px){
  .geo-demand{grid-template-columns:1fr}
}
@media (max-width:820px){
  .geo-shift-head{display:none}
  .geo-shift-row{grid-template-columns:30px minmax(0,1fr) 16px minmax(0,1fr);gap:9px 10px;padding:13px 0}
  .geo-shift-what{grid-column:2 / -1}
  .geo-shift-b{grid-column:2;text-align:left}
  .geo-shift-arrow{grid-column:3;font-size:12px}
  .geo-shift-a{grid-column:4;text-align:left}
}
@media (max-width:620px){
  .geo-chat{padding:16px 14px 14px}
  .geo-reply{grid-template-columns:minmax(0,1fr);gap:10px}
  .geo-spark{display:none}
  .geo-reply-p{font-size:14px}
  .geo-facts{grid-template-columns:minmax(0,1fr)}
  .geo-bots li{grid-template-columns:16px minmax(0,1fr) auto}
  .geo-bot-for{grid-column:2;grid-row:2}
  .geo-bot-state{grid-column:3;grid-row:1}
  .geo-topics li{grid-template-columns:minmax(0,1fr) auto}
  .geo-fmt{grid-column:1;grid-row:1;justify-self:start;padding:2px 8px}
  .geo-state{grid-column:2;grid-row:1}
  .geo-topic{grid-column:1 / -1;grid-row:2}
  .geo-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .geo-shift-same{gap:7px;padding:11px 12px}
  .geo-shift-same b{font-size:11.5px;padding:4px 10px}
  .geo-shift-row{grid-template-columns:26px minmax(0,1fr) 14px minmax(0,1fr);gap:8px}
  .geo-shift-what{font-size:12.5px}
  .geo-shift-b,.geo-shift-a{font-size:10.5px;padding:6px 7px}
}