/* Outils gratuits : guide, FAQ, autres outils, et interfaces des outils (balises meta, ROI, JSON-LD). */

/* ---------- formulaires ---------- */
.tool-form label small,.tool-result label small{font-weight:400;opacity:.75}
.tool-form fieldset{border:0;margin:0;padding:0;min-width:0}
.tool-form select{width:100%}
.tool-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.tool-head .marker{margin:0}
.tool-switch{display:flex;flex-wrap:wrap;gap:6px}
.tool-switch button{font:inherit;font-size:14px;font-weight:600;padding:8px 14px;border:1px solid #f8f8fa66;border-radius:999px;background:transparent;color:inherit;cursor:pointer;min-height:40px}
.tool-switch button[aria-pressed="true"]{background:#f8f8fa;color:#090810;border-color:#f8f8fa}
.roi-modes{margin-bottom:22px}
.tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px}
.tool-actions a{color:inherit;text-decoration:underline;text-decoration-color:#ff1a56;text-underline-offset:4px;font-size:15px}
.tool-check{display:flex!important;align-items:center;gap:10px;font-size:15px;margin-top:14px;cursor:pointer}
.tool-check input{width:18px;height:18px;accent-color:#ff1a56}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- aperçu Google ---------- */
.serp-preview{background:#fff;color:#202124;border-radius:8px;padding:18px 20px;font-family:Arial,Helvetica,sans-serif;max-width:600px;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.serp-preview[data-view="mobile"]{max-width:400px}
.serp-site{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.serp-site>span:last-child{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.serp-site b{font-weight:400;font-size:14px;color:#202124}
.serp-site small{font-size:12px;color:#4d5156;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.serp-icon{width:26px;height:26px;border-radius:50%;background:#e6e1e8 radial-gradient(circle at 50% 50%,#ff1a56 0 5px,transparent 6px);flex:none}
.tool-result .serp-preview h2{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.3;font-weight:400;color:#1a0dab;margin:0 0 4px;letter-spacing:0}
.tool-result .serp-preview p{font-size:14px;line-height:1.58;color:#4d5156!important;opacity:1;margin:0}
.meta-gauges{display:grid;gap:14px;margin:22px 0 8px}
.meta-gauges p{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin:0 0 6px}
.gauge{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
.gauge i{display:block;height:100%;width:0;background:#ffd400;transition:width .2s}
.gauge i[data-state="over"]{background:#ff1a56}.gauge i[data-state="short"]{background:#f8f8fa}
.meta-checks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.meta-checks li{position:relative;padding-left:28px;font-size:15px;line-height:1.5}
.meta-checks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#ffd400 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%231a192e' stroke-width='2.4'/%3E%3C/svg%3E") center/14px no-repeat}
.meta-checks li[data-ok="false"]::before{background:#f8f8fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v6M10 14v1' fill='none' stroke='%231a192e' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat}

/* ---------- ROI ---------- */
.roi-value[data-sign="neg"]{color:#ff1a56}
.roi-figures{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 22px;margin:22px 0 0}
.roi-figures div{border-top:1px solid rgba(255,255,255,.18);padding-top:10px}
.roi-figures dt{font-size:13px;opacity:.75}
.roi-figures dd{margin:4px 0 0;font-size:20px;font-weight:600}
.roi-formula{margin-top:20px;font-size:14px;opacity:.85;font-variant-numeric:tabular-nums}

/* ---------- JSON-LD ---------- */
.schema-fields label{margin-top:14px}
.tool-result pre{white-space:pre-wrap;word-break:break-word;max-height:460px;overflow:auto;font-size:13px;line-height:1.55;background:#090810;border:1px solid #f8f8fa66;border-radius:6px;padding:16px;margin-top:16px}


.tool-shell[data-tool="generateur-de-cocon-semantique"]{display:block!important;max-width:1600px;width:calc(100% - 80px);padding:0;margin:0 auto 90px;}
.cocon{--co-bg:#090810;--co-panel:#14131c;--co-line:#f8f8fa66;--co-text:#f8f8fa;--co-muted:#f8f8fa;--co-accent:#ff1a56;background:var(--co-bg);color:var(--co-text);border:1px solid var(--co-line);border-radius:12px;font-size:16px;line-height:1.6;isolation:isolate;overflow-wrap:anywhere;}
.cocon *{box-sizing:border-box;min-width:0}.cocon [hidden]{display:none!important}.cocon h2,.cocon h3,.cocon p{color:inherit;margin:0 0 16px;letter-spacing:normal}.cocon h2{font-size:clamp(27px,3vw,40px);line-height:1.15}.cocon h3{font-size:23px;line-height:1.3}.cocon p{font-size:16px;line-height:1.65}.cocon a{color:#fff;text-decoration:underline;text-underline-offset:4px}.cocon a:hover{color:#ffd400}.cocon .co-kicker{color:#ffd400;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:12px}.cocon .co-help{font-size:14px;color:var(--co-muted);margin:10px 0 18px}.cocon .co-status{padding:0 28px;margin:0;font-size:15px}.cocon .co-status:not(:empty){padding-top:15px;padding-bottom:15px}.cocon [data-error="true"]{color:#ffd400}.cocon .co-google .co-status{padding-left:0;padding-right:0}
.cocon button,.cocon .co-file{font:inherit;font-size:15px;line-height:1.35;font-weight:600;letter-spacing:normal;text-transform:none;border:1px solid #f8f8fa66;border-radius:5px;background:#14131c;color:#fff;min-height:46px;padding:12px 17px;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;text-decoration:none;transform:none;box-shadow:none;max-width:100%;}
.cocon button:before,.cocon button:after{content:none!important}.cocon button:hover,.cocon .co-file:hover{background:#f8f8fa66;color:#fff;border-color:#f8f8fa}.cocon button:disabled{opacity:.5;cursor:not-allowed}.cocon .co-primary{background:#ff1a56;border-color:#ff1a56;color:#fff}.cocon .co-primary:hover{background:#ff1a56}.cocon .co-danger{color:#ffd400}.cocon :focus-visible{outline:3px solid #ffd400;outline-offset:4px}.cocon .co-file{position:relative;overflow:hidden;margin:0}.cocon .co-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.cocon .co-file:focus-within{outline:3px solid #ffd400;outline-offset:3px}
.cocon label{display:block;font-size:15px;color:var(--co-text);font-weight:600;margin:0 0 8px}.cocon input,.cocon textarea,.cocon select{font:inherit;font-size:16px;line-height:1.5;letter-spacing:normal;width:100%;display:block;background:#090810;color:#fff;border:1px solid #f8f8fa66;border-radius:5px;padding:12px;margin:8px 0 20px;min-height:48px;box-shadow:none}.cocon textarea{resize:vertical;max-height:600px}.cocon input::placeholder,.cocon textarea::placeholder{color:#a8a5bb;opacity:1}.cocon select{appearance:auto;padding-right:25px}.cocon option{background:#090810;color:#fff}.cocon .co-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cocon .co-intro{padding:32px 36px;border-bottom:1px solid var(--co-line);background:linear-gradient(115deg,#30233d,#090810 70%);border-radius:12px 12px 0 0}.co-intro>p:not(.co-kicker){max-width:780px}.cocon .co-setup{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:40px;padding:32px 36px}.cocon .co-google{border-left:1px solid var(--co-line);padding-left:32px}.cocon .co-google h3{max-width:400px}.cocon .co-workspace{border-top:1px solid var(--co-line)}.cocon .co-plan-head{padding:30px 28px 12px;display:flex;justify-content:space-between;gap:20px;align-items:center}.cocon .co-plan-head p{margin-bottom:6px}.cocon .co-plan-head h2{font-size:30px}.cocon .co-notice{margin:12px 28px 24px;border-left:3px solid var(--co-accent);padding:12px 18px;background:#30253c;font-size:14px}.cocon .co-tabs{display:flex;gap:8px;padding:0 28px 22px;flex-wrap:wrap}.cocon .co-tabs [aria-pressed="true"]{background:#f8f8fa;color:#090810;border-color:#f8f8fa}.cocon .co-desktop{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);border-top:1px solid var(--co-line);align-items:start}.cocon .co-canvas{padding:28px;min-height:500px;background:radial-gradient(circle at 70% 0,#35253b,transparent 60%)}.cocon .co-editor{padding:28px;background:#14131c;border-left:1px solid var(--co-line);align-self:stretch}.cocon .co-editor h3{font-size:24px}.cocon .co-editor form>button{width:100%}.cocon .co-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cocon .co-field-pair select{font-size:14px}.cocon .co-editor-actions{margin:18px 0}.cocon .co-editor-actions button{font-size:14px;flex:1 1 130px}.cocon .co-editor [data-path]{word-break:break-word}
.cocon .co-tree ul{list-style:none;margin:0;padding:0 0 0 22px;border-left:1px solid #f8f8fa66}.cocon .co-tree>ul{border:0;padding:0}.cocon .co-tree li{list-style:none;position:relative;margin:0;padding:0 0 14px}.cocon .co-tree li:before{content:none}.cocon .co-tree li>ul{margin:14px 0 0 20px}.cocon .co-tree li li:after{position:absolute;content:"";width:22px;height:1px;background:#f8f8fa66;left:-22px;top:30px}.cocon .co-node{display:block;text-align:left;width:100%;padding:16px 18px;background:#232239;border:1px solid #716c86;border-radius:6px}.cocon .co-node strong{display:block;font-size:18px;line-height:1.3;font-weight:600;margin:6px 0}.cocon .co-node .co-node-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#e0dae9;font-weight:400}.cocon .co-node small{display:block;font-size:13px;font-weight:400;color:#d2cede;line-height:1.5}.cocon .co-node[aria-pressed="true"]{border:2px solid #ff8ca9;padding:15px 17px;background:#3a2640}.cocon .co-node[data-kind="root"]{background:#43223b}.cocon .co-node[data-kind="branch"]{background:#30263e}.cocon .co-node:hover{background:#46324d}.cocon .co-link{margin:0 0 15px;padding:16px;background:#14131c;border:1px solid #625d76;border-radius:5px}.cocon .co-link p{margin:0 0 6px;font-size:14px}.cocon .co-link strong{font-size:16px}.cocon .co-link code{white-space:normal;overflow-wrap:anywhere;color:#e4ccda;font-size:13px}.cocon .co-link button{font-size:13px;padding:8px 12px;min-height:40px;margin-top:5px}.cocon .co-issue-list{padding-left:20px}.cocon .co-issue-list li{padding:0 0 12px;color:#ffceda}.cocon .co-exports{padding:28px;border-top:1px solid var(--co-line);display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.4fr);gap:30px;align-items:center}.cocon .co-exports p{margin-bottom:0;font-size:14px;color:var(--co-muted)}.cocon .co-exports h3{margin-bottom:8px}.cocon .co-method{border:0;border-top:1px solid var(--co-line);padding:0;background:#201f32;border-radius:0 0 12px 12px}.cocon .co-method summary{padding:24px 28px;font-size:17px;cursor:pointer;display:list-item;list-style:disclosure-closed inside;color:#fff}.cocon .co-method[open] summary{list-style-type:disclosure-open}.cocon .co-method summary:after{content:none}.cocon .co-method>div{padding:0 28px 20px;max-width:980px}.cocon .co-method p{font-size:15px}.cocon .co-method h3{margin-top:16px;font-size:20px}
@media(min-width:1400px){.cocon .co-tree>ul>li>ul{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-left:0;padding:0;margin-left:0}.cocon .co-tree>ul>li>ul>li:after{content:none}}
@media(max-width:1000px){.tool-shell[data-tool="generateur-de-cocon-semantique"]{width:calc(100% - 40px)}.cocon .co-desktop{grid-template-columns:1fr}.cocon .co-editor{border-left:0;border-top:1px solid var(--co-line)}.cocon .co-editor form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.cocon .co-editor form>.co-field-pair,.cocon .co-editor form>button,.cocon .co-editor form>p{grid-column:1/-1}.cocon .co-setup{gap:24px;padding:28px}.cocon .co-google{padding-left:24px}.cocon .co-plan-head{align-items:flex-start;flex-direction:column}.cocon .co-exports{grid-template-columns:1fr}.cocon .co-canvas{min-height:0}}
@media(max-width:650px){.tool-shell[data-tool="generateur-de-cocon-semantique"]{width:calc(100% - 24px);margin-bottom:40px}.cocon .co-setup{grid-template-columns:1fr;padding:22px 18px}.cocon .co-intro{padding:24px 18px}.cocon .co-google{border-left:0;border-top:1px solid var(--co-line);padding:24px 0 0}.cocon .co-plan-head,.cocon .co-canvas,.cocon .co-editor,.cocon .co-exports{padding:22px 16px}.cocon .co-tabs{padding:0 16px 18px}.cocon .co-tabs button{flex:1 1 120px;padding:10px}.cocon .co-notice{margin:0 16px 22px}.cocon .co-tree ul{padding-left:12px}.cocon .co-tree li>ul{margin-left:6px}.cocon .co-tree li li:after{width:12px;left:-12px}.cocon .co-node{padding:13px}.cocon .co-node[aria-pressed="true"]{padding:12px}.cocon .co-node strong{font-size:17px}.cocon .co-node .co-node-top{flex-wrap:wrap;gap:4px}.cocon .co-editor form{display:block}.cocon .co-field-pair{grid-template-columns:1fr;gap:0}.cocon .co-actions{align-items:stretch}.cocon .co-actions>*{flex:1 1 180px}.cocon .co-plan-head h2{font-size:27px}.cocon .co-method summary{padding:22px 16px}.cocon .co-method>div{padding:0 16px 16px}.cocon .co-status{padding-left:16px;padding-right:16px}}

/* carte du cocon */
.cocon .co-graph{background:radial-gradient(circle at 50% 50%,#2b2945 0,#090810 70%);border:1px solid #f8f8fa66;border-radius:10px;overflow-x:auto;margin:6px 0 14px}
.cocon .co-graph svg{display:block;width:100%;min-width:760px;height:auto}
.cocon .co-gnode{cursor:pointer;outline:none}
.cocon .co-gnode:hover circle,.cocon .co-gnode:focus-visible circle{filter:brightness(1.25)}
.cocon .co-gnode:focus-visible circle:last-of-type{stroke:#fff;stroke-width:3}
.cocon .co-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--co-muted);margin:0 0 16px}
.cocon .co-legend span{display:inline-flex;align-items:center;gap:7px}
.cocon .co-legend i{display:inline-block;width:13px;height:13px;border-radius:50%;border:2px solid}
.cocon .co-legend .lg-create{border-color:#ffd400;border-style:dashed}.cocon .co-legend .lg-review{background:#f8f8fa;border-color:#f8f8fa}
.cocon .co-legend .lg-keep{background:#ffd400;border-color:#ffd400}.cocon .co-legend .lg-rework{background:#ff1a56;border-color:#ff1a56}
.cocon .co-legend .lg-link{width:22px;height:0;border-radius:0;border:0;border-top:2px dashed #ff1a56}
/* Fiches claires (cartels de galerie) : arborescence et maillage lisibles sur le fond nuit, statuts aux couleurs de la carte */
.cocon .co-node{background:#f8f8fa;color:#090810;border:1px solid #f8f8fa;border-radius:6px}
.cocon .co-node[data-kind="root"]{background:#f8f8fa;box-shadow:inset 0 4px 0 #ff1a56;padding-top:20px}
.cocon .co-node[data-kind="branch"]{background:#f8f8fa}
.cocon .co-node:hover{background:#fff;color:#090810;border-color:#ff1a56}
.cocon .co-node[aria-pressed="true"]{background:#fff;color:#090810;border:2px solid #ff1a56;padding:15px 17px;box-shadow:0 0 0 3px rgba(255,26,86,.35)}
.cocon .co-node[data-kind="root"][aria-pressed="true"]{padding-top:19px;box-shadow:inset 0 4px 0 #ff1a56,0 0 0 3px rgba(255,26,86,.35)}
.cocon .co-node strong{color:#090810;font-size:19px}
.cocon .co-node .co-node-top{align-items:center;color:#ff1a56;font-weight:700;letter-spacing:.04em}
.cocon .co-node small{color:#090810;font-size:14px}
.cocon .co-badge{display:inline-block;padding:3px 9px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:0;line-height:1.4;background:#f8f8fa;color:#090810}
.cocon .co-badge[data-s="create"]{background:#fff;color:#a3163c;border:1px dashed #ff1a56}
.cocon .co-badge[data-s="keep"]{background:#ffd400}
.cocon .co-badge[data-s="rework"]{background:#ff1a56}
.cocon .co-link{background:#f8f8fa;color:#090810;border:0;border-radius:6px;padding:18px 20px}
.cocon .co-link p{color:#f8f8fa66}
.cocon .co-link strong{color:#090810}
.cocon .co-link code{display:inline-block;color:#6b2340;background:#f8f8fa;padding:3px 7px;border-radius:3px}
.cocon .co-link button{background:#090810;border-color:#090810;color:#fff}
.cocon .co-link button:hover{background:#ff1a56;border-color:#ff1a56;color:#fff}
@media(max-width:650px){.cocon .co-node[data-kind="root"]{padding-top:17px}.cocon .co-node[aria-pressed="true"]{padding:12px}.cocon .co-node[data-kind="root"][aria-pressed="true"]{padding-top:16px}.cocon .co-node strong{font-size:17px}.cocon .co-link{padding:16px}}

.tool-shell[data-tool="verificateur-cannibalisation"]{display:block;width:100%;max-width:1440px;margin-inline:auto;background:transparent}
.cannibal-app{font:400 17px/1.65 Atelier,Arial,sans-serif;color:#f8f8fa;overflow-wrap:anywhere}
.cannibal-intro{max-width:850px;margin-bottom:32px;padding:28px;background:#1a192ef2;border-radius:8px}
.cannibal-app h2,.cannibal-app h3,.cannibal-app label,.cannibal-app strong{color:#f8f8fa}
.cannibal-app h2{margin:0 0 20px}.cannibal-app h3{margin:0 0 16px;font-size:26px}.cannibal-app p{margin:0 0 18px}.cannibal-app .eyebrow{color:#f8f8fa}
.cannibal-steps{display:flex;flex-wrap:wrap;gap:12px 32px;list-style:decimal;padding-left:22px;margin:22px 0 0}.cannibal-steps li::marker{color:#f8f8fa;font-weight:700}
.cannibal-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px;align-items:start}
.cannibal-panel{min-width:0;padding:clamp(20px,2.5vw,36px);background:#1a192ef7;border:1px solid #f8f8fa66;border-radius:8px}
.cannibal-app textarea,.cannibal-app input{font:400 16px/1.65 Atelier,Arial,sans-serif;background:#f8f8fa;color:#090810;border:1px solid #9998aa;border-radius:4px;width:100%;max-width:100%;padding:14px;resize:vertical}
.cannibal-app textarea{min-height:210px}.cannibal-app textarea::placeholder,.cannibal-app input::placeholder{color:#555568;opacity:1}
.cannibal-app :focus-visible{outline:3px solid #fff;outline-offset:4px}.cannibal-app textarea:focus-visible,.cannibal-app input:focus-visible{outline-color:#ff1a56}
.cannibal-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 24px}.cannibal-app button{font:600 16px/1.45 Atelier,Arial,sans-serif;min-height:46px;cursor:pointer;padding:12px 18px;border-radius:4px;white-space:normal}
.cannibal-primary{background:#ff1a56;color:#fff;border:1px solid #ff1a56;width:100%}.cannibal-primary:hover{background:#bc2048}.cannibal-secondary,.cannibal-file{background:#14131c;color:#fff;border:1px solid #f8f8fa}
.cannibal-file{position:relative;display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;font-size:16px;line-height:1.45;font-weight:600;margin:0;cursor:pointer;border-radius:4px;overflow:hidden}.cannibal-file input{position:absolute;inset:0;opacity:0;cursor:pointer;height:100%}.cannibal-file:focus-within{outline:3px solid white;outline-offset:4px}
.cannibal-help{margin:20px 0;border-block:1px solid #f8f8fa66;padding:16px 0}.cannibal-help summary{cursor:pointer;font-size:17px;color:#fff}.cannibal-help[open] summary{margin-bottom:20px}.cannibal-help ol{list-style:decimal;padding-left:24px;margin:0 0 24px}.cannibal-help li{margin-bottom:12px}.cannibal-help label{font-size:16px;margin-bottom:20px}
.cannibal-app a{color:#fff;text-decoration:underline;text-underline-offset:4px}.cannibal-status{padding:12px 16px;background:#14131c;border-left:3px solid #f8f8fa}.cannibal-status[data-kind="error"]{border-color:#ffd400}.cannibal-private{font-size:14px;line-height:1.6;color:#f8f8fa;margin-top:18px!important}
.cannibal-preview{margin-bottom:22px;padding:14px;background:#242338;border-radius:4px;font-size:15px}.cannibal-preview p{margin:0 0 10px}.cannibal-preview ul{list-style:none;padding:0;margin:0}.cannibal-preview li{padding:10px 0;border-top:1px solid #f8f8fa66}.cannibal-preview span{display:block;color:#f8f8fa}
.cannibal-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.cannibal-summary span{border:1px solid #f8f8fa66;padding:9px 13px;border-radius:4px}.cannibal-group{border-top:1px solid #f8f8fa66;padding-top:24px;margin-top:24px}.cannibal-group h4{font-size:22px;line-height:1.4;margin:0 0 14px;color:#fff}.cannibal-group ul{list-style:none;margin:0;padding:0}.cannibal-group li{background:#14131c;padding:14px;margin-bottom:12px;border-radius:4px}.cannibal-group small{display:block;color:#f8f8fa;font-size:15px;margin-top:8px}.cannibal-results h3:focus{outline-offset:6px}.cannibal-explanation{margin-top:28px;max-width:850px;background:#090810;padding:28px;border-radius:8px}.cannibal-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){.cannibal-grid{grid-template-columns:1fr}.cannibal-app{font-size:16px}.cannibal-intro,.cannibal-explanation{padding:22px}.cannibal-app h3{font-size:24px}.cannibal-steps{display:block}.cannibal-steps li{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.cannibal-app *{scroll-behavior:auto}}

.cannibal-results h3,.cannibal-intro{scroll-margin-top:130px}

.gsc-app .cannibal-primary{width:auto}.gsc-app [hidden]{display:none!important}.gsc-controls{max-width:1000px}.gsc-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;margin:24px 0}.gsc-fields label{display:block;font-size:16px}.gsc-app select{display:block;width:100%;font:inherit;background:#f8f8fa;color:#090810;border:1px solid #f8f8fa;border-radius:4px;min-height:48px;padding:12px;margin-top:8px}.gsc-app button:disabled{opacity:.6;cursor:wait}.gsc-output,.gsc-method{margin-top:28px}.gsc-output{scroll-margin-top:130px}.gsc-app #gsc-result-title{scroll-margin-top:130px}.gsc-app [data-gsc-status][data-error="true"]{border-left:3px solid #ffd400;padding-left:16px}.gsc-method summary{font-size:22px;cursor:pointer;color:#fff}.gsc-method[open] summary{margin-bottom:24px}
.gsc-app .gsc-toggle{display:flex;gap:12px;align-items:flex-start;font-size:16px;margin:18px 0 24px}.gsc-app .gsc-toggle input{width:20px;height:20px;flex:0 0 20px;margin-top:4px;accent-color:#ff1a56}
/* Lisibilité : panneaux opaques (le décor 3D ne transparaît plus sous le texte), fiches de pages claires comme des cartels de galerie. */
.gsc-app .cannibal-intro,.gsc-app .cannibal-panel{background:#090810}
.gsc-case{margin-top:30px;padding-top:28px;border-top:1px solid #f8f8fa66}
.gsc-case h4{font-size:24px;line-height:1.35;color:#fff;margin:0 0 16px}
.gsc-badge{display:inline-block;padding:5px 12px;border-radius:4px;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:12px;background:#f8f8fa;color:#090810}
.gsc-badge[data-tone="check"]{background:#f8f8fa}
.gsc-badge[data-tone="strong"]{background:#ff1a56;color:#fff}
.gsc-metrics{display:flex;flex-wrap:wrap;gap:14px 40px;margin:0 0 14px}
.gsc-metrics div,.gsc-page-stats div{display:flex;flex-direction:column-reverse;min-width:0}
.gsc-metrics dd{margin:0;font-size:30px;line-height:1.15;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.gsc-metrics dt{font-size:14px;color:#f8f8fa}
.gsc-app .gsc-detail{font-size:16px;line-height:1.6;color:#f8f8fa}
.gsc-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:20px 0}
.gsc-pages li{padding:18px 20px;background:#f8f8fa;color:#090810;border-radius:6px;min-width:0}
.gsc-pages li.is-lead{background:#f8f8fa;box-shadow:inset 0 4px 0 #ff1a56;padding-top:22px}
.gsc-rank{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;color:#ff1a56;margin-bottom:6px}
.gsc-app .gsc-pages a{display:block;color:#090810;font-size:17px;font-weight:600;line-height:1.4;text-decoration:underline;text-decoration-color:#ff1a56;text-decoration-thickness:2px;text-underline-offset:4px;overflow-wrap:anywhere}
.gsc-pages small{display:block;font-size:13px;color:#090810;margin-top:4px;overflow-wrap:anywhere}
.gsc-page-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 0;padding-top:12px;border-top:2px solid #090810}
.gsc-page-stats dd{margin:0;font-size:19px;line-height:1.25;font-weight:600;color:#090810;font-variant-numeric:tabular-nums}
.gsc-page-stats dt{font-size:13px;line-height:1.3;font-weight:600;color:#090810}
.gsc-case details{margin-top:16px}.gsc-case summary{cursor:pointer;color:#f8f8fa;padding:10px 0}
.gsc-timeline{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}.gsc-timeline li{padding:10px 12px;background:#14131c;border:1px solid #f8f8fa66;border-radius:4px;font-size:14px;color:#f8f8fa}
.gsc-demo-note{padding:16px;border-left:3px solid #ff1a56;background:#14131c}.gsc-warning{padding:16px;border:1px solid #ffd400}.gsc-empty{padding:24px;background:#14131c}
.gsc-case a:focus-visible{outline:2px solid #ff1a56;outline-offset:3px}
@media(max-width:700px){.gsc-fields,.gsc-pages{grid-template-columns:1fr}.gsc-app .cannibal-actions>*{width:100%}.gsc-case h4{font-size:21px}.gsc-method summary{font-size:20px}.gsc-metrics{gap:12px 28px}.gsc-metrics dd{font-size:26px}}
@media(max-width:420px){.gsc-page-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Requêtes de marque : signalées, pas écartées */
.gsc-tag{display:inline-block;margin:0 0 12px 8px;padding:4px 11px;border-radius:4px;border:1px solid #f8f8fa;background:#14131c;color:#f8f8fa;font-size:14px;font-weight:600;line-height:1.4;vertical-align:top}
.gsc-app .gsc-brand{padding:14px 18px;background:#14131c;border-left:3px solid #f8f8fa;border-radius:0;font-size:15px;line-height:1.6;color:#f8f8fa}


/* ---------- L'habillage de la paroi ---------- */
.dalle.outil { padding-top: clamp(56px, 6vw, 84px); }
.dalle.outil h2 { font-size: clamp(26px, 3.2vw, 44px); }
.dalle.outil h3 { font-size: clamp(20px, 1.9vw, 26px); }
.tool-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: clamp(14px, 2vw, 26px); align-items: start; color: var(--w); }
.tool-shell[data-tool="generateur-de-cocon-semantique"], .tool-shell[data-tool="verificateur-cannibalisation"] { display: block; }
.tool-form, .tool-result { min-width: 0; padding: clamp(16px, 2vw, 26px); border-radius: 6px; background: var(--k); outline: 1px solid rgba(248,248,250,.3); }
.tool-form label, .tool-result label { display: block; margin-top: 14px; font-weight: 700; font-size: 16px; line-height: 1.3; }
.tool-shell input:not([type="checkbox"]):not([type="file"]):not([type="hidden"]), .tool-shell select, .tool-shell textarea { display: block; width: 100%; min-height: 48px; margin-top: 6px; padding: 10px 12px; box-sizing: border-box; border: 2px solid var(--w); border-radius: 4px; background: var(--k); color: var(--w); font: 700 16px/1.3 var(--texte); }
.tool-shell input:focus, .tool-shell select:focus, .tool-shell textarea:focus { outline: 2px solid var(--j); outline-offset: 2px; border-color: var(--j); }
.tool-shell ::placeholder { color: var(--w); opacity: .62; }
.tool-switch button[aria-pressed="true"] { border-color: var(--j); background: var(--j); color: var(--k); }
.tool-switch button { min-height: 44px; border: 2px solid var(--w); font-weight: 800; }
.marker, .eyebrow, .co-kicker { margin: 0 0 12px; font: 700 14px/1.2 var(--mono); color: var(--j); }
.tool-shell .primary, .cannibal-primary, .co-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 10px 20px; border: 0; background: var(--j); color: var(--k); font: 400 16px/1.1 var(--titre); text-transform: uppercase; text-decoration: none; clip-path: var(--scotch); cursor: pointer; }
.roi-value { display: block; font: 400 clamp(48px, 7vw, 96px)/1 var(--titre); letter-spacing: -.03em; color: var(--j); }
[data-roi-detail] { margin-top: 10px; font-size: 18px; font-weight: 700; }
.tool-shell h2, .tool-shell h3 { color: inherit; }
.tool-shell a { color: var(--j); }
.serp-preview a, .tool-result .serp-preview h2 { color: #1a0dab; }
@media (max-width: 860px) { .tool-shell { grid-template-columns: minmax(0, 1fr); } }
.dalle .tool-result .serp-preview h2 { font: 400 20px/1.3 Arial, Helvetica, sans-serif; letter-spacing: 0; text-transform: none; }