/* ============================================================
   features.css — infobulles stats, légende, preuve sociale, filtres,
   barre de comparaison et comparateur. Chargé par-dessus le skin actif.
   Réutilise les tokens --ar-* (premium) avec des replis sûrs.
   ============================================================ */
:root{
  --arf-line: var(--ar-line, rgba(0,0,0,.12));
  --arf-line2: var(--ar-line-2, rgba(0,0,0,.2));
  --arf-ink: var(--ar-ink, #1a160d);
  --arf-text: var(--ar-text, #4a463d);
  --arf-muted: var(--ar-muted, #8a8678);
  --arf-surface: var(--ar-surface, #fff);
  --arf-surface2: var(--ar-surface-2, #f4f1e8);
  --arf-brass: var(--ar-brass, #b9863a);
  --arf-radius: var(--ar-radius, 14px);
  --arf-radius-sm: var(--ar-radius-sm, 10px);
}

/* ============================================================
   Passe « clean tech » (Linear/Vercel) — accent laiton conservé.
   features.css se charge APRÈS le skin → ces tokens écrasent les chauds.
   ============================================================ */
:root{
  /* Voix éditoriale : serif à caractère (affichage) + mono (labels/fiche signalétique) */
  --font-serif:"Fraunces";
  --ar-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --ar-mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  /* Thème PAPIER clair (éditorial / dossier) — fini le tout-noir « dark SaaS » */
  --ar-bg:#f3ede0; --ar-bg-2:#ece4d4; --ar-surface:#fbf7ee; --ar-surface-2:#f1e9d9;
  --ar-ink:#211b13; --ar-text:#4f4738; --ar-muted:#8a8070; --ar-faint:#b0a692;
  --ar-line:rgba(33,27,19,.12); --ar-line-2:rgba(33,27,19,.20); --ar-soft:rgba(33,27,19,.045);
  --ar-brass:#a9742b; --ar-brass-2:#8a5e22;
}

/* Titres éditoriaux (serif à caractère, vraies italiques pour les accroches) */
h1,h2,h3,h4,.robot-tete h1,.ar-cmp-name,.ar-sr__intro{
  font-family:var(--ar-serif);letter-spacing:-.01em;
}

/* Labels, stats, statuts, eyebrows en MONO → effet catalogue / fiche signalétique */
.stat-label,.ar-card__stat span,.ar-world-card__fam,.ar-world-card__count,.ar-eyebrow,
.ar-filters__lbl,.robot-roles-label,.badge-statut,.ar-card__statut,.ar-cmp-statut,
.robot-specs__grid dt,.ar-ai-badge,.ar-nl__label{
  font-family:var(--ar-mono) !important;
}

/* Grain papier + dégradé chaud discret (remplace les halos « dégradé IA ») */
body.ar-body::before{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E") repeat,
    linear-gradient(180deg, var(--ar-bg-2), var(--ar-bg) 45%) !important;
  background-size:170px 170px, auto !important;
}

/* Cartes : filet fin, survol qui s'éclaire + très léger biais « carte posée » */
.ar-card{box-shadow:none;border:1px solid var(--ar-line);transition:border-color .18s ease,transform .18s ease,background .18s ease;}
.ar-card:hover{transform:translateY(-3px) rotate(-.4deg);border-color:color-mix(in srgb,var(--fam) 45%,var(--ar-line-2));background:var(--ar-surface-2);}

/* Tampons de statut (rubber stamp) — effet « dossier d'adoption » */
.badge-statut,.ar-card__statut,.ar-cmp-statut{
  background:color-mix(in srgb, currentColor 16%, transparent) !important;
  border:1.5px solid currentColor; border-radius:4px !important;
  text-transform:uppercase; letter-spacing:.1em; font-weight:700; font-size:10px;
  transform:rotate(-3deg); backdrop-filter:none !important;
}

/* Header allégé */
.ar-site-header__in{min-height:54px;}

/* Thème clair : statuts lisibles sur papier + tampon de carte avec fond lisible */
.statut-disponible{color:#1c7a55;}
.statut-production{color:#9c6206;}
.statut-prototype{color:#6c6456;}
.statut-adopte{color:#b0426c;}
.ar-card__statut{background:color-mix(in srgb,var(--arf-surface) 88%, transparent) !important;}

/* Comparateur : version calme et pro — pas de rotation, pas de couronne,
   pas de lignes verticales, gagnant juste mis en gras laiton. */
.ar-cmp-cell{border-left:0 !important;}
.ar-cmp-statut{transform:none !important;}
.ar-cmp-stat .ti-crown{display:none;}
.ar-cmp-stat.is-best{background:transparent;box-shadow:none;}
.ar-cmp-stat.is-best b{color:var(--arf-brass);font-weight:700;}

/* Focus visibles soignés (accessibilité + signature « tech ») */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
summary:focus-visible,.ar-btn:focus-visible,.ar-search-btn:focus-visible,label.robot-adopter:focus-visible{
  outline:2px solid var(--arf-brass);outline-offset:2px;border-radius:8px;
}

/* Champs de saisie : toujours sombres (jamais de boîte blanche) */
.robot-chat__input,.ar-nl__input,.ar-search__in input,.ar-search2__in input,
.ar-filters__search input,.ar-filters__field select,.ar-search__in input[type="search"]{
  background:var(--ar-surface) !important;color:var(--ar-ink) !important;
  border:1px solid var(--ar-line-2) !important;
}
.robot-chat__input::placeholder,.ar-nl__input::placeholder,
.ar-search__in input::placeholder,.ar-search2__in input::placeholder,
.ar-filters__search input::placeholder{color:var(--ar-muted) !important;}

/* Les accroches/citations gardent la vraie italique Fraunces (éditorial). */

/* ---- A · Infobulles des stats (fiche) + icône d'aide ---------------------- */
.robot-stats .stat-label{position:relative;display:inline-flex;align-items:center;gap:.3em;cursor:help;}
.stat-help{font-size:.95em;opacity:.5;}
.stat-label:hover .stat-help,.stat-label:focus .stat-help{opacity:1;color:var(--arf-brass);}
.stat-label[data-tip]::after{
  content:attr(data-tip);
  position:absolute;left:0;bottom:calc(100% + 8px);z-index:20;
  width:230px;max-width:60vw;padding:.6rem .7rem;
  background:var(--arf-ink);color:var(--ar-bg,#fff);
  font-size:.74rem;line-height:1.4;font-weight:500;letter-spacing:0;
  border-radius:10px;box-shadow:0 14px 30px -16px rgba(0,0,0,.8);
  opacity:0;visibility:hidden;transform:translateY(4px);transition:.16s ease;pointer-events:none;
}
.stat-label[data-tip]:hover::after,.stat-label[data-tip]:focus::after{opacity:1;visibility:visible;transform:translateY(0);}

/* Légende « comment on note » */
.robot-rating{margin:.4rem 0 1.1rem;border:1px solid var(--arf-line);border-radius:var(--arf-radius-sm);background:var(--ar-soft,rgba(0,0,0,.03));}
.robot-rating>summary{cursor:pointer;list-style:none;padding:.7rem .9rem;font-weight:600;font-size:.82rem;color:var(--arf-text);display:flex;align-items:center;gap:.45rem;}
.robot-rating>summary::-webkit-details-marker{display:none;}
.robot-rating[open]>summary{border-bottom:1px solid var(--arf-line);color:var(--arf-ink);}
.robot-rating__lead{padding:.8rem .9rem 0;margin:0;font-size:.8rem;color:var(--arf-muted);}
.robot-rating__list{margin:.5rem 0 .2rem;padding:.2rem .9rem .9rem 1.7rem;font-size:.8rem;line-height:1.5;color:var(--arf-text);}
.robot-rating__list b{color:var(--arf-ink);}

/* Lien fabricant dans la fiche technique */
.robot-specs__maker{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;font-weight:600;font-size:.85rem;color:var(--arf-brass);text-decoration:none;border-bottom:1px solid transparent;}
.robot-specs__maker:hover{border-bottom-color:currentColor;}

/* ---- Bouton « AI Search » du header (→ champ déroulant) ------------------- */
.ar-search-btn{
  display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;
  padding:.5rem .85rem;border-radius:8px;cursor:pointer;
  font-family:var(--ar-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;
  color:var(--arf-ink);background:transparent;
  border:1px solid var(--arf-line2);transition:border-color .15s ease,color .15s ease;white-space:nowrap;
}
.ar-search-btn:hover,.ar-search-btn:focus{border-color:var(--arf-brass);color:var(--arf-brass);}
.ar-search-btn svg{display:none;}
.ar-search-toggle:checked ~ .ar-search-btn{filter:brightness(.94);}
.ar-search__in .ar-btn svg{width:20px;height:20px;}

.ar-search{
  position:absolute;left:0;right:0;top:100%;display:none;z-index:99;
  background:var(--ar-bg-2,#16140f);border-bottom:1px solid var(--arf-line);
  box-shadow:0 18px 40px -24px rgba(0,0,0,.9);
}
.ar-search-toggle:checked ~ .ar-search{display:block;}
.ar-search__in{
  display:flex;gap:.6rem;align-items:center;position:relative;
  max-width:var(--ar-wide,1280px);margin:0 auto;padding:.8rem var(--ar-pad,1.25rem);
}
.ar-search__in input{flex:1 1 auto;padding:.7rem .9rem;border:1px solid var(--arf-line2);border-radius:var(--arf-radius-sm);background:var(--arf-surface);color:var(--arf-ink);font:inherit;font-size:.95rem;}
.ar-search__in input:focus{outline:none;border-color:var(--arf-brass);}
.ar-search__in .ar-btn{flex-shrink:0;}

/* Badge « IA » — à plat, doré */
.ar-ai-badge{
  display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0;
  padding:.26rem .55rem;border-radius:4px;
  font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--arf-muted);background:transparent;border:1px solid var(--arf-line2);white-space:nowrap;
}
.ar-ai-badge svg{display:none;}
.ar-ai-badge--lg{font-size:.7rem;padding:.3rem .65rem;margin-bottom:.7rem;}

/* ---- Recherche IA (page /search/) ---------------------------------------- */
.ar-search-results{max-width:var(--ar-wide,1280px);margin:1.6rem auto;padding-inline:var(--ar-pad,1.25rem);}
.ar-search2{margin-bottom:1.6rem;}
.ar-search2__in{display:flex;gap:.6rem;align-items:center;}
.ar-search2__in input{flex:1 1 auto;padding:.85rem 1rem;border:1px solid var(--arf-line2);border-radius:var(--arf-radius-sm);background:var(--arf-surface);color:var(--arf-ink);font:inherit;font-size:1rem;}
.ar-search2__in input:focus{outline:none;border-color:var(--arf-brass);}
.ar-search2__in .ar-btn{flex-shrink:0;}
.ar-sr__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;color:var(--arf-muted);text-align:center;}
.ar-sr__spinner{width:34px;height:34px;border-radius:999px;border:3px solid var(--arf-line2);border-top-color:var(--arf-brass);animation:ar-spin .8s linear infinite;}
@keyframes ar-spin{to{transform:rotate(360deg);}}
.ar-sr__intro{font-family:var(--ar-serif,Georgia,serif);font-size:1.15rem;line-height:1.5;color:var(--arf-ink);margin:0 0 1.3rem;}
.ar-sr__hint,.ar-sr__empty{text-align:center;color:var(--arf-muted);padding:2.5rem 1rem;font-size:1rem;}
.ar-sr-item{display:flex;flex-direction:column;}
.ar-sr-item .ar-card{flex:1 1 auto;}
.ar-sr__reason{margin:.55rem 0 0;padding:.6rem .75rem;border-left:3px solid var(--arf-brass);background:var(--ar-soft,rgba(0,0,0,.03));border-radius:0 8px 8px 0;font-size:.84rem;line-height:1.45;color:var(--arf-text);}

/* ---- Encart « Wanted » (avis de recherche IA + faire connaissance) -------- */
.ar-wanted{max-width:var(--ar-wide,1280px);margin:clamp(2rem,4.5vw,3.2rem) auto;padding-inline:var(--ar-pad,1.25rem);}
.ar-wanted__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}
@media(max-width:760px){.ar-wanted__grid{grid-template-columns:1fr;}}

/* Affiche « Wanted » papier */
.ar-wanted__poster{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(2rem,3.5vw,3rem);border-radius:var(--arf-radius);
  background:var(--arf-surface);border:2px solid var(--arf-ink);
  box-shadow:6px 6px 0 0 color-mix(in srgb,var(--arf-ink) 16%,transparent);
}
.ar-wanted__tag{
  font-family:var(--ar-serif);font-weight:700;text-transform:uppercase;letter-spacing:.14em;
  font-size:clamp(1.4rem,3vw,2rem);color:var(--arf-ink);
  border-block:3px solid var(--arf-ink);padding:.1em 0;margin-bottom:1rem;width:100%;
}
.ar-wanted__mug{display:block;width:clamp(120px,16vw,168px);height:clamp(120px,16vw,168px);color:var(--arf-ink);margin:.6rem 0 1.2rem;}
.ar-wanted__mug svg{width:100%;height:100%;}
.ar-wanted__title{font-family:var(--ar-serif);font-weight:600;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--arf-ink);letter-spacing:-.01em;margin:0 0 .5rem;}
.ar-wanted__sub{color:var(--arf-muted);font-size:1rem;margin:0 0 1.5rem;max-width:38ch;}
.ar-wanted__form{display:flex;gap:.5rem;width:100%;max-width:480px;}
.ar-wanted__form input{flex:1 1 auto;min-width:0;padding:.75rem .9rem;font:inherit;font-size:.95rem;
  background:var(--ar-bg);color:var(--arf-ink);border:1px solid var(--arf-line2);border-radius:var(--arf-radius-sm);}
.ar-wanted__form input:focus{outline:none;border-color:var(--arf-brass);}
.ar-wanted__form .ar-btn{flex-shrink:0;}
@media(max-width:480px){.ar-wanted__form{flex-direction:column;}.ar-wanted__form .ar-btn{width:100%;}}

/* Colonne droite : présentation éditoriale du « petit dernier » (cadre jumeau) */
.ar-wanted__talk{
  display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:.6rem;
  padding:clamp(2rem,3.5vw,3rem);border-radius:var(--arf-radius);
  background:var(--arf-surface);border:2px solid var(--arf-ink);
  box-shadow:6px 6px 0 0 color-mix(in srgb,var(--arf-ink) 16%,transparent);
}
.ar-wanted__newtag{font-family:var(--ar-mono);font-size:.62rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.16em;color:var(--fam-text,var(--arf-brass));
  border:1px solid color-mix(in srgb,var(--fam,var(--arf-brass)) 45%,var(--arf-line2));
  padding:.25rem .6rem;border-radius:999px;margin-bottom:.3rem;}
.ar-newborn__photo{width:100%;max-width:230px;aspect-ratio:1;border-radius:16px;padding:.9rem;
  background-color:var(--arf-surface2);background-repeat:no-repeat;background-position:center;
  background-size:contain;background-origin:content-box;
  display:flex;align-items:center;justify-content:center;color:var(--fam,var(--arf-muted));
  border:1px solid color-mix(in srgb,var(--fam) 30%,var(--arf-line2));}
.ar-newborn__photo .ar-fam-ico{width:56px;height:56px;}
.ar-newborn__name{font-family:var(--ar-serif);font-size:1.6rem;font-weight:600;letter-spacing:-.015em;
  color:var(--arf-ink);text-decoration:none;line-height:1.05;}
.ar-newborn__name:hover{color:var(--arf-brass);}
.ar-newborn__acc{font-family:var(--ar-serif);font-style:italic;font-size:1rem;color:var(--arf-muted);
  margin:0;max-width:34ch;line-height:1.4;}

/* Champ « parler à … » (style chat, largeur de la carte) */
.ar-newborn__ask{display:flex;gap:.5rem;width:100%;max-width:380px;}
.ar-newborn__ask input{flex:1 1 auto;min-width:0;padding:.7rem .95rem;font:inherit;font-size:.92rem;
  background:var(--ar-surface);color:var(--arf-ink);border:1px solid var(--arf-line2);border-radius:999px;}
.ar-newborn__ask input:focus{outline:none;border-color:var(--arf-brass);}
.ar-newborn__ask button{flex-shrink:0;border:0;border-radius:999px;cursor:pointer;padding:.7rem 1.2rem;
  background:var(--arf-brass);color:#1a160d;font:inherit;font-weight:700;font-size:.85rem;
  transition:transform .15s,background .18s;}
.ar-newborn__ask button:hover{background:#e3b86c;transform:translateY(-1px);}

/* Amorces de conversation */
.ar-newborn__starters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:380px;}
.ar-newborn__starters a{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:999px;
  background:var(--arf-surface);border:1px solid var(--arf-line2);color:var(--arf-text);
  font-size:.8rem;text-decoration:none;transition:border-color .15s,color .15s;}
.ar-newborn__starters a:hover{border-color:var(--arf-brass);color:var(--arf-brass);}

/* Mini-stats du « petit dernier » (pour équilibrer la colonne) */
.ar-newborn__stats{display:flex;gap:1rem;margin:.3rem 0 .3rem;}
.ar-newborn__stat{display:flex;flex-direction:column;align-items:center;gap:.1rem;
  font-family:var(--ar-mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--arf-muted);line-height:1;}
.ar-newborn__stat b{font-family:var(--ar-serif);font-size:1.15rem;font-weight:600;color:var(--arf-ink);line-height:1;}

/* Hero d'accueil moins imposant */
.ar-display{font-size:clamp(2rem,4.4vw,3.4rem) !important;max-width:18ch;}
.ar-lede{font-size:clamp(.98rem,1.4vw,1.12rem) !important;margin-top:1.1rem !important;}

/* ---- Section « Cette semaine » : dernières actus (g.) + vidéo buzz (d.) ---- */
.ar-week{max-width:var(--ar-wide,1280px);margin:clamp(3rem,6.5vw,7rem) auto clamp(2rem,4.5vw,3.2rem);padding-inline:var(--ar-pad,1.25rem);}
/* Section « En situation » (images générées par IA) — mention discrète */
.robot-decor__note{display:flex;align-items:center;gap:.35em;margin:.7rem 0 0;font-size:.7rem;line-height:1.45;color:var(--ar-muted,#8a8175);opacity:.85;}
.robot-decor__note .ti{color:var(--fam,#c79a4b);font-size:1em;}
/* Mention IA du chat : désormais SOUS l'encart → espace au-dessus, pas en dessous */
.robot-chat__ai-notice{margin:1.1rem 0 0;}
/* « Up for adoption » : 4 par ligne (donc 2 lignes de 4), responsive */
.ar-robot-rail{grid-template-columns:repeat(4,1fr);}
@media(max-width:900px){.ar-robot-rail{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.ar-robot-rail{grid-template-columns:1fr;}}
/* Newsroom : même largeur que la grille robots (on retire la marge en trop de .ar-journal) */
.ar-journal{max-width:none;margin:0;padding:0;}
/* Newsroom : une ligne de 4 cartes (responsive), image plus haute + cadrage vers le haut */
.ar-encarts{grid-template-columns:repeat(4,1fr);}
@media(max-width:900px){.ar-encarts{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.ar-encarts{grid-template-columns:1fr;}}
.ar-encart__media{aspect-ratio:auto;min-height:clamp(230px,20vw,285px);}
.ar-encart--presse .ar-encart__media{background-position:center top;}
.ar-week__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:stretch;}
@media(max-width:760px){.ar-week__grid{grid-template-columns:1fr;}}
.ar-week__news,.ar-week__video{padding:clamp(1.3rem,2.5vw,1.9rem);border-radius:var(--arf-radius);
  background:var(--arf-surface);border:1px solid var(--arf-line);}
.ar-week__title{font-family:var(--ar-serif);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--arf-ink);margin:0 0 1rem;}
.ar-week__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.ar-week__list li{border-top:1px solid var(--arf-line);}
.ar-week__list li:first-child{border-top:0;}
.ar-week__list a{display:flex;flex-direction:column;gap:.2rem;padding:.7rem 0;text-decoration:none;color:var(--arf-ink);transition:color .15s;}
.ar-week__list a:hover{color:var(--arf-brass);}
.ar-week__h{font-weight:500;font-size:.95rem;line-height:1.35;}
.ar-week__meta{font-family:var(--ar-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--arf-muted);}
.ar-week__embed{position:relative;aspect-ratio:16/9;border-radius:var(--arf-radius-sm);overflow:hidden;background:#000;}
.ar-week__embed iframe,.ar-week__embed video{position:absolute;inset:0;width:100%;height:100%;border:0;}
.ar-week__empty{color:var(--arf-muted);font-size:.9rem;}
/* Le palmarès : podium top 3 + lignes 4-5 (rotation hebdo par stat) */
.ar-palmares__sub{font-family:var(--ar-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--arf-muted);margin:-.6rem 0 1.3rem;}
.ar-podium{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;justify-content:center;gap:.6rem;}
.ar-podium__item{flex:1 1 0;min-width:0;max-width:34%;display:flex;flex-direction:column;align-items:center;text-align:center;}
.ar-podium__item--1{order:2;--medal:#d7a94a;--stand:40px;}
.ar-podium__item--2{order:1;--medal:#bcc2ca;--stand:26px;}
.ar-podium__item--3{order:3;--medal:#c1834f;--stand:16px;}
.ar-podium__ava{position:relative;display:block;width:60px;height:60px;border-radius:50%;background-size:cover;background-position:center top;
  background-color:color-mix(in srgb,var(--medal) 18%,var(--arf-surface));border:3px solid var(--medal);box-shadow:0 4px 12px rgba(33,27,19,.16);}
.ar-podium__item--1 .ar-podium__ava{width:78px;height:78px;}
.ar-podium__medal{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);min-width:19px;height:19px;padding:0 3px;border-radius:10px;
  background:var(--medal);color:#241c10;font-family:var(--ar-mono);font-size:.72rem;font-weight:700;line-height:19px;box-shadow:0 1px 3px rgba(0,0,0,.28);}
.ar-podium__name{margin-top:.85rem;font-weight:600;font-size:.9rem;line-height:1.2;color:var(--arf-ink);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ar-podium__name:hover{color:var(--arf-brass);}
.ar-podium__val{font-family:var(--ar-mono);font-size:1.05rem;font-weight:700;color:var(--arf-ink);margin-top:.05rem;}
.ar-podium__stand{margin-top:.5rem;width:100%;height:var(--stand);border-radius:7px 7px 0 0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--medal) 55%,transparent),color-mix(in srgb,var(--medal) 8%,transparent));}
.ar-palmares-rest{list-style:none;margin:1rem 0 0;padding:.7rem 0 0;border-top:1px solid var(--arf-line);display:flex;flex-direction:column;gap:.5rem;}
.ar-palmares-rest li{display:flex;align-items:center;gap:.65rem;padding:.4rem 0;}
.ar-palmares-rest__rank{flex-shrink:0;width:1.2rem;text-align:center;font-family:var(--ar-mono);font-size:.8rem;font-weight:700;color:var(--arf-muted);}
.ar-palmares-rest a{flex:0 0 34%;min-width:0;font-size:.9rem;font-weight:500;color:var(--arf-ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s;}
.ar-palmares-rest a:hover{color:var(--fam,var(--arf-brass));}
.ar-palmares-rest__bar{flex:1;height:6px;border-radius:4px;background:var(--arf-line);overflow:hidden;}
.ar-palmares-rest__bar span{display:block;height:100%;border-radius:4px;background:var(--fam,var(--arf-brass));}
.ar-palmares-rest b{flex-shrink:0;width:1.8rem;text-align:right;font-family:var(--ar-mono);font-size:.82rem;font-weight:700;color:var(--arf-ink);}

/* ---- Textes SEO (intro au-dessus de la liste, corps en dessous) ----------- */
.ar-seo{max-width:var(--ar-wide,1280px);margin-inline:auto;padding-inline:var(--ar-pad,1.25rem);}
/* Corps SEO sous la liste : pleine largeur en colonnes (compact, lignes lisibles). */
.ar-seo--corps{margin-top:clamp(.8rem,1.8vw,1.4rem);padding-top:clamp(1.2rem,2.2vw,1.7rem);border-top:1px solid var(--arf-line);
  column-count:3;column-gap:2.6rem;}
.ar-seo--corps p{margin:0 0 .9rem;font-size:.9rem;line-height:1.7;color:var(--arf-muted);break-inside:avoid;}
.ar-seo--corps p:last-child{margin-bottom:0;}
.ar-seo--corps strong{color:var(--arf-ink);font-weight:600;}
@media(max-width:900px){.ar-seo--corps{column-count:2;}}
@media(max-width:600px){.ar-seo--corps{column-count:1;}}
/* Intro dans le bandeau : pleine largeur, plus petit, compact. */
.ar-zone-banner__intro{margin:.85rem 0 0;max-width:none;font-size:.9rem;line-height:1.6;color:var(--arf-muted);}
/* Bandeau de zone : hauteur réduite pour ne pas repousser la liste. */
.ar-zone-banner{padding-block:clamp(2.2rem,5vw,3.6rem) clamp(1.3rem,2.8vw,2rem);}

/* ---- Carte du monde (plan, zones en étoile autour de la Maison) ----------- */
.ar-map{position:relative;aspect-ratio:1.5;margin-top:1.4rem;border:1px solid var(--arf-line2);border-radius:18px;overflow:hidden;
  background:
    radial-gradient(circle at 50% 46%, rgba(169,116,43,.06), transparent 45%),
    repeating-linear-gradient(0deg,transparent 0 38px,rgba(33,27,19,.035) 38px 39px),
    repeating-linear-gradient(90deg,transparent 0 38px,rgba(33,27,19,.035) 38px 39px),
    var(--arf-surface);
  box-shadow:6px 6px 0 0 rgba(33,27,19,.06);}
.ar-map__paths{position:absolute;inset:0;width:100%;height:100%;}
/* zone = petite carte colorée compacte (on reprend la main sur le skin de base) */
.ar-zone{position:absolute;transform:translate(-50%,-50%);width:140px;padding:14px 12px;text-align:center;text-decoration:none;color:inherit;
  border-radius:16px;background:color-mix(in srgb,var(--fam) 12%,var(--arf-surface));
  border:1px solid color-mix(in srgb,var(--fam) 30%,var(--arf-line2));transition:box-shadow .15s ease;}
.ar-zone:hover{box-shadow:0 12px 26px -14px rgba(0,0,0,.4);}
.ar-zone__pin{width:52px;height:52px;margin:0 auto;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:var(--arf-surface);border:1.5px solid var(--fam);color:var(--fam);transition:transform .15s;}
.ar-zone:hover .ar-zone__pin{transform:translateY(-3px);}
.ar-zone__pin .ar-fam-ico{width:26px;height:26px;}
.ar-zone__name{display:block;font-family:var(--ar-serif);font-weight:600;font-size:1rem;color:var(--arf-ink);margin-top:.5rem;}
.ar-zone__meta{display:block;font-family:var(--ar-mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:var(--arf-muted);margin-top:.15rem;}
.ar-zone__dots{display:flex;gap:3px;justify-content:center;margin-top:.4rem;}
.ar-zone__dots i{width:7px;height:7px;border-radius:50%;background:var(--fam);opacity:.85;}
/* Mobile : une vignette par ligne (pleine largeur), pas de fond/quadrillage de carte */
@media(max-width:760px){
  .ar-map{aspect-ratio:auto;display:flex;flex-direction:column;gap:.8rem;padding:0;border:0;background:none;box-shadow:none;overflow:visible;}
  .ar-map__paths{display:none;}
  .ar-zone{position:static;transform:none;width:100%;}
}

/* ---- Image principale « détourée » à l'affichage (robot entier, centré) --- */
.robot-portrait img.ar-cutout{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;
  background:color-mix(in srgb,var(--fam,var(--arf-brass)) 8%, var(--arf-surface2));padding:6%;}

/* ---- Fil d'Ariane (fiche robot) ------------------------------------------- */
.ar-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:1.2rem auto .4rem;
  font-family:var(--ar-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--arf-muted);}
.ar-breadcrumb a{color:var(--arf-muted);text-decoration:none;}
.ar-breadcrumb a:hover{color:var(--arf-brass);}
.ar-breadcrumb span[aria-hidden]{opacity:.5;}
.ar-breadcrumb__current{color:var(--arf-ink);}

/* Illustration de lieu dans les vignettes « Familles » */
.ar-world-card--place .ar-world-card__chip{width:60px;height:60px;}
.ar-world-card__chip .ar-place-ico{width:34px;height:34px;}

/* ---- Pied de page : clair, lisible et compact ----------------------------- */
.ar-site-footer{background:var(--arf-surface2) !important;border-top:1px solid var(--arf-line2);
  margin-top:clamp(2rem,5vw,3.5rem) !important;padding-top:clamp(1.8rem,4vw,2.6rem) !important;}
.ar-site-footer__grid{padding-bottom:1.6rem !important;gap:clamp(1.2rem,3vw,2.2rem) !important;}
.ar-site-footer__tag{margin-top:.7rem;font-size:.88rem;color:var(--arf-muted);}
.ar-site-footer__col ul{gap:.45rem !important;}
.ar-site-footer__col a,.ar-site-footer__col h3{font-size:.88rem;}
.ar-site-footer__bottom{padding:1.2rem 0 1.6rem !important;color:var(--arf-muted) !important;text-align:center;}
.ar-site-footer__disclaimer{margin-left:auto;margin-right:auto;}
.ar-site-footer__disclaimer{max-width:none;color:var(--arf-muted) !important;font-size:.74rem;margin-bottom:.6rem;}
.ar-rtm{font-size:.62em;vertical-align:super;line-height:0;opacity:.85;margin-left:.05em;}

/* ---- B · Preuve sociale --------------------------------------------------- */
.ar-proof{display:inline-flex;align-items:center;gap:.45rem;margin-top:.6rem;font-size:.82rem;font-weight:600;color:var(--arf-brass);}
.ar-proof .ti{font-size:1.05em;}

/* ---- D · Barre de filtres ------------------------------------------------- */
.ar-filters{
  display:flex;flex-wrap:wrap;gap:.7rem;align-items:flex-end;
  max-width:var(--ar-wide,1280px);margin:1.6rem auto .4rem;padding-inline:var(--ar-pad,1.25rem);
}
.ar-filters__search{position:relative;flex:1 1 220px;min-width:180px;}
.ar-filters__searchico{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--arf-muted);pointer-events:none;}
.ar-filters__search input{width:100%;padding:.6rem .8rem .6rem 2.3rem;border:1px solid var(--arf-line2);border-radius:var(--arf-radius-sm);background:var(--arf-surface);color:var(--arf-ink);font:inherit;font-size:.9rem;}
.ar-filters__field{display:flex;flex-direction:column;gap:.25rem;}
.ar-filters__lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--arf-muted);font-weight:700;}
.ar-filters__field select{padding:.55rem .8rem;border:1px solid var(--arf-line2);border-radius:var(--arf-radius-sm);background:var(--arf-surface);color:var(--arf-ink);font:inherit;font-size:.86rem;cursor:pointer;}
.ar-filters__go{padding-block:.55rem;}
.ar-filters__reset{align-self:center;font-size:.8rem;color:var(--arf-muted);text-decoration:underline;}
.ar-filters__reset:hover{color:var(--arf-brass);}
.ar-noresults{text-align:center;padding:3rem 1rem;color:var(--arf-muted);font-size:1rem;}

/* ---- Scroll infini : sentinelle ------------------------------------------ */
.ar-more{min-height:1px;text-align:center;color:var(--arf-muted);font-size:.85rem;padding:1.2rem 0;}
.ar-more.is-loading::before{content:"";display:inline-block;width:18px;height:18px;vertical-align:-3px;margin-right:.5rem;
  border:2px solid var(--arf-line2);border-top-color:var(--arf-brass);border-radius:50%;animation:ar-spin .7s linear infinite;}
.ar-more.is-done{opacity:.7;font-style:italic;}
@keyframes ar-spin{to{transform:rotate(360deg);}}

/* ---- Carte : case « comparer » ------------------------------------------- */
.ar-card-wrap{position:relative;}
.ar-card__cmp{
  position:absolute;top:.55rem;left:.55rem;z-index:5;
  display:inline-flex;align-items:center;gap:.32rem;
  padding:.32rem .55rem;border-radius:999px;cursor:pointer;
  background:color-mix(in srgb,var(--ar-bg,#000) 72%,transparent);
  color:#fff;font-size:.72rem;font-weight:600;
  backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);
  opacity:.92;transition:.15s ease;
}
.ar-card__cmp:hover{opacity:1;border-color:var(--arf-brass);}
.ar-card__cmp input{accent-color:var(--arf-brass);margin:0;cursor:pointer;}
.ar-card__cmp span{display:none;}
@media(min-width:560px){.ar-card__cmp span{display:inline;}}

/* ---- Barre flottante de comparaison -------------------------------------- */
.ar-cmp-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;
  background:color-mix(in srgb,var(--ar-bg,#111) 88%,transparent);
  backdrop-filter:saturate(140%) blur(14px);border-top:1px solid var(--arf-line2);
  box-shadow:0 -14px 30px -20px rgba(0,0,0,.7);
}
.ar-cmp-bar__in{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;
  max-width:var(--ar-wide,1280px);margin:0 auto;padding:.7rem var(--ar-pad,1.25rem);}
.ar-cmp-bar__count{font-weight:700;color:var(--arf-ink);white-space:nowrap;}
.ar-cmp-bar__thumbs{display:flex;gap:.4rem;flex-wrap:wrap;flex:1 1 auto;}
.ar-cmp-bar__chip{font-size:.74rem;font-weight:600;padding:.25rem .55rem;border-radius:999px;background:var(--arf-surface2);color:var(--arf-text);border:1px solid var(--arf-line);}
.ar-cmp-bar__clear{background:none;border:0;color:var(--arf-muted);font:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer;}
.ar-cmp-bar__clear:hover{color:var(--arf-brass);}
.ar-cmp-bar__go.is-disabled{opacity:.45;pointer-events:none;}

/* ---- C · Comparateur ------------------------------------------------------ */
.ar-compare-page .ar-cmp-empty{text-align:center;padding:3.5rem 1.25rem;color:var(--arf-muted);}
.ar-cmp-empty .ti{font-size:2.6rem;color:var(--arf-brass);opacity:.7;}
.ar-cmp-empty p{margin:.8rem auto 1.4rem;max-width:32ch;font-size:1rem;}

/* ===== Comparateur — style Apple/Stripe : colonnes épurées, robot centré ===== */
.ar-compare-scroll{max-width:var(--ar-wide,1280px);margin:1.6rem auto 0;padding-inline:var(--ar-pad,1.25rem);overflow-x:auto;}
.ar-compare{display:grid;grid-template-columns:minmax(118px,.7fr) repeat(var(--cols),minmax(168px,1fr));
  background:transparent;min-width:min(100%,640px);}
.ar-cmp-row{display:contents;}

/* libellés d'attribut : sobres, sentence case, gris (pas de mono ici) */
.ar-cmp-rowlabel{font-family:var(--ar-sans)!important;text-transform:none!important;letter-spacing:0!important;
  padding:1rem 1.1rem;font-size:.9rem;font-weight:500;color:var(--arf-muted);
  display:flex;align-items:center;border-top:1px solid var(--arf-line);
  position:sticky;left:0;background:var(--ar-bg);z-index:2;}
.ar-cmp-cell{padding:1rem 1.1rem;border-top:1px solid var(--arf-line);
  font-size:.98rem;color:var(--arf-ink);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;text-align:center;}
.ar-cmp-na{color:var(--arf-muted);opacity:.45;}

/* sections : titre serif, beaucoup d'air, fin filet */
.ar-cmp-group{grid-column:1 / -1;position:sticky;left:0;
  font-family:var(--ar-serif);font-size:1.2rem;font-weight:600;color:var(--arf-ink);letter-spacing:-.01em;
  padding:2rem 1.1rem .4rem;margin-top:.5rem;border-top:1px solid var(--arf-line2);background:var(--ar-bg);}

/* en-tête produit : portrait centré sur papier, nom serif, statut clean */
.ar-cmp-row--head .ar-cmp-rowlabel{border-top:0;background:transparent;}
.ar-cmp-head{border-top:0;align-items:center;text-align:center;gap:.55rem;padding:0 1.1rem 1.4rem;}
.ar-cmp-portrait{width:100%;max-width:150px;aspect-ratio:1;border-radius:16px;overflow:hidden;
  background:var(--ar-surface) center no-repeat;background-size:contain;background-origin:content-box;padding:10px;
  border:1px solid var(--arf-line);display:flex;align-items:center;justify-content:center;color:var(--arf-muted);}
.ar-cmp-portrait .ar-fam-ico{width:40px;height:40px;}
.ar-cmp-name{font-family:var(--ar-serif);font-size:1.35rem;font-weight:600;color:var(--arf-ink);text-decoration:none;line-height:1.1;letter-spacing:-.015em;}
.ar-cmp-name:hover{color:var(--arf-brass);}
.ar-cmp-fam{font-family:var(--ar-sans)!important;text-transform:none!important;letter-spacing:0!important;display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--arf-muted);}
.ar-cmp-fam .ar-fam-ico{width:14px;height:14px;}
.ar-cmp-statut{font-family:var(--ar-sans)!important;text-transform:none!important;letter-spacing:0!important;
  background:var(--arf-surface2)!important;border:0!important;border-radius:999px!important;transform:none!important;
  font-size:.72rem;font-weight:600;padding:.22rem .7rem;}

/* notes : barre fine + valeur serif, gagnant en gras laiton (discret) */
.ar-cmp-stat{gap:.45rem;width:100%;}
.ar-cmp-bar{display:block;width:100%;max-width:120px;height:6px;border-radius:999px;background:var(--arf-line2);overflow:hidden;}
.ar-cmp-fill{display:block;height:100%;border-radius:999px;background:var(--fam,var(--arf-brass));}
.ar-cmp-stat b{font-family:var(--ar-serif);font-size:1.4rem;color:var(--arf-ink);line-height:1;font-weight:600;}
.ar-cmp-stat.is-best b{color:var(--arf-brass);}

.ar-cmp-feats{margin:0;padding:0;list-style:none;font-size:.85rem;line-height:1.6;color:var(--arf-text);}
.ar-cmp-actions{gap:.5rem;width:100%;}
.ar-cmp-actions .ar-btn{width:100%;justify-content:center;font-size:.82rem;padding:.6rem;}
.ar-cmp-maker{font-family:var(--ar-sans)!important;text-transform:none!important;letter-spacing:0!important;font-weight:600;font-size:.8rem;color:var(--arf-brass);text-decoration:none;}
.ar-cmp-maker:hover{text-decoration:underline;}
.ar-cmp-more{text-align:center;margin:1.4rem auto 2.5rem;}

/* ---- Sélecteur de robots intégré à la page /compare/ --------------------- */
.ar-picker-wrap{max-width:var(--ar-wide,1280px);margin:1.6rem auto;padding-inline:var(--ar-pad,1.25rem);}
.ar-picker__bar{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-bottom:1.1rem;}
.ar-picker__search{position:relative;flex:1 1 220px;min-width:180px;}
.ar-picker__searchico{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--arf-muted);pointer-events:none;}
.ar-picker__search input{width:100%;padding:.6rem .8rem .6rem 2.3rem;border:1px solid var(--arf-line2);border-radius:var(--arf-radius-sm);background:var(--arf-surface);color:var(--arf-ink);font:inherit;font-size:.9rem;}
.ar-picker__go{white-space:nowrap;}
.ar-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;}
.ar-picker__item{position:relative;display:flex;flex-direction:column;border:1px solid var(--arf-line);border-radius:var(--arf-radius-sm);overflow:hidden;background:var(--arf-surface);cursor:pointer;transition:.14s ease;}
.ar-picker__item:hover{border-color:var(--fam,var(--arf-brass));transform:translateY(-2px);}
.ar-picker__item:focus-within{outline:2px solid var(--arf-brass);outline-offset:2px;}
.ar-picker__thumb{aspect-ratio:1/1;background:var(--arf-surface) center no-repeat;background-size:74%;
  display:flex;align-items:center;justify-content:center;color:var(--fam,var(--arf-muted));border-bottom:1px solid var(--arf-line);}
.ar-picker__thumb .ar-fam-ico{width:34px;height:34px;}
.ar-picker__name{padding:.5rem .6rem;font-size:.82rem;font-weight:600;color:var(--arf-ink);line-height:1.25;}
/* Case à cocher visible, coin haut droit de la vignette */
.ar-picker__check{
  position:absolute;top:.5rem;right:.5rem;z-index:2;margin:0;
  width:1.5rem;height:1.5rem;cursor:pointer;
  accent-color:var(--fam,var(--arf-brass));
  border-radius:6px;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ar-bg,#000) 35%,transparent);
}
.ar-picker__item:has(.ar-picker__check:checked){border-color:var(--fam,var(--arf-brass));box-shadow:0 0 0 2px color-mix(in srgb,var(--fam,#caa) 60%,transparent) inset;}
.ar-picker__item:has(.ar-picker__check:checked) .ar-picker__name{color:var(--fam-text,var(--arf-brass));}
.ar-picker__hint{text-align:center;color:var(--arf-muted);padding:2rem 1rem;}

.ar-picker-toggle{max-width:var(--ar-wide,1280px);margin:.4rem auto 2.4rem;padding-inline:var(--ar-pad,1.25rem);}
.ar-picker-toggle>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.45rem;font-weight:600;font-size:.9rem;color:var(--arf-brass);padding:.5rem 0;}
.ar-picker-toggle>summary::-webkit-details-marker{display:none;}
.ar-picker-toggle[open]>summary{margin-bottom:1rem;}