@charset "UTF-8";
/*
 * LLM Monitor : page « Mesurer sa visibilité dans ChatGPT »
 * Fichier du thème : assets/css/llmm-visibilite.css
 * Chargé uniquement sur la page concernée (voir functions.php).
 * Toutes les règles sont préfixées par #llmm-geo : aucun effet sur le reste du site,
 * et priorité sur Tailwind (preflight) et sur les styles du thème.
 */

/* ---------- Palette et polices (alignées sur le thème LLM Monitor) ---------- */
#llmm-geo{
  --em:#4c9783;      /* vert LLM Monitor (tertiary du thème) */
  --em4:#63b09b;
  --em3:#a3d9c8;
  --em6:#3b7d6b;     /* vert foncé : boutons et chiffres (contraste AA) */
  --em7:#336c5c;
  --em8:#24503f;
  --em50:#eef6f3;
  --em100:#d5f5e9;
  --ink:#17233c;     /* bleu nuit du thème (primary) */
  --ink2:#2a3347;
  --muted:#4b5563;
  --muted2:#6b7280;
  --line:#e5e7eb;
  --bg:#f7f8f9;
  --card:#fff;
  --dark:#16233c;
  --dark2:#2e4f62;
  --dark3:#315c5f;
  --font:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --serif:'DM Serif Display',Georgia,'Times New Roman',serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* ---------- Socle et remises à zéro locales ---------- */
#llmm-geo,#llmm-geo *,#llmm-geo *::before,#llmm-geo *::after{box-sizing:border-box}
#llmm-geo{display:block;width:100%;margin:0;padding:0;font-family:var(--font);font-size:17px;line-height:1.65;color:var(--ink2);background:var(--bg);text-align:left;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
#llmm-geo p:empty{display:none}
/* Garde-fous si WordPress ajoute des <p> ou <br> automatiques (wpautop) */
#llmm-geo .ctl>br,#llmm-geo .sim-foot>br,#llmm-geo .ans>br{display:none}
#llmm-geo .ans>p{display:contents}
#llmm-geo .bars>p{margin:0}
#llmm-geo [id]{scroll-margin-top:90px}
#llmm-geo ol,#llmm-geo ul{margin:0;padding:0}
#llmm-geo svg{display:inline-block;vertical-align:middle}
#llmm-geo table{border-collapse:collapse;border-spacing:0}
#llmm-geo var{font-style:italic;font-family:inherit}
#llmm-geo a{color:var(--em7);text-decoration:underline;text-decoration-color:rgba(76,151,131,.5);text-underline-offset:3px}
#llmm-geo a:hover{color:var(--em8);text-decoration-color:var(--em)}
#llmm-geo .wrap{max-width:1080px;margin:0 auto;padding:0 20px}
#llmm-geo h1,#llmm-geo h2,#llmm-geo h3{color:var(--ink);margin:0;padding:0;text-transform:none}
#llmm-geo h1{font-family:var(--font);font-size:clamp(32px,4.4vw,50px);font-weight:700;line-height:1.12;letter-spacing:-.02em}
#llmm-geo h2{font-family:var(--serif);font-size:clamp(28px,3.2vw,38px);font-weight:400;line-height:1.18;letter-spacing:0;margin:0 0 14px}
#llmm-geo h3{font-family:var(--font);font-size:19px;font-weight:700;line-height:1.3;margin:0 0 8px}
#llmm-geo p{margin:0 0 14px}
#llmm-geo strong,#llmm-geo b{font-weight:700}
#llmm-geo strong{color:var(--ink)}
#llmm-geo sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}
#llmm-geo sup a{text-decoration:none;font-weight:700;font-size:.9em;color:var(--em6);padding:0 1px}
#llmm-geo .kick{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--em6)}
#llmm-geo .kick::before{content:"";width:34px;height:3px;border-radius:2px;background:var(--em)}
#llmm-geo section{display:block;padding:56px 0;border-top:1px solid var(--line)}
#llmm-geo section.first{border-top:0}

/* ---------- En-tête ---------- */
#llmm-geo .hero{display:block;padding:56px 0 40px;background:linear-gradient(180deg,#fff,var(--bg))}
#llmm-geo .hero h1{margin:14px 0 18px;max-width:900px}
#llmm-geo .lede{font-size:clamp(17px,2vw,20px);color:var(--ink2);max-width:820px}
#llmm-geo .byline{font-size:14px;color:var(--muted2);margin-top:14px}
#llmm-geo .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
#llmm-geo .kpi{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px;box-shadow:0 1px 2px rgba(23,35,60,.04),0 10px 30px rgba(23,35,60,.05)}
#llmm-geo .kpi b{display:block;font-family:var(--font);font-weight:700;font-size:clamp(30px,3.4vw,42px);color:var(--em6);line-height:1.1;letter-spacing:-.01em}
#llmm-geo .kpi span{display:block;font-weight:500;color:var(--ink2);font-size:15px;margin-top:8px;line-height:1.4}
#llmm-geo .kpi small{display:block;color:var(--muted2);font-size:13px;margin-top:6px}
#llmm-geo .toc{display:block;margin-top:28px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 22px}
#llmm-geo .toc strong{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2)}
#llmm-geo .toc ol{list-style:decimal;margin:10px 0 0;padding-left:20px;columns:2;column-gap:32px}
#llmm-geo .toc li{display:list-item;margin:4px 0;break-inside:avoid}

/* ---------- Modules interactifs ---------- */
#llmm-geo .module{margin:26px 0 18px;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(23,35,60,.16)}
#llmm-geo .mod-head{display:flex;align-items:center;gap:12px;padding:14px 22px;background:#0f1a2e;color:#cbd5e1;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
#llmm-geo .mod-head i{display:block;width:9px;height:9px;border-radius:50%;background:var(--em4);box-shadow:0 0 10px var(--em4)}
#llmm-geo .sim{background:linear-gradient(150deg,var(--dark) 0%,#1f3a4d 55%,var(--dark3) 100%);color:#fff;padding:22px}
#llmm-geo .sim-q{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 16px;font-weight:500;color:#e2e8f0}
#llmm-geo .sim-q svg{flex:none;color:var(--em3)}
#llmm-geo .ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 14px}
#llmm-geo button.b{all:unset;box-sizing:border-box;display:inline-block;cursor:pointer;font-family:var(--font);font-weight:700;font-size:15px;line-height:1.3;padding:11px 20px;border-radius:9999px;background:var(--em6);color:#fff;text-align:center;box-shadow:0 8px 20px rgba(59,125,107,.35);transition:transform .15s,background-color .15s}
#llmm-geo button.b:hover{background:var(--em7);transform:translateY(-1px)}
#llmm-geo button.b:focus-visible{outline:3px solid var(--em3);outline-offset:2px}
#llmm-geo button.b.gh{background:rgba(255,255,255,.08);box-shadow:none;border:1px solid rgba(255,255,255,.25)}
#llmm-geo button.b.gh:hover{background:rgba(255,255,255,.16)}
#llmm-geo button.b[disabled]{opacity:.5;cursor:not-allowed;transform:none}
#llmm-geo .meta{margin-left:auto;text-align:right;font-size:13px;color:#a9b6c8;line-height:1.35}
#llmm-geo .meta b{font-size:20px;color:#fff}
#llmm-geo .meta span{display:block}
#llmm-geo .ans{min-height:96px;background:rgba(0,0,0,.2);border-radius:14px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}
#llmm-geo .ans .lab{width:100%;font-size:12px;font-weight:700;letter-spacing:.12em;color:#a9b6c8;text-transform:uppercase}
#llmm-geo .ans span{display:inline-block;background:rgba(163,217,200,.14);border:1px solid rgba(163,217,200,.38);color:#e3f5ee;border-radius:9999px;padding:5px 12px;font-weight:700;font-size:15px;animation:llmmPop .35s cubic-bezier(.2,.8,.2,1) both}
#llmm-geo .ans span.you{background:#fde68a;border-color:#fde68a;color:#78350f}
#llmm-geo .ans span i{font-style:normal;color:var(--em3);margin-right:6px}
#llmm-geo .ans span.you i{color:#92400e}
#llmm-geo .ans .ph{background:none;border:1px dashed rgba(255,255,255,.28);color:#a9b6c8;animation:none}
@keyframes llmmPop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
#llmm-geo .freq{display:grid;grid-template-columns:1fr 1fr;gap:7px 26px;margin-top:16px}
#llmm-geo .fr{display:grid;grid-template-columns:110px 1fr 46px;gap:10px;align-items:center;font-size:13.5px;font-weight:500;color:#cbd5e1}
#llmm-geo .fr .t{display:block;height:11px;background:rgba(255,255,255,.08);border-radius:6px;overflow:hidden}
#llmm-geo .fr .t i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--em),var(--em3));border-radius:6px;transition:width .3s}
#llmm-geo .fr.you{color:#fde68a}
#llmm-geo .fr.you .t i{background:linear-gradient(90deg,#f59e0b,#fde68a)}
#llmm-geo .fr b{text-align:right;color:#fff}
#llmm-geo .insight{margin-top:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;font-size:15.5px;color:#e2e8f0;line-height:1.5}
#llmm-geo .insight strong{color:#fff}
#llmm-geo .sim-foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:14px}
#llmm-geo .disc{font-size:12.5px;color:#a9b6c8}

#llmm-geo .ci{background:#fff;padding:24px}
#llmm-geo .ci-row{display:grid;grid-template-columns:230px 1fr 90px;gap:16px;align-items:center;margin-bottom:14px}
#llmm-geo .ci-row label{font-weight:700;color:var(--ink2);font-size:15.5px;margin:0}
#llmm-geo .ci-row input[type=range]{-webkit-appearance:auto;appearance:auto;width:100%;height:28px;margin:0;padding:0;background:transparent;border:0;accent-color:var(--em6);cursor:pointer}
#llmm-geo .ci-row output{display:block;font-family:var(--font);font-weight:700;font-size:22px;color:var(--em6);text-align:right}
#llmm-geo .scale{position:relative;height:118px;margin:24px 18px 8px}
#llmm-geo .axis{position:absolute;left:0;right:0;top:60px;height:4px;background:var(--line);border-radius:2px}
#llmm-geo .tick{position:absolute;top:72px;font-size:12.5px;font-weight:500;color:var(--muted2);transform:translateX(-50%);white-space:nowrap}
#llmm-geo .band{position:absolute;top:36px;height:52px;border-radius:26px;background:linear-gradient(90deg,rgba(76,151,131,.16),rgba(76,151,131,.32),rgba(76,151,131,.16));border:2px solid var(--em);transition:left .4s,width .4s}
#llmm-geo .pt{position:absolute;top:44px;width:36px;height:36px;margin-left:-18px;border-radius:50%;background:var(--em6);box-shadow:0 0 0 6px rgba(76,151,131,.22);transition:left .4s}
#llmm-geo .lo,#llmm-geo .hi{position:absolute;top:0;font-family:var(--font);font-weight:700;font-size:17px;color:var(--em7);transform:translateX(-50%);transition:left .4s;white-space:nowrap}
#llmm-geo .read{display:flex;gap:18px;align-items:center;background:var(--em50);border:1px solid var(--em100);border-radius:16px;padding:14px 18px;margin-top:10px}
#llmm-geo .read .big{font-family:var(--font);font-weight:700;font-size:32px;color:var(--em7);white-space:nowrap}
#llmm-geo .read p{margin:0;font-size:15.5px;line-height:1.5}
#llmm-geo .need{margin:12px 0 0;font-size:15px;color:var(--muted)}
#llmm-geo table.t{width:100%;border-collapse:collapse;margin-top:16px;font-size:15px}
#llmm-geo table.t th,#llmm-geo table.t td{padding:9px 10px;border:0;border-bottom:1px solid var(--line);text-align:center;background:transparent}
#llmm-geo table.t th{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2)}
#llmm-geo table.t td:first-child,#llmm-geo table.t th:first-child{text-align:left}
#llmm-geo .tbl-wrap{overflow-x:auto}

/* ---------- Blocs de texte ---------- */
#llmm-geo .takeaways{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 8px}
#llmm-geo .tk{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
#llmm-geo .tk b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
#llmm-geo .tk p{margin:0;font-size:15px;line-height:1.5}
#llmm-geo .tk .n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9999px;background:var(--em6);color:#fff;font-weight:700;font-size:14px;margin-bottom:10px}
#llmm-geo .bars{display:block;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin:18px 0}
#llmm-geo .bar{display:grid;grid-template-columns:170px 1fr 60px;gap:14px;align-items:center;margin:10px 0;font-weight:700;color:var(--ink);font-size:15.5px}
#llmm-geo .bar .tr{display:block;height:18px;border-radius:9px;background:#eef1f4;overflow:hidden}
#llmm-geo .bar .tr i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--em6),var(--em4))}
#llmm-geo .bar b{color:var(--em6);text-align:right}
#llmm-geo .bars small{display:block;color:var(--muted2);font-size:13px;margin-top:8px}
#llmm-geo .callout{border-left:4px solid var(--em);background:var(--card);border-radius:0 14px 14px 0;padding:14px 18px;margin:18px 0;box-shadow:0 1px 2px rgba(23,35,60,.04)}
#llmm-geo .callout p{margin:0}

/* ---------- Encart technique ---------- */
#llmm-geo .tech{display:block;background:var(--dark);color:#dbe4ef;border-radius:22px;padding:28px 28px 24px;margin-top:10px;position:relative;overflow:hidden}
#llmm-geo .tech::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(99,176,155,.22),transparent 70%);pointer-events:none}
#llmm-geo .tech h2,#llmm-geo .tech h3,#llmm-geo .tech strong{color:#fff}
#llmm-geo .tech h2{margin-top:10px}
#llmm-geo .tech .kick{color:var(--em3)}
#llmm-geo .tech .kick::before{background:var(--em3)}
#llmm-geo .tech a{color:var(--em3)}
#llmm-geo .formula{font-family:var(--mono);background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.28);border-radius:14px;padding:16px 18px;margin:14px 0;font-size:15.5px;line-height:1.9;color:#fff;overflow-x:auto;white-space:nowrap}
#llmm-geo .formula .frac{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;margin:0 4px}
#llmm-geo .formula .frac span:first-child{border-bottom:1px solid #cbd5e1;padding:0 6px 2px}
#llmm-geo .formula .frac span:last-child{padding-top:2px}
#llmm-geo .tech table.t th{color:#a9b6c8;border-color:rgba(255,255,255,.14)}
#llmm-geo .tech table.t td{border-color:rgba(255,255,255,.14)}
#llmm-geo .tech .bad{color:#fda4af;font-weight:700}
#llmm-geo .tech .good{color:var(--em3);font-weight:700}
#llmm-geo .tech ul{list-style:disc;padding-left:20px;margin:8px 0 0}
#llmm-geo .tech li{display:list-item;margin:6px 0}
#llmm-geo .tech .cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}

/* ---------- Méthode ---------- */
#llmm-geo .meth{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}
#llmm-geo .mc{background:var(--card);border:1px solid var(--line);border-top:5px solid var(--em);border-radius:14px;padding:18px}
#llmm-geo .mc .no{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--em6)}
#llmm-geo .mc h3{margin:8px 0 6px}
#llmm-geo .mc p{margin:0;font-size:15px;line-height:1.5}
#llmm-geo .kdef{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#llmm-geo .kd{background:var(--em50);border:1px solid var(--em100);border-radius:14px;padding:16px}
#llmm-geo .kd b{display:block;color:var(--em7);font-size:16px}
#llmm-geo .kd p{margin:6px 0 0;font-size:14.5px;line-height:1.45}
#llmm-geo .cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:26px;background:linear-gradient(90deg,#16233c 0%,#315c5f 55%,#4b9683 100%);color:#fff;border-radius:22px;padding:26px 28px}
#llmm-geo .cta p{flex:1 1 380px;margin:0;font-size:18px;font-weight:500;max-width:640px;color:#fff}
#llmm-geo .cta a.btn{display:inline-block;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;padding:14px 24px;border-radius:9999px;box-shadow:0 10px 26px rgba(0,0,0,.2);white-space:nowrap;transition:background-color .15s}
#llmm-geo .cta a.btn:hover{background:var(--em100);color:var(--ink)}

/* ---------- FAQ ---------- */
#llmm-geo details{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 18px;margin:10px 0}
#llmm-geo summary{cursor:pointer;font-weight:700;color:var(--ink);padding:12px 0;list-style:none;display:flex;justify-content:space-between;gap:14px}
#llmm-geo summary::-webkit-details-marker{display:none}
#llmm-geo summary::marker{content:""}
#llmm-geo summary::after{content:"+";color:var(--em6);font-size:22px;line-height:1;flex:none}
#llmm-geo details[open] summary::after{content:"\2212"}
#llmm-geo details[open] summary{color:var(--em7)}
#llmm-geo details p{margin:0 0 14px}

/* ---------- Bibliographie ---------- */
#llmm-geo .biblio h3{margin:26px 0 10px;font-size:17px;letter-spacing:.02em}
#llmm-geo .biblio ol{list-style:none;padding-left:0;margin:0}
#llmm-geo .biblio li{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px 14px 60px;margin:10px 0;position:relative;font-size:15px;line-height:1.5}
#llmm-geo .biblio li .ref{position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:10px;background:var(--em50);color:var(--em7);font-weight:700;display:grid;place-items:center;font-size:14px}
#llmm-geo .biblio li .tt{font-weight:700;color:var(--ink)}
#llmm-geo .biblio li .src{display:block;color:var(--muted);font-size:14px}
#llmm-geo .biblio li .why{display:block;margin-top:6px;color:var(--ink2)}
#llmm-geo .biblio li .tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:20px;background:#f1f5f9;color:var(--muted);margin-left:6px;vertical-align:1px}
#llmm-geo .biblio li .tag.y26{background:var(--em50);color:var(--em7)}
#llmm-geo .biblio li:target{border-color:var(--em);box-shadow:0 0 0 3px rgba(76,151,131,.22)}
#llmm-geo .note{font-size:13.5px;color:var(--muted)}

/* ---------- Responsive ---------- */
@media (max-width:860px){
  #llmm-geo .kpis,#llmm-geo .takeaways,#llmm-geo .kdef{grid-template-columns:1fr}
  #llmm-geo .meth{grid-template-columns:1fr 1fr}
  #llmm-geo .toc ol{columns:1}
  #llmm-geo .freq{grid-template-columns:1fr}
  #llmm-geo .ci-row{grid-template-columns:1fr 70px;gap:8px 12px}
  #llmm-geo .ci-row label{grid-column:1 / -1}
  #llmm-geo .tech .cols{grid-template-columns:1fr}
  #llmm-geo .bar{grid-template-columns:110px 1fr 52px}
  #llmm-geo .meta{margin-left:0;text-align:left;width:100%}
  #llmm-geo .read{flex-direction:column;align-items:flex-start}
  #llmm-geo .cta a.btn{white-space:normal;text-align:center;width:100%}
}
@media (max-width:520px){
  #llmm-geo{font-size:16px}
  #llmm-geo .hero{padding-top:40px}
  #llmm-geo section{padding:44px 0}
  #llmm-geo .meth{grid-template-columns:1fr}
  #llmm-geo .sim,#llmm-geo .ci{padding:16px}
  #llmm-geo .tech{padding:22px 18px}
  #llmm-geo .cta{padding:22px 18px}
}
@media (prefers-reduced-motion:reduce){
  #llmm-geo *{transition:none!important;animation:none!important}
}