/* meilleurslogiciels.com : feuille de style unique. Les attributs data-c-* limitent une règle à un composant. */
@font-face {
  font-family:Schibsted Grotesk Variable;
  font-style:normal;
  font-display:swap;
  font-weight:400 900;
  src:url(/assets/fonts/schibsted-grotesk-latin-ext-wght-normal.woff2)format("woff2-variations");
  unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
  font-family:Schibsted Grotesk Variable;
  font-style:normal;
  font-display:swap;
  font-weight:400 900;
  src:url(/assets/fonts/schibsted-grotesk-latin-wght-normal.woff2)format("woff2-variations");
  unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
  font-family:"Source Serif 4 Variable";
  font-style:normal;
  font-display:swap;
  font-weight:200 900;
  src:url(/assets/fonts/source-serif-4-latin-ext-wght-normal.woff2)format("woff2-variations");
  unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
  font-family:"Source Serif 4 Variable";
  font-style:normal;
  font-display:swap;
  font-weight:200 900;
  src:url(/assets/fonts/source-serif-4-latin-wght-normal.woff2)format("woff2-variations");
  unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
:root {
  --paper:#fafbfd;
  --surface:#fff;
  --tint:#eef2fc;
  --ink:#141b34;
  --ink-soft:#4a5374;
  --muted:#6b7393;
  --encre:#2340c8;
  --encre-deep:#1a2f96;
  --encre-wash:#e3e9fb;
  --seyes:#d4ddf3;
  --seyes-strong:#b5c3ea;
  --marge:#d7263d;
  --good:#1d7a4f;
  --warn:#9a5b00;
  --on-encre:#fff;
  --font-sans:"Schibsted Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif:"Source Serif 4 Variable", Georgia, "Times New Roman", serif;
  --t-xs:.8125rem;
  --t-sm:.9375rem;
  --t-base:1.0625rem;
  --t-md:1.25rem;
  --t-lg:1.5625rem;
  --t-xl:2rem;
  --t-2xl:clamp(2.25rem, 4vw + 1rem, 3.5rem);
  --t-3xl:clamp(2.75rem, 6vw + 1rem, 5rem);
  --wrap:1200px;
  --gutter:clamp(16px, 4vw, 40px);
  --r-sm:4px;
  --r-md:10px;
  --r-lg:18px;
  --line:1px solid var(--seyes);
  color-scheme:light
}
@media (prefers-color-scheme:dark) {
  :root:not([data-theme=light]) {
    --paper:#0d1224;
    --surface:#141a31;
    --tint:#1a2140;
    --ink:#e7ebf8;
    --ink-soft:#b9c1dc;
    --muted:#8d96b8;
    --encre:#8ea2ff;
    --encre-deep:#b3c0ff;
    --encre-wash:#1f2952;
    --seyes:#262f55;
    --seyes-strong:#34407a;
    --marge:#ff5d70;
    --good:#5fd39b;
    --warn:#f0b45a;
    --on-encre:#0d1224;
    color-scheme:dark
  }
}
:root[data-theme=dark] {
  --paper:#0d1224;
  --surface:#141a31;
  --tint:#1a2140;
  --ink:#e7ebf8;
  --ink-soft:#b9c1dc;
  --muted:#8d96b8;
  --encre:#8ea2ff;
  --encre-deep:#b3c0ff;
  --encre-wash:#1f2952;
  --seyes:#262f55;
  --seyes-strong:#34407a;
  --marge:#ff5d70;
  --good:#5fd39b;
  --warn:#f0b45a;
  --on-encre:#0d1224;
  color-scheme:dark
}
*,:before,:after {
  box-sizing:border-box
}
html {
  -webkit-text-size-adjust:100%;
  scroll-padding-top:88px
}
body {
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-sans);
  font-size:var(--t-base);
  font-feature-settings:"ss01", "tnum" 0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizelegibility;
  margin:0;
  line-height:1.55;
  overflow-x:hidden
}
[hidden] {
  display:none!important
}
img,svg {
  max-width:100%;
  display:block
}
a {
  color:var(--encre);
  text-underline-offset:.18em;
  text-decoration-thickness:1px
}
a:hover {
  color:var(--encre-deep)
}
:focus-visible {
  outline:3px solid var(--encre);
  outline-offset:2px;
  border-radius:2px
}
h1,h2,h3,h4 {
  letter-spacing:-.02em;
  text-wrap:balance;
  margin:0;
  font-weight:760;
  line-height:1.12
}
h1 {
  font-size:var(--t-2xl);
  letter-spacing:-.035em;
  font-weight:820
}
h2 {
  font-size:var(--t-xl);
  letter-spacing:-.028em
}
h3 {
  font-size:var(--t-md)
}
p {
  text-wrap:pretty;
  margin:0
}
.wrap {
  width:100%;
  max-width:var(--wrap);
  padding-inline:var(--gutter);
  margin-inline:auto
}
.prose {
  font-family:var(--font-serif);
  max-width:68ch;
  color:var(--ink);
  font-size:1.125rem;
  line-height:1.7
}
.prose p+p {
  margin-top:1em
}
.lede {
  color:var(--ink-soft);
  max-width:62ch;
  font-size:clamp(1.0625rem,.6vw + .95rem,1.25rem);
  line-height:1.5
}
.num {
  font-variant-numeric:tabular-nums
}
.visually-hidden {
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  position:absolute!important
}
.seyes {
  background-color:var(--surface);
  background-image:linear-gradient(to right, transparent calc(var(--margin-x,56px) - 1px), var(--marge) calc(var(--margin-x,56px) - 1px), var(--marge) var(--margin-x,56px), transparent var(--margin-x,56px)), repeating-linear-gradient(to bottom, transparent 0 31px, var(--seyes-strong) 31px 32px), repeating-linear-gradient(to bottom, transparent 0 7px, color-mix(in srgb, var(--seyes) 70%, transparent) 7px 8px);
  background-size:100% 100%,100% 32px,100% 8px
}
.btn {
  border-radius:var(--r-sm);
  border:1.5px solid var(--encre);
  background:var(--encre);
  min-height:44px;
  color:var(--on-encre);
  font:inherit;
  font-weight:650;
  font-size:var(--t-sm);
  cursor:pointer;
  white-space:nowrap;
  justify-content:center;
  align-items:center;
  gap:.5em;
  padding:.6em 1.15em;
  text-decoration:none;
  transition:background-color .15s,color .15s;
  display:inline-flex
}
.btn:hover {
  background:var(--encre-deep);
  border-color:var(--encre-deep);
  color:var(--on-encre)
}
.btn-ghost {
  color:var(--encre);
  background:0 0
}
.btn-ghost:hover {
  background:var(--encre-wash);
  color:var(--encre-deep)
}
.btn-lg {
  min-height:52px;
  font-size:var(--t-base);
  padding-inline:1.5em
}
.tag {
  border-radius:var(--r-sm);
  font-size:var(--t-xs);
  background:var(--tint);
  color:var(--ink-soft);
  white-space:nowrap;
  align-items:center;
  gap:.35em;
  padding:.18em .55em;
  font-weight:600;
  line-height:1.4;
  display:inline-flex
}
.tag-fr {
  box-shadow:inset 0 0 0 1px var(--seyes-strong);
  color:var(--ink);
  background:0 0
}
.tag-fr:before {
  content:"";
  background:linear-gradient(90deg,#2340c8 0 33.3%,#fff 33.3% 66.6%,#d7263d 66.6%);
  border-radius:1px;
  width:12px;
  height:8px;
  box-shadow:0 0 0 .5px #0003
}
.tag-free {
  background:color-mix(in srgb, var(--good) 14%, transparent);
  color:var(--good)
}
.section {
  padding-block:clamp(48px,7vw,96px)
}
.section-head {
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:end;
  gap:1rem 2rem;
  margin-bottom:2rem;
  display:flex
}
.section-head p {
  color:var(--ink-soft);
  max-width:56ch;
  margin-top:.5rem
}
.breadcrumb {
  font-size:var(--t-xs);
  color:var(--muted);
  flex-wrap:wrap;
  gap:.4em;
  margin:0 0 1.25rem;
  padding:0;
  list-style:none;
  display:flex
}
.breadcrumb li+li:before {
  content:"/";
  color:var(--seyes-strong);
  margin-right:.4em
}
.breadcrumb a {
  color:var(--muted);
  text-decoration:none
}
.breadcrumb a:hover {
  color:var(--encre);
  text-decoration:underline
}
.disclosure {
  font-size:var(--t-xs);
  color:var(--muted);
  max-width:70ch
}
@media (prefers-reduced-motion:reduce) {
  *,:before,:after {
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important
  }
}
.sr-item {
  border-radius:var(--r-sm);
  color:var(--ink);
  align-items:center;
  gap:12px;
  padding:10px 12px;
  text-decoration:none;
  display:flex
}
[aria-selected=true]>.sr-item,.sr-item:hover {
  background:var(--encre-wash);
  color:var(--ink)
}
.sr-logo {
  background:var(--tint);
  width:36px;
  height:36px;
  box-shadow:inset 0 0 0 1px var(--seyes);
  border-radius:8px;
  flex:none;
  place-items:center;
  display:grid;
  overflow:hidden
}
.sr-logo img {
  object-fit:contain;
  width:24px;
  height:24px
}
.sr-cat {
  color:var(--encre);
  font-weight:800
}
.sr-txt {
  flex-direction:column;
  flex:1;
  min-width:0;
  display:flex
}
.sr-name {
  font-weight:650
}
.sr-desc {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.sr-score {
  color:var(--encre);
  font-variant-numeric:tabular-nums;
  font-weight:800
}
.sr-score small {
  color:var(--muted);
  font-size:.7em;
  font-weight:600
}
.sr-kind {
  font-size:var(--t-xs);
  color:var(--muted)
}
.doc {
  max-width:780px;
  padding-top:28px
}
.doc h1 {
  margin-bottom:16px
}
.doc h2 {
  font-size:var(--t-lg);
  margin:44px 0 12px
}
.doc h3 {
  margin:28px 0 8px
}
.doc p,.doc li {
  font-family:var(--font-serif);
  color:var(--ink);
  font-size:1.125rem;
  line-height:1.7
}
.doc p+p {
  margin-top:.9em
}
.doc ul {
  padding-left:1.2em
}
.doc li+li {
  margin-top:.4em
}
.doc table {
  border-collapse:collapse;
  width:100%;
  font-size:var(--t-sm);
  margin-top:12px
}
.doc th,.doc td {
  text-align:left;
  border-bottom:var(--line);
  vertical-align:top;
  padding:10px 12px
}
.doc thead th {
  border-bottom:1.5px solid var(--ink)
}
.skip[data-c-layout] {
  z-index:100;
  background:var(--encre);
  color:var(--on-encre);
  border-radius:var(--r-sm);
  padding:8px 14px;
  position:absolute;
  top:8px;
  left:-999px
}
.skip[data-c-layout]:focus {
  left:8px
}
.site-header[data-c-layout] {
  z-index:40;
  background:color-mix(in srgb, var(--paper) 92%, transparent);
  backdrop-filter:saturate(1.4)blur(10px);
  border-bottom:var(--line);
  position:sticky;
  top:0
}
.bar[data-c-layout] {
  align-items:center;
  gap:2rem;
  height:68px;
  display:flex
}
.brand[data-c-layout] {
  color:var(--ink);
  flex:none;
  align-items:center;
  gap:10px;
  text-decoration:none;
  display:inline-flex
}
.brand-word[data-c-layout] {
  letter-spacing:-.04em;
  font-size:1.1875rem;
  font-weight:800
}
.brand-word[data-c-layout] span[data-c-layout] {
  color:var(--muted);
  font-weight:600
}
.nav[data-c-layout] {
  font-size:var(--t-sm);
  align-items:center;
  gap:1.5rem;
  font-weight:600;
  display:flex
}
.nav[data-c-layout]>a[data-c-layout],.mega[data-c-layout] summary[data-c-layout] {
  white-space:nowrap;
  color:var(--ink);
  cursor:pointer;
  padding:6px 0;
  text-decoration:none
}
.nav[data-c-layout]>a[data-c-layout]:hover,.mega[data-c-layout] summary[data-c-layout]:hover,.nav[data-c-layout]>a[data-c-layout][aria-current=page] {
  color:var(--encre)
}
.nav[data-c-layout]>a[data-c-layout][aria-current=page] {
  box-shadow:inset 0 -2px 0 var(--encre)
}
.mega[data-c-layout] {
  position:relative
}
.mega[data-c-layout] summary[data-c-layout] {
  align-items:center;
  gap:6px;
  list-style:none;
  display:inline-flex
}
.mega[data-c-layout] summary[data-c-layout]::-webkit-details-marker {
  display:none
}
.mega[data-c-layout] summary[data-c-layout]:after {
  content:"";
  border-bottom:1.8px solid;
  border-right:1.8px solid;
  width:7px;
  height:7px;
  transition:transform .15s;
  transform:translateY(-2px)rotate(45deg)
}
.mega[data-c-layout][open] summary[data-c-layout]:after {
  transform:translateY(1px)rotate(225deg)
}
.mega-panel[data-c-layout] {
  background:var(--surface);
  border:var(--line);
  border-radius:var(--r-md);
  width:min(860px,90vw);
  padding:28px 28px 20px;
  position:absolute;
  top:calc(100% + 18px);
  left:-24px;
  box-shadow:0 24px 48px -24px #141b3459
}
.mega-grid[data-c-layout] {
  grid-template-columns:repeat(4,1fr);
  gap:24px 28px;
  display:grid
}
.mega-group[data-c-layout] {
  font-size:var(--t-xs);
  color:var(--muted);
  margin-bottom:8px;
  font-weight:600
}
.mega[data-c-layout] ul[data-c-layout],.mobile-nav[data-c-layout] ul[data-c-layout] {
  margin:0;
  padding:0;
  list-style:none
}
.mega[data-c-layout] li[data-c-layout] a[data-c-layout] {
  color:var(--ink);
  padding:5px 0;
  font-weight:550;
  text-decoration:none;
  display:block
}
.mega[data-c-layout] li[data-c-layout] a[data-c-layout]:hover {
  color:var(--encre);
  text-decoration:underline
}
.mega-all[data-c-layout] {
  border-top:var(--line);
  width:100%;
  margin-top:18px;
  padding-top:14px;
  font-weight:650;
  display:inline-block
}
.tools[data-c-layout] {
  align-items:center;
  gap:8px;
  margin-left:auto;
  display:flex
}
.search-trigger[data-c-layout] {
  border:1.5px solid var(--seyes-strong);
  border-radius:var(--r-sm);
  background:var(--surface);
  min-width:250px;
  height:42px;
  color:var(--muted);
  font:inherit;
  font-size:var(--t-sm);
  cursor:pointer;
  align-items:center;
  gap:10px;
  padding:0 10px 0 14px;
  display:inline-flex
}
.search-trigger[data-c-layout] svg[data-c-layout] {
  flex:none
}
.search-trigger[data-c-layout]:hover {
  border-color:var(--encre);
  color:var(--ink)
}
.search-label[data-c-layout] {
  white-space:nowrap;
  text-align:left;
  flex:1
}
kbd[data-c-layout] {
  white-space:nowrap;
  font:inherit;
  background:var(--tint);
  color:var(--ink-soft);
  border-radius:3px;
  padding:1px 6px;
  font-size:.75rem
}
.theme-toggle[data-c-layout],.menu-toggle[data-c-layout] {
  width:42px;
  height:42px;
  color:var(--ink);
  border-radius:var(--r-sm);
  cursor:pointer;
  background:0 0;
  border:0;
  place-items:center;
  display:grid
}
.theme-toggle[data-c-layout]:hover,.menu-toggle[data-c-layout]:hover {
  background:var(--tint)
}
.menu-toggle[data-c-layout] {
  display:none
}
.mobile-nav[data-c-layout] {
  border-top:var(--line);
  background:var(--paper);
  max-height:calc(100vh - 68px);
  padding-block:20px 32px;
  overflow-y:auto
}
.m-group[data-c-layout] {
  margin-bottom:18px
}
.m-group[data-c-layout] ul[data-c-layout] {
  flex-wrap:wrap;
  gap:6px 16px;
  display:flex
}
.mobile-nav[data-c-layout] a[data-c-layout] {
  color:var(--ink);
  padding:6px 0;
  font-weight:600;
  text-decoration:none;
  display:inline-block
}
.m-links[data-c-layout] {
  border-top:var(--line);
  padding-top:12px!important
}
@media (width<=1360px) {
  .search-trigger[data-c-layout] {
    min-width:200px
  }
  .search-trigger[data-c-layout] kbd[data-c-layout] {
    display:none
  }
}
@media (width<=1180px) {
  .hide-md[data-c-layout] {
    display:none
  }
  .search-trigger[data-c-layout] {
    min-width:0
  }
  .search-label[data-c-layout] {
    display:none
  }
}
@media (width<=900px) {
  .nav[data-c-layout] {
    display:none
  }
  .menu-toggle[data-c-layout] {
    display:grid
  }
  .search-trigger[data-c-layout] kbd[data-c-layout] {
    display:none
  }
}
@media (width<=480px) {
  .bar[data-c-layout] {
    gap:10px;
    height:60px
  }
  .brand[data-c-layout] {
    gap:8px
  }
  .brand-mark[data-c-layout] {
    width:26px;
    height:26px
  }
  .brand-word[data-c-layout] {
    font-size:1.0625rem
  }
  .tools[data-c-layout] {
    gap:2px
  }
  .theme-toggle[data-c-layout] {
    display:none
  }
  .search-trigger[data-c-layout] {
    background:0 0;
    border:0;
    justify-content:center;
    width:42px;
    padding:0
  }
}
.site-footer[data-c-layout] {
  border-top:var(--line);
  background:var(--surface);
  font-size:var(--t-sm);
  margin-top:96px
}
.foot[data-c-layout] {
  grid-template-columns:1.6fr repeat(4,1fr);
  gap:40px;
  padding-block:56px 40px;
  display:grid
}
.foot-about[data-c-layout] p[data-c-layout] {
  color:var(--ink-soft);
  max-width:44ch;
  margin-top:14px
}
.foot-title[data-c-layout] {
  margin-bottom:10px;
  font-weight:700
}
.foot[data-c-layout] ul[data-c-layout] {
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
  display:grid
}
.foot[data-c-layout] ul[data-c-layout] a[data-c-layout] {
  color:var(--ink-soft);
  text-decoration:none
}
.foot[data-c-layout] ul[data-c-layout] a[data-c-layout]:hover {
  color:var(--encre);
  text-decoration:underline
}
.foot-bottom[data-c-layout] {
  border-top:var(--line);
  color:var(--muted);
  font-size:var(--t-xs);
  padding-block:20px 28px
}
@media (width<=960px) {
  .foot[data-c-layout] {
    grid-template-columns:1fr 1fr
  }
  .foot-about[data-c-layout] {
    grid-column:1/-1
  }
}
.search[data-c-layout] {
  border:var(--line);
  border-radius:var(--r-md);
  background:var(--surface);
  width:min(640px,100vw - 32px);
  max-height:min(560px,80vh);
  color:var(--ink);
  flex-direction:column;
  margin:12vh auto auto;
  padding:0;
  overflow:hidden;
  box-shadow:0 32px 64px -24px #141b3473
}
.search[data-c-layout][open] {
  display:flex
}
.search[data-c-layout]::backdrop {
  background:#0d122473
}
.search-box[data-c-layout] {
  border-bottom:var(--line);
  color:var(--muted);
  align-items:center;
  gap:12px;
  padding:14px 16px;
  display:flex
}
.search-box[data-c-layout] input[data-c-layout] {
  font:inherit;
  font-size:var(--t-md);
  color:var(--ink);
  background:0 0;
  border:0;
  outline:none;
  flex:1;
  min-width:0
}
.esc[data-c-layout] {
  font:inherit;
  background:var(--tint);
  color:var(--ink-soft);
  cursor:pointer;
  border:0;
  border-radius:3px;
  padding:3px 7px;
  font-size:.75rem
}
.results[data-c-layout] {
  margin:0;
  padding:6px;
  list-style:none;
  overflow-y:auto
}
.search-empty[data-c-layout] {
  color:var(--ink-soft);
  font-size:var(--t-sm);
  padding:20px 18px 24px
}
.page[data-c-comparatif] {
  padding-top:28px
}
h1[data-c-comparatif] {
  max-width:24ch
}
.lede[data-c-comparatif] {
  margin-top:14px
}
.faceoff[data-c-comparatif] {
  grid-template-columns:1fr 1fr;
  gap:28px;
  margin-top:36px;
  display:grid;
  position:relative
}
.side[data-c-comparatif] {
  border:var(--line);
  border-radius:var(--r-md);
  background:var(--surface);
  flex-direction:column;
  gap:18px;
  padding:26px;
  display:flex
}
.side[data-c-comparatif].winner {
  border:1.5px solid var(--ink);
  box-shadow:8px 8px 0 var(--encre-wash)
}
.side[data-c-comparatif] {
  position:relative
}
.win-label[data-c-comparatif] {
  background:var(--paper);
  font-size:var(--t-xs);
  color:var(--marge);
  padding:0 8px;
  font-weight:700;
  position:absolute;
  top:-11px;
  left:20px
}
.side-id[data-c-comparatif] {
  align-items:center;
  gap:14px;
  display:flex
}
.side[data-c-comparatif] h2[data-c-comparatif] {
  font-size:var(--t-lg)
}
.side[data-c-comparatif] h2[data-c-comparatif] a[data-c-comparatif] {
  color:var(--ink);
  text-decoration:none
}
.side[data-c-comparatif] h2[data-c-comparatif] a[data-c-comparatif]:hover {
  color:var(--encre);
  text-decoration:underline
}
.side-cat[data-c-comparatif] {
  font-size:var(--t-sm);
  color:var(--muted)
}
.side-score[data-c-comparatif] {
  align-items:center;
  gap:16px;
  display:flex
}
.side-mention[data-c-comparatif] {
  color:var(--ink-soft);
  font-weight:650
}
.side-verdict[data-c-comparatif] {
  font-family:var(--font-serif);
  color:var(--ink-soft);
  flex:1;
  font-size:1.0625rem;
  line-height:1.6
}
.vs[data-c-comparatif] {
  background:var(--paper);
  border:var(--line);
  width:44px;
  height:44px;
  font-family:var(--font-serif);
  color:var(--muted);
  border-radius:50%;
  place-items:center;
  font-style:italic;
  display:grid;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
.block[data-c-comparatif] {
  margin-top:56px
}
.block[data-c-comparatif]>h2[data-c-comparatif] {
  font-size:var(--t-lg);
  margin-bottom:16px
}
.table-wrap[data-c-comparatif] {
  border:1.5px solid var(--ink);
  border-radius:var(--r-md);
  background:var(--surface);
  overflow-x:auto
}
.cmp[data-c-comparatif] {
  border-collapse:collapse;
  width:100%;
  min-width:520px
}
.cmp[data-c-comparatif] th[data-c-comparatif],.cmp[data-c-comparatif] td[data-c-comparatif] {
  text-align:left;
  vertical-align:top;
  font-size:var(--t-sm);
  padding:13px 18px
}
.cmp[data-c-comparatif] thead[data-c-comparatif] th[data-c-comparatif] {
  font-size:var(--t-base);
  border-bottom:1.5px solid var(--ink);
  width:37%
}
.cmp[data-c-comparatif] thead[data-c-comparatif] th[data-c-comparatif]:first-child {
  width:26%
}
.cmp[data-c-comparatif] tbody[data-c-comparatif] tr[data-c-comparatif]+tr[data-c-comparatif] {
  border-top:var(--line)
}
.cmp[data-c-comparatif] tbody[data-c-comparatif] th[data-c-comparatif] {
  color:var(--muted);
  font-weight:600
}
.cmp[data-c-comparatif] td[data-c-comparatif].win {
  color:var(--encre-deep);
  background:var(--encre-wash);
  font-weight:700
}
.cmp[data-c-comparatif] .total[data-c-comparatif] {
  border-top:1.5px solid var(--ink)!important
}
.cmp[data-c-comparatif] .total[data-c-comparatif] td[data-c-comparatif],.cmp[data-c-comparatif] .total[data-c-comparatif] th[data-c-comparatif] {
  font-size:var(--t-md);
  color:var(--ink);
  font-weight:800
}
.two[data-c-comparatif] {
  grid-template-columns:1fr 1fr;
  gap:28px;
  display:grid
}
.two[data-c-comparatif] h3[data-c-comparatif] {
  font-size:var(--t-md);
  border-bottom:1.5px solid var(--ink);
  padding-bottom:10px
}
.mini[data-c-comparatif] {
  font-size:var(--t-xs);
  color:var(--muted);
  margin-top:14px;
  font-weight:650
}
.plus[data-c-comparatif],.minus[data-c-comparatif] {
  gap:6px;
  margin:6px 0 0;
  padding:0;
  list-style:none;
  display:grid
}
.plus[data-c-comparatif] li[data-c-comparatif],.minus[data-c-comparatif] li[data-c-comparatif] {
  padding-left:22px;
  position:relative
}
.plus[data-c-comparatif] li[data-c-comparatif]:before,.minus[data-c-comparatif] li[data-c-comparatif]:before {
  font-weight:800;
  position:absolute;
  left:0
}
.plus[data-c-comparatif] li[data-c-comparatif]:before {
  content:"+";
  color:var(--good)
}
.minus[data-c-comparatif] li[data-c-comparatif]:before {
  content:"−";
  color:var(--marge)
}
.advice[data-c-comparatif] .two[data-c-comparatif] p[data-c-comparatif] {
  font-family:var(--font-serif);
  border-left:3px solid var(--encre);
  background:var(--surface);
  padding:18px 20px;
  font-size:1.0625rem;
  line-height:1.65
}
.advice[data-c-comparatif] strong[data-c-comparatif] {
  font-family:var(--font-sans)
}
.more[data-c-comparatif] {
  color:var(--ink-soft);
  margin-top:16px
}
.pairs[data-c-comparatif] {
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  display:flex
}
.pairs[data-c-comparatif] a[data-c-comparatif] {
  border:var(--line);
  background:var(--surface);
  font-size:var(--t-sm);
  border-radius:999px;
  padding:8px 14px;
  font-weight:600;
  text-decoration:none;
  display:inline-block
}
.pairs[data-c-comparatif] a[data-c-comparatif]:hover {
  border-color:var(--encre)
}
.disclosure[data-c-comparatif] {
  margin-top:40px
}
@media (width<=760px) {
  .faceoff[data-c-comparatif],.two[data-c-comparatif] {
    grid-template-columns:1fr
  }
  .vs[data-c-comparatif] {
    display:none
  }
}
.review-form[data-c-avis-form] summary[data-c-avis-form] {
  list-style:none;
  display:inline-flex
}
.review-form[data-c-avis-form] summary[data-c-avis-form]::-webkit-details-marker {
  display:none
}
form[data-c-avis-form] {
  border:var(--line);
  border-radius:var(--r-md);
  background:var(--surface);
  gap:14px;
  margin-top:18px;
  padding:22px;
  display:grid
}
.grid[data-c-avis-form] {
  grid-template-columns:1fr 1fr;
  gap:14px;
  display:grid
}
label[data-c-avis-form] {
  font-size:var(--t-sm);
  gap:6px;
  font-weight:600;
  display:grid
}
input[data-c-avis-form]:not([type=radio]),select[data-c-avis-form],textarea[data-c-avis-form] {
  font:inherit;
  font-weight:400;
  font-size:var(--t-base);
  border:1.5px solid var(--seyes-strong);
  border-radius:var(--r-sm);
  background:var(--paper);
  color:var(--ink);
  width:100%;
  padding:10px 12px
}
input[data-c-avis-form]:focus,select[data-c-avis-form]:focus,textarea[data-c-avis-form]:focus {
  border-color:var(--encre);
  outline:none
}
.stars-input[data-c-avis-form] {
  border:0;
  flex-direction:row-reverse;
  justify-content:flex-end;
  gap:2px;
  margin:0;
  padding:0;
  display:flex
}
.stars-input[data-c-avis-form] legend[data-c-avis-form] {
  font-size:var(--t-sm);
  float:left;
  width:100%;
  margin-bottom:4px;
  font-weight:600
}
.stars-input[data-c-avis-form] input[data-c-avis-form] {
  opacity:0;
  position:absolute
}
.stars-input[data-c-avis-form] label[data-c-avis-form] {
  color:var(--seyes-strong);
  cursor:pointer;
  font-size:1.75rem;
  line-height:1
}
.stars-input[data-c-avis-form] input[data-c-avis-form]:checked~label[data-c-avis-form],.stars-input[data-c-avis-form] label[data-c-avis-form]:hover,.stars-input[data-c-avis-form] label[data-c-avis-form]:hover~label[data-c-avis-form] {
  color:#e2a400
}
.stars-input[data-c-avis-form] input[data-c-avis-form]:focus-visible+label[data-c-avis-form] {
  outline:3px solid var(--encre)
}
.hint[data-c-avis-form] {
  font-size:var(--t-xs);
  color:var(--muted)
}
form[data-c-avis-form] .btn[data-c-avis-form] {
  justify-self:start
}
.trap[data-c-avis-form] {
  position:absolute;
  left:-9999px
}
.form-msg[data-c-avis-form] {
  color:var(--marge);
  font-weight:600;
  font-size:var(--t-sm);
  margin:0
}
.sent[data-c-avis-form] {
  border:var(--line);
  border-left:4px solid var(--encre);
  border-radius:var(--r-md);
  background:var(--surface);
  margin-top:18px;
  padding:16px 20px;
  font-weight:600
}
@media (width<=640px) {
  .grid[data-c-avis-form] {
    grid-template-columns:1fr
  }
}
.page[data-c-logiciel] {
  padding-top:28px
}
.layout[data-c-logiciel] {
  grid-template-columns:minmax(0,1fr) 320px;
  align-items:start;
  gap:clamp(32px,5vw,72px);
  display:grid
}
.main[data-c-logiciel]>section[data-c-logiciel] {
  margin-top:56px
}
.main[data-c-logiciel] h2[data-c-logiciel] {
  font-size:var(--t-lg);
  margin-bottom:18px
}
.intro[data-c-logiciel] {
  align-items:flex-start;
  gap:22px;
  display:flex
}
.intro[data-c-logiciel] h1[data-c-logiciel] {
  font-size:clamp(2rem,3vw + 1rem,3rem)
}
.tagline[data-c-logiciel] {
  font-size:var(--t-md);
  color:var(--ink-soft);
  max-width:52ch;
  margin-top:8px
}
.intro-tags[data-c-logiciel] {
  margin-top:14px
}
.byline[data-c-logiciel] {
  font-size:var(--t-xs);
  color:var(--muted);
  margin-top:14px
}
.byline[data-c-logiciel] a[data-c-logiciel] {
  color:var(--muted)
}
.report[data-c-logiciel] {
  border:1.5px solid var(--ink);
  border-radius:var(--r-md);
  background:var(--surface);
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  display:grid;
  overflow:hidden;
  margin-top:36px!important
}
.grades[data-c-logiciel] {
  border-collapse:collapse;
  width:100%;
  font-size:var(--t-sm)
}
.grades[data-c-logiciel] thead[data-c-logiciel] th[data-c-logiciel] {
  text-align:left;
  font-size:var(--t-xs);
  color:var(--muted);
  border-bottom:var(--line);
  padding:12px 18px 8px;
  font-weight:600
}
.grades[data-c-logiciel] tbody[data-c-logiciel] th[data-c-logiciel],.grades[data-c-logiciel] tfoot[data-c-logiciel] th[data-c-logiciel] {
  text-align:left;
  white-space:nowrap;
  padding:12px 18px;
  font-weight:600
}
.grades[data-c-logiciel] td[data-c-logiciel] {
  padding:12px 18px 12px 0
}
.grades[data-c-logiciel] tbody[data-c-logiciel] tr[data-c-logiciel]+tr[data-c-logiciel] {
  border-top:var(--line)
}
.grades[data-c-logiciel] tfoot[data-c-logiciel] tr[data-c-logiciel] {
  border-top:1.5px solid var(--ink);
  background:var(--tint)
}
.r[data-c-logiciel] {
  text-align:right;
  white-space:nowrap;
  color:var(--muted)
}
.r[data-c-logiciel] strong[data-c-logiciel] {
  color:var(--ink);
  font-size:1.05rem
}
.grades[data-c-logiciel] tfoot[data-c-logiciel] .r[data-c-logiciel] strong[data-c-logiciel] {
  color:var(--encre);
  font-size:1.2rem
}
.bar-cell[data-c-logiciel] {
  width:40%
}
.bar[data-c-logiciel] {
  background:var(--tint);
  border-radius:3px;
  min-width:72px;
  height:6px;
  display:block;
  overflow:hidden
}
.bar[data-c-logiciel] span[data-c-logiciel] {
  background:var(--encre);
  border-radius:3px;
  height:100%;
  display:block
}
.appreciation[data-c-logiciel] {
  border-left:1.5px solid var(--ink);
  background:linear-gradient(to right, transparent 0 13px, var(--marge) 13px 14px, transparent 14px) no-repeat, repeating-linear-gradient(to bottom, transparent 0 27px, var(--seyes) 27px 28px);
  background-position:0 0,0 14px;
  background-size:100% 100%,100% 28px;
  padding:14px 22px 14px 30px
}
.app-label[data-c-logiciel] {
  line-height:28px;
  font-size:var(--t-xs);
  color:var(--marge);
  font-weight:650
}
.app-text[data-c-logiciel] {
  font-family:var(--font-serif);
  color:var(--ink);
  font-size:1.0625rem;
  font-style:italic;
  line-height:28px
}
.app-for[data-c-logiciel] {
  font-size:var(--t-sm);
  color:var(--ink-soft);
  margin-top:28px;
  line-height:28px
}
.pc[data-c-logiciel] {
  grid-template-columns:1fr 1fr;
  gap:20px;
  display:grid
}
.pc[data-c-logiciel]>div[data-c-logiciel] {
  border-radius:var(--r-md);
  border:var(--line);
  padding:20px 22px
}
.pc[data-c-logiciel] h3[data-c-logiciel] {
  font-size:var(--t-base);
  margin-bottom:10px
}
.pc[data-c-logiciel] ul[data-c-logiciel] {
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  display:grid
}
.pc[data-c-logiciel] li[data-c-logiciel] {
  padding-left:26px;
  line-height:1.45;
  position:relative
}
.pc[data-c-logiciel] li[data-c-logiciel]:before {
  text-align:center;
  width:18px;
  font-weight:800;
  position:absolute;
  top:0;
  left:0
}
.pros[data-c-logiciel] li[data-c-logiciel]:before {
  content:"+";
  color:var(--good)
}
.cons[data-c-logiciel] li[data-c-logiciel]:before {
  content:"−";
  color:var(--marge)
}
.features[data-c-logiciel] {
  columns:2;
  column-gap:32px;
  margin:0;
  padding:0;
  list-style:none
}
.features[data-c-logiciel] li[data-c-logiciel] {
  break-inside:avoid;
  border-bottom:var(--line);
  padding:9px 0 9px 26px;
  position:relative
}
.features[data-c-logiciel] li[data-c-logiciel]:before {
  content:"";
  border-left:2px solid var(--encre);
  border-bottom:2px solid var(--encre);
  width:12px;
  height:7px;
  position:absolute;
  top:15px;
  left:2px;
  transform:rotate(-45deg)
}
.plans[data-c-logiciel] {
  border:var(--line);
  border-radius:var(--r-md);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));
  margin-bottom:12px;
  display:grid;
  overflow:hidden
}
.plan[data-c-logiciel] {
  background:var(--surface);
  box-shadow:-1px 0 0 var(--seyes);
  padding:18px
}
.plan-name[data-c-logiciel] {
  font-weight:700
}
.plan-price[data-c-logiciel] {
  color:var(--encre);
  font-weight:750;
  font-size:var(--t-md);
  margin-top:4px;
  line-height:1.25
}
.plan-desc[data-c-logiciel] {
  font-size:var(--t-sm);
  color:var(--ink-soft);
  margin-top:8px
}
.facts[data-c-logiciel] {
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:32px;
  margin:0;
  display:grid
}
.facts[data-c-logiciel]>div[data-c-logiciel] {
  border-bottom:var(--line);
  font-size:var(--t-sm);
  justify-content:space-between;
  gap:16px;
  padding:11px 0;
  display:flex
}
.facts[data-c-logiciel] dt[data-c-logiciel] {
  color:var(--muted)
}
.facts[data-c-logiciel] dd[data-c-logiciel] {
  text-align:right;
  margin:0;
  font-weight:600
}
.h-row[data-c-logiciel] {
  border-bottom:1.5px solid var(--ink);
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  display:flex
}
.h-row[data-c-logiciel] h2[data-c-logiciel] {
  margin-bottom:12px!important
}
.vs[data-c-logiciel] {
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  display:flex
}
.vs[data-c-logiciel] a[data-c-logiciel] {
  border:var(--line);
  background:var(--surface);
  font-size:var(--t-sm);
  border-radius:999px;
  padding:8px 14px;
  font-weight:600;
  text-decoration:none;
  display:inline-block
}
.vs[data-c-logiciel] a[data-c-logiciel]:hover {
  border-color:var(--encre)
}
.users-empty[data-c-logiciel],.users-sum[data-c-logiciel] {
  color:var(--ink-soft);
  margin-bottom:20px
}
.users-sum[data-c-logiciel] strong[data-c-logiciel] {
  font-size:var(--t-lg);
  color:var(--ink)
}
.reviews[data-c-logiciel] {
  gap:16px;
  margin:0 0 28px;
  padding:0;
  list-style:none;
  display:grid
}
.reviews[data-c-logiciel] li[data-c-logiciel] {
  border:var(--line);
  border-radius:var(--r-md);
  background:var(--surface);
  padding:18px 20px
}
.stars[data-c-logiciel] {
  color:#e2a400;
  letter-spacing:1px
}
.r-text[data-c-logiciel] {
  font-family:var(--font-serif);
  margin-top:8px;
  line-height:1.6
}
.r-pc[data-c-logiciel] {
  font-size:var(--t-sm);
  margin-top:6px
}
.r-meta[data-c-logiciel] {
  font-size:var(--t-xs);
  color:var(--muted);
  margin-top:10px
}
.faq[data-c-logiciel] {
  border-top:1.5px solid var(--ink)
}
.faq[data-c-logiciel] details[data-c-logiciel] {
  border-bottom:var(--line)
}
.faq[data-c-logiciel] summary[data-c-logiciel] {
  cursor:pointer;
  justify-content:space-between;
  gap:16px;
  padding:16px 0;
  font-weight:650;
  list-style:none;
  display:flex
}
.faq[data-c-logiciel] summary[data-c-logiciel]::-webkit-details-marker {
  display:none
}
.faq[data-c-logiciel] summary[data-c-logiciel]:after {
  content:"+";
  color:var(--encre);
  font-size:1.3em;
  line-height:1
}
.faq[data-c-logiciel] details[data-c-logiciel][open] summary[data-c-logiciel]:after {
  content:"−"
}
.faq[data-c-logiciel] p[data-c-logiciel] {
  font-family:var(--font-serif);
  color:var(--ink-soft);
  padding-bottom:18px;
  line-height:1.65
}
.side[data-c-logiciel] {
  gap:24px;
  display:grid;
  position:sticky;
  top:92px
}
.card[data-c-logiciel] {
  border:1.5px solid var(--ink);
  border-radius:var(--r-md);
  background:var(--surface);
  box-shadow:8px 8px 0 var(--encre-wash);
  text-align:center;
  padding:26px 22px 20px
}
.card-score[data-c-logiciel] {
  justify-content:center;
  padding-bottom:18px;
  display:flex
}
.card-price[data-c-logiciel] {
  border-top:var(--line);
  margin-bottom:14px;
  padding-top:16px;
  font-weight:650
}
.card-deal[data-c-logiciel] {
  font-size:var(--t-sm);
  color:var(--marge);
  margin:-6px 0 14px;
  font-weight:650
}
.offers[data-c-logiciel] {
  text-align:left;
  gap:6px;
  margin:12px 0 0;
  padding:0;
  list-style:none;
  display:grid
}
.offers[data-c-logiciel] a[data-c-logiciel] {
  border:var(--line);
  border-radius:var(--r-sm);
  font-size:var(--t-sm);
  color:var(--ink);
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  font-weight:600;
  text-decoration:none;
  display:flex
}
.offers[data-c-logiciel] a[data-c-logiciel]:hover {
  border-color:var(--encre)
}
.offers[data-c-logiciel] small[data-c-logiciel] {
  color:var(--muted);
  font-weight:500
}
.card-note[data-c-logiciel] {
  font-size:var(--t-xs);
  color:var(--muted);
  margin-top:12px
}
.toc-side[data-c-logiciel] {
  font-size:var(--t-sm);
  padding-left:4px
}
.toc-side[data-c-logiciel] p[data-c-logiciel] {
  margin-bottom:8px;
  font-weight:700
}
.toc-side[data-c-logiciel] ul[data-c-logiciel] {
  border-left:2px solid var(--seyes);
  margin:0;
  padding:0;
  list-style:none
}
.toc-side[data-c-logiciel] a[data-c-logiciel] {
  color:var(--ink-soft);
  padding:5px 0 5px 14px;
  text-decoration:none;
  display:block
}
.toc-side[data-c-logiciel] a[data-c-logiciel]:hover {
  color:var(--encre)
}
.mobile-cta[data-c-logiciel] {
  display:none
}
@media (width<=1000px) {
  .layout[data-c-logiciel] {
    grid-template-columns:1fr
  }
  .side[data-c-logiciel] {
    order:-1;
    position:static
  }
  .toc-side[data-c-logiciel] {
    display:none
  }
  .report[data-c-logiciel] {
    grid-template-columns:1fr
  }
  .appreciation[data-c-logiciel] {
    border-left:0;
    border-top:1.5px solid var(--ink)
  }
}
@media (width<=640px) {
  .intro[data-c-logiciel] {
    flex-direction:column;
    gap:14px
  }
  .pc[data-c-logiciel],.facts[data-c-logiciel] {
    grid-template-columns:1fr
  }
  .features[data-c-logiciel] {
    columns:1
  }
  .bar-cell[data-c-logiciel] {
    width:30%
  }
  .grades[data-c-logiciel] tbody[data-c-logiciel] th[data-c-logiciel],.grades[data-c-logiciel] tfoot[data-c-logiciel] th[data-c-logiciel] {
    white-space:normal
  }
  .mobile-cta[data-c-logiciel] {
    z-index:30;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:var(--surface);
    border-top:1.5px solid var(--ink);
    align-items:center;
    gap:12px;
    display:flex;
    position:fixed;
    inset:auto 0 0
  }
  .m-score[data-c-logiciel] {
    font-weight:800;
    font-size:var(--t-md);
    color:var(--encre)
  }
  .m-score[data-c-logiciel] small[data-c-logiciel] {
    color:var(--muted);
    font-size:.6em
  }
  .m-name[data-c-logiciel] {
    flex-direction:column;
    flex:1;
    min-width:0;
    font-weight:700;
    line-height:1.2;
    display:flex
  }
  .m-name[data-c-logiciel] small[data-c-logiciel] {
    color:var(--muted);
    font-weight:500;
    font-size:var(--t-xs)
  }
}
.cat-head[data-c-categorie] {
  border-bottom:var(--line);
  background:var(--surface);
  padding-block:40px
}
.cat-head[data-c-categorie] h1[data-c-categorie] {
  max-width:22ch
}
.cat-head[data-c-categorie] .lede[data-c-categorie] {
  margin-top:1rem
}
.updated[data-c-categorie] {
  font-size:var(--t-xs);
  color:var(--muted);
  margin-top:.75rem
}
.picks[data-c-categorie] {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:12px;
  margin:2rem 0 0;
  padding:0;
  list-style:none;
  display:grid
}
.picks[data-c-categorie] a[data-c-categorie] {
  border:var(--line);
  border-radius:var(--r-md);
  color:var(--ink);
  background:var(--paper);
  padding:14px 16px;
  text-decoration:none;
  display:block
}
.picks[data-c-categorie] li[data-c-categorie]:first-child a[data-c-categorie] {
  border:1.5px solid var(--ink)
}
.picks[data-c-categorie] a[data-c-categorie]:hover {
  border-color:var(--encre)
}
.pick-label[data-c-categorie] {
  font-size:var(--t-xs);
  color:var(--muted);
  font-weight:650
}
.picks[data-c-categorie] li[data-c-categorie]:first-child .pick-label[data-c-categorie] {
  color:var(--marge)
}
.pick-body[data-c-categorie] {
  align-items:center;
  gap:12px;
  margin-top:8px;
  display:flex
}
.pick-name[data-c-categorie] {
  font-weight:750;
  font-size:var(--t-md);
  flex:1
}
.pick-score[data-c-categorie] {
  font-weight:800;
  font-size:var(--t-md);
  color:var(--encre)
}
.pick-score[data-c-categorie] small[data-c-categorie] {
  color:var(--muted);
  font-size:.6em;
  font-weight:600
}
.ranking[data-c-categorie] {
  padding-top:40px
}
.ranking-bar[data-c-categorie] {
  border-bottom:1.5px solid var(--ink);
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding-bottom:14px;
  display:flex
}
.filters[data-c-categorie] {
  font-size:var(--t-sm);
  flex-wrap:wrap;
  gap:8px;
  display:flex
}
.filters[data-c-categorie] label[data-c-categorie] {
  border:var(--line);
  border-radius:var(--r-sm);
  background:var(--surface);
  cursor:pointer;
  align-items:center;
  gap:7px;
  padding:7px 12px;
  font-weight:550;
  display:inline-flex
}
.filters[data-c-categorie] label[data-c-categorie]:has(input:checked) {
  border-color:var(--encre);
  background:var(--encre-wash);
  color:var(--encre-deep)
}
.filters[data-c-categorie] input[data-c-categorie][type=checkbox] {
  accent-color:var(--encre);
  margin:0
}
.filters[data-c-categorie] select[data-c-categorie] {
  font:inherit;
  color:var(--ink);
  cursor:pointer;
  background:0 0;
  border:0
}
.also[data-c-categorie] {
  margin-top:40px
}
.also[data-c-categorie] h3[data-c-categorie] {
  font-size:var(--t-md);
  border-bottom:1.5px solid var(--ink);
  padding-bottom:8px
}
.also[data-c-categorie] p[data-c-categorie] {
  font-size:var(--t-sm);
  color:var(--ink-soft);
  margin-top:10px
}
.no-match[data-c-categorie] {
  color:var(--ink-soft);
  padding:32px 0
}
.ranking[data-c-categorie] .disclosure[data-c-categorie] {
  margin-top:20px
}
.guide[data-c-categorie] h2[data-c-categorie] {
  margin-bottom:28px
}
.guide-grid[data-c-categorie] {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:28px 40px;
  display:grid
}
.guide-grid[data-c-categorie]>div[data-c-categorie] {
  border-top:1.5px solid var(--ink);
  padding-top:14px
}
.guide-grid[data-c-categorie] p[data-c-categorie] {
  font-family:var(--font-serif);
  color:var(--ink-soft);
  margin-top:8px;
  line-height:1.6
}
.sub[data-c-categorie] {
  font-size:var(--t-lg);
  margin-bottom:18px
}
.pairs[data-c-categorie] {
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  display:flex
}
.pairs[data-c-categorie] a[data-c-categorie] {
  border:var(--line);
  background:var(--surface);
  font-size:var(--t-sm);
  border-radius:999px;
  padding:8px 14px;
  font-weight:600;
  text-decoration:none;
  display:inline-block
}
.pairs[data-c-categorie] a[data-c-categorie]:hover {
  border-color:var(--encre)
}
.faq[data-c-categorie] {
  border-top:1.5px solid var(--ink);
  max-width:820px
}
.faq[data-c-categorie] details[data-c-categorie] {
  border-bottom:var(--line)
}
.faq[data-c-categorie] summary[data-c-categorie] {
  cursor:pointer;
  font-weight:650;
  font-size:var(--t-md);
  justify-content:space-between;
  gap:16px;
  padding:18px 0;
  list-style:none;
  display:flex
}
.faq[data-c-categorie] summary[data-c-categorie]::-webkit-details-marker {
  display:none
}
.faq[data-c-categorie] summary[data-c-categorie]:after {
  content:"+";
  color:var(--encre);
  font-size:1.4em;
  font-weight:500;
  line-height:1
}
.faq[data-c-categorie] details[data-c-categorie][open] summary[data-c-categorie]:after {
  content:"−"
}
.faq[data-c-categorie] p[data-c-categorie] {
  font-family:var(--font-serif);
  color:var(--ink-soft);
  max-width:68ch;
  padding-bottom:20px;
  line-height:1.65
}
.siblings[data-c-categorie] {
  font-size:var(--t-sm);
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px 16px;
  padding-top:8px;
  display:flex
}
.siblings[data-c-categorie] p[data-c-categorie] {
  color:var(--muted)
}
.siblings[data-c-categorie] ul[data-c-categorie] {
  flex-wrap:wrap;
  gap:6px 16px;
  margin:0;
  padding:0;
  list-style:none;
  display:flex
}
.siblings[data-c-categorie] a[data-c-categorie] {
  font-weight:600
}
.hero[data-c-accueil] {
  --margin-x:calc(max(0px, (100vw - var(--wrap)) / 2) + var(--gutter) + 8px);
  border-bottom:var(--line);
  padding-block:clamp(48px,8vw,104px) clamp(48px,7vw,88px)
}
.hero-grid[data-c-accueil] {
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);
  align-items:center;
  gap:clamp(32px,6vw,88px);
  display:grid
}
.hero-copy[data-c-accueil] {
  padding-left:clamp(20px,3vw,40px)
}
.hero[data-c-accueil] h1[data-c-accueil] {
  font-size:var(--t-3xl);
  max-width:11ch;
  line-height:1.02
}
.hero[data-c-accueil] .lede[data-c-accueil] {
  margin-top:1.5rem
}
.hero-search[data-c-accueil] {
  background:var(--surface);
  border:2px solid var(--ink);
  border-radius:var(--r-sm);
  max-width:600px;
  color:var(--muted);
  align-items:center;
  gap:10px;
  margin-top:2rem;
  padding:6px 6px 6px 16px;
  display:flex
}
.hero-search[data-c-accueil]:focus-within {
  border-color:var(--encre)
}
.hero-search[data-c-accueil] input[data-c-accueil] {
  min-width:0;
  font:inherit;
  font-size:var(--t-base);
  color:var(--ink);
  background:0 0;
  border:0;
  outline:none;
  flex:1
}
.quick[data-c-accueil] {
  font-size:var(--t-sm);
  flex-wrap:wrap;
  gap:8px 18px;
  margin:1rem 0 0;
  padding:0;
  list-style:none;
  display:flex
}
.quick[data-c-accueil] a[data-c-accueil] {
  color:var(--ink-soft);
  font-weight:600
}
.quick[data-c-accueil] a[data-c-accueil]:hover {
  color:var(--encre)
}
.bulletin[data-c-accueil] {
  background:var(--surface);
  border:1.5px solid var(--ink);
  border-radius:var(--r-md);
  box-shadow:8px 8px 0 var(--encre-wash);
  padding:20px 22px 10px
}
.bulletin-head[data-c-accueil] {
  border-bottom:1.5px solid var(--ink);
  font-size:var(--t-sm);
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  padding-bottom:12px;
  display:flex
}
.bulletin-title[data-c-accueil] {
  font-weight:750;
  font-size:var(--t-base)
}
.bulletin[data-c-accueil] ol[data-c-accueil] {
  margin:0;
  padding:0;
  list-style:none
}
.bulletin[data-c-accueil] li[data-c-accueil]+li[data-c-accueil] {
  border-top:var(--line)
}
.bulletin[data-c-accueil] li[data-c-accueil] a[data-c-accueil] {
  color:var(--ink);
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:12px 0;
  text-decoration:none;
  display:flex
}
.bulletin[data-c-accueil] li[data-c-accueil]:first-child a[data-c-accueil] {
  padding-block:18px
}
.bulletin[data-c-accueil] li[data-c-accueil] a[data-c-accueil]:hover .b-name[data-c-accueil] {
  color:var(--encre)
}
.b-rank[data-c-accueil] {
  width:1.25rem;
  color:var(--muted);
  font-weight:800
}
.bulletin[data-c-accueil] li[data-c-accueil]:first-child .b-rank[data-c-accueil] {
  color:var(--marge)
}
.b-name[data-c-accueil] {
  flex-direction:column;
  flex:1;
  font-weight:700;
  line-height:1.25;
  display:flex
}
.b-name[data-c-accueil] small[data-c-accueil] {
  font-weight:500;
  font-size:var(--t-xs);
  color:var(--muted)
}
.toc[data-c-accueil] {
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:40px 56px;
  display:grid
}
.toc-group[data-c-accueil] h3[data-c-accueil] {
  font-size:var(--t-base);
  border-bottom:1.5px solid var(--ink);
  padding-bottom:10px
}
.toc[data-c-accueil] ul[data-c-accueil] {
  margin:0;
  padding:0;
  list-style:none
}
.toc[data-c-accueil] li[data-c-accueil] a[data-c-accueil] {
  border-bottom:var(--line);
  color:var(--ink);
  align-items:baseline;
  gap:8px;
  padding:11px 0;
  text-decoration:none;
  display:flex
}
.toc-name[data-c-accueil] {
  font-weight:600
}
.toc-dots[data-c-accueil] {
  border-bottom:2px dotted var(--seyes-strong);
  flex:1;
  transform:translateY(-4px)
}
.toc-count[data-c-accueil] {
  font-size:var(--t-sm);
  color:var(--muted)
}
.toc[data-c-accueil] li[data-c-accueil] a[data-c-accueil]:hover .toc-name[data-c-accueil] {
  color:var(--encre)
}
.toc[data-c-accueil] li[data-c-accueil] a[data-c-accueil]:hover .toc-dots[data-c-accueil] {
  border-color:var(--encre)
}
.duels-wrap[data-c-accueil] {
  background:var(--tint);
  border-block:var(--line)
}
.duels[data-c-accueil] {
  grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
  display:grid
}
.duels[data-c-accueil] a[data-c-accueil] {
  background:var(--surface);
  border:var(--line);
  border-radius:var(--r-md);
  color:var(--ink);
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  text-decoration:none;
  display:grid
}
.duels[data-c-accueil] a[data-c-accueil]:hover {
  border-color:var(--encre)
}
.duel-side[data-c-accueil] {
  align-items:center;
  gap:10px;
  min-width:0;
  display:flex
}
.duel-side[data-c-accueil]:last-child {
  text-align:right;
  flex-direction:row-reverse
}
.duel-name[data-c-accueil] {
  text-overflow:ellipsis;
  white-space:nowrap;
  flex:1;
  min-width:0;
  font-weight:700;
  overflow:hidden
}
.duel-score[data-c-accueil] {
  color:var(--encre);
  font-weight:800
}
.duel-vs[data-c-accueil] {
  font-family:var(--font-serif);
  color:var(--muted);
  font-style:italic
}
.fr-list[data-c-accueil] {
  border-top:1.5px solid var(--ink);
  grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));
  margin:0;
  padding:0;
  list-style:none;
  display:grid
}
.fr-list[data-c-accueil] a[data-c-accueil] {
  border-bottom:var(--line);
  color:var(--ink);
  align-items:center;
  gap:12px;
  padding:16px 4px;
  text-decoration:none;
  display:flex
}
.fr-list[data-c-accueil] a[data-c-accueil]:hover .fr-name[data-c-accueil] {
  color:var(--encre)
}
.fr-txt[data-c-accueil] {
  flex-direction:column;
  flex:1;
  min-width:0;
  display:flex
}
.fr-name[data-c-accueil] {
  font-weight:700
}
.fr-cat[data-c-accueil] {
  font-size:var(--t-xs);
  color:var(--muted)
}
.fr-score[data-c-accueil] {
  color:var(--encre);
  font-weight:800
}
.fr-score[data-c-accueil] small[data-c-accueil] {
  color:var(--muted);
  font-size:.7em;
  font-weight:600
}
.method-wrap[data-c-accueil] {
  background:var(--ink);
  color:var(--paper);
  --ink-soft:color-mix(in srgb, var(--paper) 72%, transparent)
}
.method[data-c-accueil] {
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  gap:clamp(32px,6vw,96px);
  display:grid
}
.method[data-c-accueil] .lede[data-c-accueil] {
  margin-block:1.25rem 1.75rem
}
.method[data-c-accueil] .btn-ghost[data-c-accueil] {
  color:var(--paper);
  border-color:var(--paper)
}
.method[data-c-accueil] .btn-ghost[data-c-accueil]:hover {
  background:var(--paper);
  color:var(--ink)
}
.criteria[data-c-accueil] {
  gap:0;
  margin:0;
  display:grid
}
.criteria[data-c-accueil]>div[data-c-accueil] {
  border-top:1px solid color-mix(in srgb, var(--paper) 22%, transparent);
  padding:18px 0
}
.criteria[data-c-accueil] dt[data-c-accueil] {
  font-weight:700;
  font-size:var(--t-md);
  justify-content:space-between;
  gap:16px;
  display:flex
}
.criteria[data-c-accueil] dt[data-c-accueil] span[data-c-accueil] {
  color:color-mix(in srgb, var(--paper) 60%, transparent);
  font-weight:600
}
.criteria[data-c-accueil] dd[data-c-accueil] {
  color:var(--ink-soft);
  max-width:56ch;
  margin:6px 0 0
}
.deal-list[data-c-accueil] {
  grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
  display:grid
}
.deal-list[data-c-accueil] li[data-c-accueil] {
  border:1.5px dashed var(--seyes-strong);
  border-radius:var(--r-md);
  align-items:center;
  gap:14px;
  padding:16px 18px;
  display:flex
}
.deal-list[data-c-accueil] li[data-c-accueil]>div[data-c-accueil] {
  flex:1;
  min-width:0
}
.deal-name[data-c-accueil] {
  color:var(--ink);
  font-weight:700
}
.deal-list[data-c-accueil] p[data-c-accueil] {
  font-size:var(--t-sm);
  color:var(--ink-soft)
}
@media (width<=900px) {
  .hero-grid[data-c-accueil],.method[data-c-accueil] {
    grid-template-columns:1fr
  }
  .bulletin[data-c-accueil] {
    margin-left:clamp(20px,3vw,40px)
  }
}
@media (width<=560px) {
  .hero-search[data-c-accueil] .btn[data-c-accueil] {
    display:none
  }
  .duels[data-c-accueil] a[data-c-accueil] {
    grid-template-columns:1fr;
    gap:6px
  }
  .duel-side[data-c-accueil]:last-child {
    text-align:left;
    flex-direction:row
  }
  .duel-vs[data-c-accueil] {
    padding-left:50px
  }
}
.logo[data-c-logo] {
  width:var(--s);
  height:var(--s);
  border-radius:calc(var(--s) * .24);
  background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--seyes);
  flex:none;
  place-items:center;
  display:grid;
  position:relative;
  overflow:hidden
}
.mono[data-c-logo] {
  font-weight:750;
  font-size:calc(var(--s) * .38);
  letter-spacing:-.03em;
  color:hsl(var(--h) 55% 32%);
  background:hsl(var(--h) 70% 94%);
  place-items:center;
  display:grid;
  position:absolute;
  inset:0
}
img[data-c-logo] {
  object-fit:contain;
  background:var(--surface);
  border-radius:2px;
  width:72%;
  height:72%;
  position:relative
}
.head[data-c-alternatives] {
  background:var(--surface);
  border-bottom:var(--line);
  padding-block:40px
}
.title-row[data-c-alternatives] {
  align-items:center;
  gap:18px;
  display:flex
}
.lede[data-c-alternatives] {
  margin-top:16px
}
.why[data-c-alternatives] {
  max-width:70ch;
  color:var(--ink-soft);
  margin-top:14px
}
.list[data-c-alternatives] {
  padding-top:24px
}
.cmp-link[data-c-alternatives] {
  font-size:var(--t-sm);
  margin:10px 0 0 3.25rem;
  font-weight:600;
  display:inline-block
}
.list[data-c-alternatives]>div[data-c-alternatives] {
  border-bottom:var(--line);
  padding-bottom:12px
}
.list[data-c-alternatives]>div[data-c-alternatives] .row {
  border-bottom:0;
  padding-bottom:4px
}
.disclosure[data-c-alternatives] {
  margin-top:20px
}
@media (width<=560px) {
  .title-row[data-c-alternatives] {
    flex-direction:column;
    align-items:flex-start
  }
  .cmp-link[data-c-alternatives] {
    margin-left:2.5rem
  }
}
.score[data-c-score] {
  color:var(--encre);
  white-space:nowrap;
  flex-direction:column;
  align-items:center;
  line-height:1;
  display:inline-flex;
  position:relative
}
.val[data-c-score] {
  letter-spacing:-.04em;
  font-weight:800
}
.den[data-c-score] {
  letter-spacing:0;
  color:var(--muted);
  margin-left:.08em;
  font-size:.5em;
  font-weight:600
}
.score-sm[data-c-score] .val[data-c-score] {
  font-size:1.125rem
}
.score-md[data-c-score] .val[data-c-score] {
  font-size:1.625rem
}
.score-xl[data-c-score] .val[data-c-score] {
  font-size:clamp(3.25rem,7vw,4.5rem)
}
.mention[data-c-score] {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  margin-top:.4em;
  font-weight:650
}
.score-xl[data-c-score] .mention[data-c-score] {
  font-size:var(--t-sm);
  margin-top:.55em
}
.val-wrap[data-c-score] {
  display:inline-block;
  position:relative
}
.circled[data-c-score] .val-wrap[data-c-score] {
  padding:.3em .55em
}
.ring[data-c-score] {
  width:100%;
  max-width:none;
  height:100%;
  color:var(--marge);
  pointer-events:none;
  position:absolute;
  inset:0;
  overflow:visible
}
.ring[data-c-score] path[data-c-score] {
  stroke-dasharray:100;
  stroke-dashoffset:100px;
  animation:.9s cubic-bezier(.6,0,.3,1) .25s forwards draw
}
@keyframes draw {
  to {
    stroke-dashoffset:0
  }
}
.tags[data-c-tags] {
  flex-wrap:wrap;
  gap:6px;
  display:inline-flex
}
.row[data-c-row] {
  border-bottom:var(--line);
  grid-template-columns:2.25rem minmax(220px,1.3fr) minmax(0,1.6fr) 9.5rem 6.5rem auto;
  grid-template-areas:"rank id meta price grade actions";
  align-items:center;
  gap:1rem 1.5rem;
  padding:1.25rem 0;
  display:grid
}
.row[data-c-row]:not(:has(.rank)) {
  grid-template-columns:minmax(220px,1.3fr) minmax(0,1.6fr) 9.5rem 6.5rem auto;
  grid-template-areas:"id meta price grade actions"
}
.rank[data-c-row] {
  font-weight:800;
  font-size:var(--t-lg);
  color:var(--muted);
  letter-spacing:-.03em;
  grid-area:rank
}
.rank[data-c-row].first {
  color:var(--marge)
}
.identity[data-c-row] {
  color:inherit;
  grid-area:id;
  align-items:center;
  gap:.9rem;
  min-width:0;
  text-decoration:none;
  display:flex
}
.identity[data-c-row]:hover .name[data-c-row] {
  color:var(--encre);
  text-underline-offset:.18em;
  text-decoration:underline 1px
}
.txt[data-c-row] {
  flex-direction:column;
  min-width:0;
  display:flex
}
.name[data-c-row] {
  font-weight:750;
  font-size:var(--t-md);
  letter-spacing:-.02em;
  line-height:1.2
}
.tagline[data-c-row] {
  font-size:var(--t-sm);
  color:var(--ink-soft);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin-top:2px;
  line-height:1.4;
  display:-webkit-box;
  overflow:hidden
}
.meta[data-c-row] {
  flex-direction:column;
  grid-area:meta;
  gap:.5rem;
  min-width:0;
  display:flex
}
.verdict[data-c-row] {
  font-family:var(--font-serif);
  font-size:var(--t-sm);
  color:var(--ink-soft);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.5;
  display:-webkit-box;
  overflow:hidden
}
.price[data-c-row] {
  font-size:var(--t-sm);
  flex-direction:column;
  grid-area:price;
  line-height:1.35;
  display:flex
}
.price-label[data-c-row] {
  font-size:var(--t-xs);
  color:var(--muted)
}
.price-val[data-c-row] {
  font-weight:600
}
.grade[data-c-row] {
  flex-direction:column;
  grid-area:grade;
  align-items:center;
  gap:4px;
  display:flex
}
.mention[data-c-row] {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  font-weight:600
}
.actions[data-c-row] {
  grid-area:actions
}
@media (width<=1080px) {
  .row[data-c-row],.row[data-c-row]:not(:has(.rank)) {
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"rank id grade""rank meta grade""rank price actions";
    gap:.75rem 1rem
  }
  .row[data-c-row]:not(:has(.rank)) {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"id grade""meta grade""price actions"
  }
  .rank[data-c-row] {
    align-self:start;
    padding-top:.6rem
  }
  .grade[data-c-row] {
    align-self:start
  }
}
@media (width<=560px) {
  .row[data-c-row] {
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"rank id grade""rank meta meta""rank price price""rank actions actions"
  }
  .row[data-c-row]:not(:has(.rank)) {
    grid-template-areas:"id grade""meta meta""price price""actions actions"
  }
  .verdict[data-c-row] {
    display:none
  }
}
.page[data-c-bons-plans] {
  padding-top:28px
}
.lede[data-c-bons-plans] {
  margin-top:12px
}
section[data-c-bons-plans] {
  margin-top:48px
}
.h[data-c-bons-plans] {
  border-bottom:1.5px solid var(--ink);
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:12px 20px;
  padding-bottom:12px;
  display:flex
}
.h[data-c-bons-plans] h2[data-c-bons-plans] {
  font-size:var(--t-lg)
}
.tip[data-c-bons-plans] {
  border-left:3px solid var(--marge);
  background:var(--surface);
  max-width:760px;
  margin-top:56px;
  padding:24px 28px
}
.tip[data-c-bons-plans] h2[data-c-bons-plans] {
  font-size:var(--t-md)
}
.tip[data-c-bons-plans] p[data-c-bons-plans] {
  font-family:var(--font-serif);
  color:var(--ink-soft);
  margin-top:8px;
  line-height:1.65
}
.disclosure[data-c-bons-plans] {
  margin-top:24px
}
.logo[data-c-logo] {
  width:var(--s);
  height:var(--s);
  border-radius:calc(var(--s) * .24);
  background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--seyes);
  flex:none;
  place-items:center;
  display:grid;
  position:relative;
  overflow:hidden
}
.mono[data-c-logo] {
  font-weight:750;
  font-size:calc(var(--s) * .38);
  letter-spacing:-.03em;
  color:hsl(var(--h) 55% 32%);
  background:hsl(var(--h) 70% 94%);
  place-items:center;
  display:grid;
  position:absolute;
  inset:0
}
img[data-c-logo] {
  object-fit:contain;
  background:var(--surface);
  border-radius:2px;
  width:72%;
  height:72%;
  position:relative
}
.score[data-c-score] {
  color:var(--encre);
  white-space:nowrap;
  flex-direction:column;
  align-items:center;
  line-height:1;
  display:inline-flex;
  position:relative
}
.val[data-c-score] {
  letter-spacing:-.04em;
  font-weight:800
}
.den[data-c-score] {
  letter-spacing:0;
  color:var(--muted);
  margin-left:.08em;
  font-size:.5em;
  font-weight:600
}
.score-sm[data-c-score] .val[data-c-score] {
  font-size:1.125rem
}
.score-md[data-c-score] .val[data-c-score] {
  font-size:1.625rem
}
.score-xl[data-c-score] .val[data-c-score] {
  font-size:clamp(3.25rem,7vw,4.5rem)
}
.mention[data-c-score] {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  margin-top:.4em;
  font-weight:650
}
.score-xl[data-c-score] .mention[data-c-score] {
  font-size:var(--t-sm);
  margin-top:.55em
}
.val-wrap[data-c-score] {
  display:inline-block;
  position:relative
}
.circled[data-c-score] .val-wrap[data-c-score] {
  padding:.3em .55em
}
.ring[data-c-score] {
  width:100%;
  max-width:none;
  height:100%;
  color:var(--marge);
  pointer-events:none;
  position:absolute;
  inset:0;
  overflow:visible
}
.ring[data-c-score] path[data-c-score] {
  stroke-dasharray:100;
  stroke-dashoffset:100px;
  animation:.9s cubic-bezier(.6,0,.3,1) .25s forwards draw
}
@keyframes draw {
  to {
    stroke-dashoffset:0
  }
}
.tags[data-c-tags] {
  flex-wrap:wrap;
  gap:6px;
  display:inline-flex
}
.row[data-c-row] {
  border-bottom:var(--line);
  grid-template-columns:2.25rem minmax(220px,1.3fr) minmax(0,1.6fr) 9.5rem 6.5rem auto;
  grid-template-areas:"rank id meta price grade actions";
  align-items:center;
  gap:1rem 1.5rem;
  padding:1.25rem 0;
  display:grid
}
.row[data-c-row]:not(:has(.rank)) {
  grid-template-columns:minmax(220px,1.3fr) minmax(0,1.6fr) 9.5rem 6.5rem auto;
  grid-template-areas:"id meta price grade actions"
}
.rank[data-c-row] {
  font-weight:800;
  font-size:var(--t-lg);
  color:var(--muted);
  letter-spacing:-.03em;
  grid-area:rank
}
.rank[data-c-row].first {
  color:var(--marge)
}
.identity[data-c-row] {
  color:inherit;
  grid-area:id;
  align-items:center;
  gap:.9rem;
  min-width:0;
  text-decoration:none;
  display:flex
}
.identity[data-c-row]:hover .name[data-c-row] {
  color:var(--encre);
  text-underline-offset:.18em;
  text-decoration:underline 1px
}
.txt[data-c-row] {
  flex-direction:column;
  min-width:0;
  display:flex
}
.name[data-c-row] {
  font-weight:750;
  font-size:var(--t-md);
  letter-spacing:-.02em;
  line-height:1.2
}
.tagline[data-c-row] {
  font-size:var(--t-sm);
  color:var(--ink-soft);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin-top:2px;
  line-height:1.4;
  display:-webkit-box;
  overflow:hidden
}
.meta[data-c-row] {
  flex-direction:column;
  grid-area:meta;
  gap:.5rem;
  min-width:0;
  display:flex
}
.verdict[data-c-row] {
  font-family:var(--font-serif);
  font-size:var(--t-sm);
  color:var(--ink-soft);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.5;
  display:-webkit-box;
  overflow:hidden
}
.price[data-c-row] {
  font-size:var(--t-sm);
  flex-direction:column;
  grid-area:price;
  line-height:1.35;
  display:flex
}
.price-label[data-c-row] {
  font-size:var(--t-xs);
  color:var(--muted)
}
.price-val[data-c-row] {
  font-weight:600
}
.grade[data-c-row] {
  flex-direction:column;
  grid-area:grade;
  align-items:center;
  gap:4px;
  display:flex
}
.mention[data-c-row] {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  font-weight:600
}
.actions[data-c-row] {
  grid-area:actions
}
@media (width<=1080px) {
  .row[data-c-row],.row[data-c-row]:not(:has(.rank)) {
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"rank id grade""rank meta grade""rank price actions";
    gap:.75rem 1rem
  }
  .row[data-c-row]:not(:has(.rank)) {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"id grade""meta grade""price actions"
  }
  .rank[data-c-row] {
    align-self:start;
    padding-top:.6rem
  }
  .grade[data-c-row] {
    align-self:start
  }
}
@media (width<=560px) {
  .row[data-c-row] {
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"rank id grade""rank meta meta""rank price price""rank actions actions"
  }
  .row[data-c-row]:not(:has(.rank)) {
    grid-template-areas:"id grade""meta meta""price price""actions actions"
  }
  .verdict[data-c-row] {
    display:none
  }
}
.logo[data-c-logo] {
  width:var(--s);
  height:var(--s);
  border-radius:calc(var(--s) * .24);
  background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--seyes);
  flex:none;
  place-items:center;
  display:grid;
  position:relative;
  overflow:hidden
}
.mono[data-c-logo] {
  font-weight:750;
  font-size:calc(var(--s) * .38);
  letter-spacing:-.03em;
  color:hsl(var(--h) 55% 32%);
  background:hsl(var(--h) 70% 94%);
  place-items:center;
  display:grid;
  position:absolute;
  inset:0
}
img[data-c-logo] {
  object-fit:contain;
  background:var(--surface);
  border-radius:2px;
  width:72%;
  height:72%;
  position:relative
}
.score[data-c-score] {
  color:var(--encre);
  white-space:nowrap;
  flex-direction:column;
  align-items:center;
  line-height:1;
  display:inline-flex;
  position:relative
}
.val[data-c-score] {
  letter-spacing:-.04em;
  font-weight:800
}
.den[data-c-score] {
  letter-spacing:0;
  color:var(--muted);
  margin-left:.08em;
  font-size:.5em;
  font-weight:600
}
.score-sm[data-c-score] .val[data-c-score] {
  font-size:1.125rem
}
.score-md[data-c-score] .val[data-c-score] {
  font-size:1.625rem
}
.score-xl[data-c-score] .val[data-c-score] {
  font-size:clamp(3.25rem,7vw,4.5rem)
}
.mention[data-c-score] {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  margin-top:.4em;
  font-weight:650
}
.score-xl[data-c-score] .mention[data-c-score] {
  font-size:var(--t-sm);
  margin-top:.55em
}
.val-wrap[data-c-score] {
  display:inline-block;
  position:relative
}
.circled[data-c-score] .val-wrap[data-c-score] {
  padding:.3em .55em
}
.ring[data-c-score] {
  width:100%;
  max-width:none;
  height:100%;
  color:var(--marge);
  pointer-events:none;
  position:absolute;
  inset:0;
  overflow:visible
}
.ring[data-c-score] path[data-c-score] {
  stroke-dasharray:100;
  stroke-dashoffset:100px;
  animation:.9s cubic-bezier(.6,0,.3,1) .25s forwards draw
}
@keyframes draw {
  to {
    stroke-dashoffset:0
  }
}
.tags[data-c-tags] {
  flex-wrap:wrap;
  gap:6px;
  display:inline-flex
}
.row[data-c-row] {
  border-bottom:var(--line);
  grid-template-columns:2.25rem minmax(220px,1.3fr) minmax(0,1.6fr) 9.5rem 6.5rem auto;
  grid-template-areas:"rank id meta price grade actions";
  align-items:center;
  gap:1rem 1.5rem;
  padding:1.25rem 0;
  display:grid
}
.row[data-c-row]:not(:has(.rank)) {
  grid-template-columns:minmax(220px,1.3fr) minmax(0,1.6fr) 9.5rem 6.5rem auto;
  grid-template-areas:"id meta price grade actions"
}
.rank[data-c-row] {
  font-weight:800;
  font-size:var(--t-lg);
  color:var(--muted);
  letter-spacing:-.03em;
  grid-area:rank
}
.rank[data-c-row].first {
  color:var(--marge)
}
.identity[data-c-row] {
  color:inherit;
  grid-area:id;
  align-items:center;
  gap:.9rem;
  min-width:0;
  text-decoration:none;
  display:flex
}
.identity[data-c-row]:hover .name[data-c-row] {
  color:var(--encre);
  text-underline-offset:.18em;
  text-decoration:underline 1px
}
.txt[data-c-row] {
  flex-direction:column;
  min-width:0;
  display:flex
}
.name[data-c-row] {
  font-weight:750;
  font-size:var(--t-md);
  letter-spacing:-.02em;
  line-height:1.2
}
.tagline[data-c-row] {
  font-size:var(--t-sm);
  color:var(--ink-soft);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin-top:2px;
  line-height:1.4;
  display:-webkit-box;
  overflow:hidden
}
.meta[data-c-row] {
  flex-direction:column;
  grid-area:meta;
  gap:.5rem;
  min-width:0;
  display:flex
}
.verdict[data-c-row] {
  font-family:var(--font-serif);
  font-size:var(--t-sm);
  color:var(--ink-soft);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.5;
  display:-webkit-box;
  overflow:hidden
}
.price[data-c-row] {
  font-size:var(--t-sm);
  flex-direction:column;
  grid-area:price;
  line-height:1.35;
  display:flex
}
.price-label[data-c-row] {
  font-size:var(--t-xs);
  color:var(--muted)
}
.price-val[data-c-row] {
  font-weight:600
}
.grade[data-c-row] {
  flex-direction:column;
  grid-area:grade;
  align-items:center;
  gap:4px;
  display:flex
}
.mention[data-c-row] {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  font-weight:600
}
.actions[data-c-row] {
  grid-area:actions
}
@media (width<=1080px) {
  .row[data-c-row],.row[data-c-row]:not(:has(.rank)) {
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"rank id grade""rank meta grade""rank price actions";
    gap:.75rem 1rem
  }
  .row[data-c-row]:not(:has(.rank)) {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"id grade""meta grade""price actions"
  }
  .rank[data-c-row] {
    align-self:start;
    padding-top:.6rem
  }
  .grade[data-c-row] {
    align-self:start
  }
}
@media (width<=560px) {
  .row[data-c-row] {
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"rank id grade""rank meta meta""rank price price""rank actions actions"
  }
  .row[data-c-row]:not(:has(.rank)) {
    grid-template-areas:"id grade""meta meta""price price""actions actions"
  }
  .verdict[data-c-row] {
    display:none
  }
}
.logo[data-c-logo] {
  width:var(--s);
  height:var(--s);
  border-radius:calc(var(--s) * .24);
  background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--seyes);
  flex:none;
  place-items:center;
  display:grid;
  position:relative;
  overflow:hidden
}
.mono[data-c-logo] {
  font-weight:750;
  font-size:calc(var(--s) * .38);
  letter-spacing:-.03em;
  color:hsl(var(--h) 55% 32%);
  background:hsl(var(--h) 70% 94%);
  place-items:center;
  display:grid;
  position:absolute;
  inset:0
}
img[data-c-logo] {
  object-fit:contain;
  background:var(--surface);
  border-radius:2px;
  width:72%;
  height:72%;
  position:relative
}
.page[data-c-categories] {
  padding-top:28px
}
.lede[data-c-categories] {
  margin-top:12px
}
.group[data-c-categories] {
  margin-top:48px
}
.group[data-c-categories] h2[data-c-categories] {
  font-size:var(--t-lg);
  border-bottom:1.5px solid var(--ink);
  padding-bottom:10px
}
.cats[data-c-categories] {
  grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));
  column-gap:40px;
  display:grid
}
.cat[data-c-categories] {
  border-bottom:var(--line);
  color:var(--ink);
  flex-direction:column;
  gap:8px;
  padding:20px 0;
  text-decoration:none;
  display:flex
}
.cat-top[data-c-categories] {
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  display:flex
}
.cat-name[data-c-categories] {
  font-weight:750;
  font-size:var(--t-md)
}
.cat[data-c-categories]:hover .cat-name[data-c-categories] {
  color:var(--encre);
  text-underline-offset:.18em;
  text-decoration:underline
}
.cat-count[data-c-categories] {
  color:var(--muted);
  font-size:var(--t-sm)
}
.cat-intro[data-c-categories] {
  font-size:var(--t-sm);
  color:var(--ink-soft);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden
}
.cat-logos[data-c-categories] {
  gap:6px;
  margin-top:4px;
  display:flex
}
.logo[data-c-logo] {
  width:var(--s);
  height:var(--s);
  border-radius:calc(var(--s) * .24);
  background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--seyes);
  flex:none;
  place-items:center;
  display:grid;
  position:relative;
  overflow:hidden
}
.mono[data-c-logo] {
  font-weight:750;
  font-size:calc(var(--s) * .38);
  letter-spacing:-.03em;
  color:hsl(var(--h) 55% 32%);
  background:hsl(var(--h) 70% 94%);
  place-items:center;
  display:grid;
  position:absolute;
  inset:0
}
img[data-c-logo] {
  object-fit:contain;
  background:var(--surface);
  border-radius:2px;
  width:72%;
  height:72%;
  position:relative
}
.score[data-c-score] {
  color:var(--encre);
  white-space:nowrap;
  flex-direction:column;
  align-items:center;
  line-height:1;
  display:inline-flex;
  position:relative
}
.val[data-c-score] {
  letter-spacing:-.04em;
  font-weight:800
}
.den[data-c-score] {
  letter-spacing:0;
  color:var(--muted);
  margin-left:.08em;
  font-size:.5em;
  font-weight:600
}
.score-sm[data-c-score] .val[data-c-score] {
  font-size:1.125rem
}
.score-md[data-c-score] .val[data-c-score] {
  font-size:1.625rem
}
.score-xl[data-c-score] .val[data-c-score] {
  font-size:clamp(3.25rem,7vw,4.5rem)
}
.mention[data-c-score] {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  margin-top:.4em;
  font-weight:650
}
.score-xl[data-c-score] .mention[data-c-score] {
  font-size:var(--t-sm);
  margin-top:.55em
}
.val-wrap[data-c-score] {
  display:inline-block;
  position:relative
}
.circled[data-c-score] .val-wrap[data-c-score] {
  padding:.3em .55em
}
.ring[data-c-score] {
  width:100%;
  max-width:none;
  height:100%;
  color:var(--marge);
  pointer-events:none;
  position:absolute;
  inset:0;
  overflow:visible
}
.ring[data-c-score] path[data-c-score] {
  stroke-dasharray:100;
  stroke-dashoffset:100px;
  animation:.9s cubic-bezier(.6,0,.3,1) .25s forwards draw
}
@keyframes draw {
  to {
    stroke-dashoffset:0
  }
}
.page[data-c-comparatifs] {
  padding-top:28px
}
.lede[data-c-comparatifs] {
  margin-top:12px
}
.cols[data-c-comparatifs] {
  columns:3 280px;
  column-gap:48px;
  margin-top:40px
}
section[data-c-comparatifs] {
  break-inside:avoid;
  margin-bottom:36px
}
h2[data-c-comparatifs] {
  font-size:var(--t-md);
  border-bottom:1.5px solid var(--ink);
  margin-bottom:6px;
  padding-bottom:8px
}
h2[data-c-comparatifs] a[data-c-comparatifs] {
  color:var(--ink);
  text-decoration:none
}
ul[data-c-comparatifs] {
  margin:0;
  padding:0;
  list-style:none
}
li[data-c-comparatifs] a[data-c-comparatifs] {
  font-size:var(--t-sm);
  color:var(--ink-soft);
  border-bottom:var(--line);
  padding:6px 0;
  text-decoration:none;
  display:block
}
li[data-c-comparatifs] a[data-c-comparatifs]:hover {
  color:var(--encre)
}
.page[data-c-comparer] {
  padding-top:28px
}
.lede[data-c-comparer] {
  margin-top:12px
}
.pickers[data-c-comparer] {
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:28px;
  display:grid
}
.pickers[data-c-comparer] label[data-c-comparer] {
  font-size:var(--t-sm);
  gap:6px;
  font-weight:650;
  display:grid
}
.pickers[data-c-comparer] select[data-c-comparer] {
  font:inherit;
  border:1.5px solid var(--seyes-strong);
  border-radius:var(--r-sm);
  background:var(--surface);
  color:var(--ink);
  padding:11px 12px;
  font-weight:500
}
.pickers[data-c-comparer] select[data-c-comparer]:focus {
  border-color:var(--encre);
  outline:none
}
.out[data-c-comparer] {
  margin-top:32px
}
.out[data-c-comparer] .empty {
  border:1.5px dashed var(--seyes-strong);
  border-radius:var(--r-md);
  color:var(--ink-soft);
  text-align:center;
  padding:40px 24px
}
.out[data-c-comparer] .tw {
  border:1.5px solid var(--ink);
  border-radius:var(--r-md);
  background:var(--surface);
  overflow-x:auto
}
.out[data-c-comparer] table {
  border-collapse:collapse;
  width:100%;
  min-width:640px
}
.out[data-c-comparer] th,.out[data-c-comparer] td {
  text-align:left;
  vertical-align:top;
  font-size:var(--t-sm);
  padding:12px 16px
}
.out[data-c-comparer] thead th {
  border-bottom:1.5px solid var(--ink)
}
.out[data-c-comparer] tbody tr+tr {
  border-top:var(--line)
}
.out[data-c-comparer] tbody th {
  color:var(--muted);
  width:20%;
  font-weight:600
}
.out[data-c-comparer] td.win {
  background:var(--encre-wash);
  color:var(--encre-deep);
  font-weight:700
}
.out[data-c-comparer] .h {
  color:var(--ink);
  align-items:center;
  gap:10px;
  text-decoration:none;
  display:flex
}
.out[data-c-comparer] .h span:last-child {
  flex-direction:column;
  display:flex
}
.out[data-c-comparer] .h small {
  color:var(--muted);
  font-weight:500
}
.out[data-c-comparer] .lg {
  width:40px;
  height:40px;
  box-shadow:inset 0 0 0 1px var(--seyes);
  background:var(--surface);
  border-radius:9px;
  flex:none;
  place-items:center;
  display:grid
}
.out[data-c-comparer] .lg img {
  object-fit:contain;
  width:28px;
  height:28px
}
.out[data-c-comparer] .big {
  font-size:var(--t-lg)
}
.out[data-c-comparer] .v {
  font-family:var(--font-serif);
  color:var(--ink-soft);
  font-weight:400;
  line-height:1.55
}
@media (width<=760px) {
  .pickers[data-c-comparer] {
    grid-template-columns:1fr
  }
}
.logo[data-c-logo] {
  width:var(--s);
  height:var(--s);
  border-radius:calc(var(--s) * .24);
  background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--seyes);
  flex:none;
  place-items:center;
  display:grid;
  position:relative;
  overflow:hidden
}
.mono[data-c-logo] {
  font-weight:750;
  font-size:calc(var(--s) * .38);
  letter-spacing:-.03em;
  color:hsl(var(--h) 55% 32%);
  background:hsl(var(--h) 70% 94%);
  place-items:center;
  display:grid;
  position:absolute;
  inset:0
}
img[data-c-logo] {
  object-fit:contain;
  background:var(--surface);
  border-radius:2px;
  width:72%;
  height:72%;
  position:relative
}
.score[data-c-score] {
  color:var(--encre);
  white-space:nowrap;
  flex-direction:column;
  align-items:center;
  line-height:1;
  display:inline-flex;
  position:relative
}
.val[data-c-score] {
  letter-spacing:-.04em;
  font-weight:800
}
.den[data-c-score] {
  letter-spacing:0;
  color:var(--muted);
  margin-left:.08em;
  font-size:.5em;
  font-weight:600
}
.score-sm[data-c-score] .val[data-c-score] {
  font-size:1.125rem
}
.score-md[data-c-score] .val[data-c-score] {
  font-size:1.625rem
}
.score-xl[data-c-score] .val[data-c-score] {
  font-size:clamp(3.25rem,7vw,4.5rem)
}
.mention[data-c-score] {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  margin-top:.4em;
  font-weight:650
}
.score-xl[data-c-score] .mention[data-c-score] {
  font-size:var(--t-sm);
  margin-top:.55em
}
.val-wrap[data-c-score] {
  display:inline-block;
  position:relative
}
.circled[data-c-score] .val-wrap[data-c-score] {
  padding:.3em .55em
}
.ring[data-c-score] {
  width:100%;
  max-width:none;
  height:100%;
  color:var(--marge);
  pointer-events:none;
  position:absolute;
  inset:0;
  overflow:visible
}
.ring[data-c-score] path[data-c-score] {
  stroke-dasharray:100;
  stroke-dashoffset:100px;
  animation:.9s cubic-bezier(.6,0,.3,1) .25s forwards draw
}
@keyframes draw {
  to {
    stroke-dashoffset:0
  }
}
.tags[data-c-tags] {
  flex-wrap:wrap;
  gap:6px;
  display:inline-flex
}
.row[data-c-row] {
  border-bottom:var(--line);
  grid-template-columns:2.25rem minmax(220px,1.3fr) minmax(0,1.6fr) 9.5rem 6.5rem auto;
  grid-template-areas:"rank id meta price grade actions";
  align-items:center;
  gap:1rem 1.5rem;
  padding:1.25rem 0;
  display:grid
}
.row[data-c-row]:not(:has(.rank)) {
  grid-template-columns:minmax(220px,1.3fr) minmax(0,1.6fr) 9.5rem 6.5rem auto;
  grid-template-areas:"id meta price grade actions"
}
.rank[data-c-row] {
  font-weight:800;
  font-size:var(--t-lg);
  color:var(--muted);
  letter-spacing:-.03em;
  grid-area:rank
}
.rank[data-c-row].first {
  color:var(--marge)
}
.identity[data-c-row] {
  color:inherit;
  grid-area:id;
  align-items:center;
  gap:.9rem;
  min-width:0;
  text-decoration:none;
  display:flex
}
.identity[data-c-row]:hover .name[data-c-row] {
  color:var(--encre);
  text-underline-offset:.18em;
  text-decoration:underline 1px
}
.txt[data-c-row] {
  flex-direction:column;
  min-width:0;
  display:flex
}
.name[data-c-row] {
  font-weight:750;
  font-size:var(--t-md);
  letter-spacing:-.02em;
  line-height:1.2
}
.tagline[data-c-row] {
  font-size:var(--t-sm);
  color:var(--ink-soft);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin-top:2px;
  line-height:1.4;
  display:-webkit-box;
  overflow:hidden
}
.meta[data-c-row] {
  flex-direction:column;
  grid-area:meta;
  gap:.5rem;
  min-width:0;
  display:flex
}
.verdict[data-c-row] {
  font-family:var(--font-serif);
  font-size:var(--t-sm);
  color:var(--ink-soft);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.5;
  display:-webkit-box;
  overflow:hidden
}
.price[data-c-row] {
  font-size:var(--t-sm);
  flex-direction:column;
  grid-area:price;
  line-height:1.35;
  display:flex
}
.price-label[data-c-row] {
  font-size:var(--t-xs);
  color:var(--muted)
}
.price-val[data-c-row] {
  font-weight:600
}
.grade[data-c-row] {
  flex-direction:column;
  grid-area:grade;
  align-items:center;
  gap:4px;
  display:flex
}
.mention[data-c-row] {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  font-weight:600
}
.actions[data-c-row] {
  grid-area:actions
}
@media (width<=1080px) {
  .row[data-c-row],.row[data-c-row]:not(:has(.rank)) {
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"rank id grade""rank meta grade""rank price actions";
    gap:.75rem 1rem
  }
  .row[data-c-row]:not(:has(.rank)) {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"id grade""meta grade""price actions"
  }
  .rank[data-c-row] {
    align-self:start;
    padding-top:.6rem
  }
  .grade[data-c-row] {
    align-self:start
  }
}
@media (width<=560px) {
  .row[data-c-row] {
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"rank id grade""rank meta meta""rank price price""rank actions actions"
  }
  .row[data-c-row]:not(:has(.rank)) {
    grid-template-areas:"id grade""meta meta""price price""actions actions"
  }
  .verdict[data-c-row] {
    display:none
  }
}
.head[data-c-made-in-france] {
  --margin-x:calc(max(0px, (100vw - var(--wrap)) / 2) + var(--gutter) - 14px);
  border-bottom:var(--line);
  padding-block:40px 48px
}
.head[data-c-made-in-france] .lede[data-c-made-in-france] {
  margin-top:14px
}
.cat[data-c-made-in-france] {
  margin-top:48px
}
.cat-head[data-c-made-in-france] {
  border-bottom:1.5px solid var(--ink);
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:8px 20px;
  padding-bottom:10px;
  display:flex
}
.cat-head[data-c-made-in-france] h2[data-c-made-in-france] {
  font-size:var(--t-lg)
}
.cat-head[data-c-made-in-france] a[data-c-made-in-france] {
  font-size:var(--t-sm);
  font-weight:600
}
.note[data-c-made-in-france] {
  color:var(--ink-soft);
  font-size:var(--t-sm);
  margin-top:12px
}
.logo[data-c-logo] {
  width:var(--s);
  height:var(--s);
  border-radius:calc(var(--s) * .24);
  background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--seyes);
  flex:none;
  place-items:center;
  display:grid;
  position:relative;
  overflow:hidden
}
.mono[data-c-logo] {
  font-weight:750;
  font-size:calc(var(--s) * .38);
  letter-spacing:-.03em;
  color:hsl(var(--h) 55% 32%);
  background:hsl(var(--h) 70% 94%);
  place-items:center;
  display:grid;
  position:absolute;
  inset:0
}
img[data-c-logo] {
  object-fit:contain;
  background:var(--surface);
  border-radius:2px;
  width:72%;
  height:72%;
  position:relative
}
.score[data-c-score] {
  color:var(--encre);
  white-space:nowrap;
  flex-direction:column;
  align-items:center;
  line-height:1;
  display:inline-flex;
  position:relative
}
.val[data-c-score] {
  letter-spacing:-.04em;
  font-weight:800
}
.den[data-c-score] {
  letter-spacing:0;
  color:var(--muted);
  margin-left:.08em;
  font-size:.5em;
  font-weight:600
}
.score-sm[data-c-score] .val[data-c-score] {
  font-size:1.125rem
}
.score-md[data-c-score] .val[data-c-score] {
  font-size:1.625rem
}
.score-xl[data-c-score] .val[data-c-score] {
  font-size:clamp(3.25rem,7vw,4.5rem)
}
.mention[data-c-score] {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  margin-top:.4em;
  font-weight:650
}
.score-xl[data-c-score] .mention[data-c-score] {
  font-size:var(--t-sm);
  margin-top:.55em
}
.val-wrap[data-c-score] {
  display:inline-block;
  position:relative
}
.circled[data-c-score] .val-wrap[data-c-score] {
  padding:.3em .55em
}
.ring[data-c-score] {
  width:100%;
  max-width:none;
  height:100%;
  color:var(--marge);
  pointer-events:none;
  position:absolute;
  inset:0;
  overflow:visible
}
.ring[data-c-score] path[data-c-score] {
  stroke-dasharray:100;
  stroke-dashoffset:100px;
  animation:.9s cubic-bezier(.6,0,.3,1) .25s forwards draw
}
@keyframes draw {
  to {
    stroke-dashoffset:0
  }
}
.tags[data-c-tags] {
  flex-wrap:wrap;
  gap:6px;
  display:inline-flex
}
.row[data-c-row] {
  border-bottom:var(--line);
  grid-template-columns:2.25rem minmax(220px,1.3fr) minmax(0,1.6fr) 9.5rem 6.5rem auto;
  grid-template-areas:"rank id meta price grade actions";
  align-items:center;
  gap:1rem 1.5rem;
  padding:1.25rem 0;
  display:grid
}
.row[data-c-row]:not(:has(.rank)) {
  grid-template-columns:minmax(220px,1.3fr) minmax(0,1.6fr) 9.5rem 6.5rem auto;
  grid-template-areas:"id meta price grade actions"
}
.rank[data-c-row] {
  font-weight:800;
  font-size:var(--t-lg);
  color:var(--muted);
  letter-spacing:-.03em;
  grid-area:rank
}
.rank[data-c-row].first {
  color:var(--marge)
}
.identity[data-c-row] {
  color:inherit;
  grid-area:id;
  align-items:center;
  gap:.9rem;
  min-width:0;
  text-decoration:none;
  display:flex
}
.identity[data-c-row]:hover .name[data-c-row] {
  color:var(--encre);
  text-underline-offset:.18em;
  text-decoration:underline 1px
}
.txt[data-c-row] {
  flex-direction:column;
  min-width:0;
  display:flex
}
.name[data-c-row] {
  font-weight:750;
  font-size:var(--t-md);
  letter-spacing:-.02em;
  line-height:1.2
}
.tagline[data-c-row] {
  font-size:var(--t-sm);
  color:var(--ink-soft);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin-top:2px;
  line-height:1.4;
  display:-webkit-box;
  overflow:hidden
}
.meta[data-c-row] {
  flex-direction:column;
  grid-area:meta;
  gap:.5rem;
  min-width:0;
  display:flex
}
.verdict[data-c-row] {
  font-family:var(--font-serif);
  font-size:var(--t-sm);
  color:var(--ink-soft);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.5;
  display:-webkit-box;
  overflow:hidden
}
.price[data-c-row] {
  font-size:var(--t-sm);
  flex-direction:column;
  grid-area:price;
  line-height:1.35;
  display:flex
}
.price-label[data-c-row] {
  font-size:var(--t-xs);
  color:var(--muted)
}
.price-val[data-c-row] {
  font-weight:600
}
.grade[data-c-row] {
  flex-direction:column;
  grid-area:grade;
  align-items:center;
  gap:4px;
  display:flex
}
.mention[data-c-row] {
  font-size:var(--t-xs);
  color:var(--ink-soft);
  font-weight:600
}
.actions[data-c-row] {
  grid-area:actions
}
@media (width<=1080px) {
  .row[data-c-row],.row[data-c-row]:not(:has(.rank)) {
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"rank id grade""rank meta grade""rank price actions";
    gap:.75rem 1rem
  }
  .row[data-c-row]:not(:has(.rank)) {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"id grade""meta grade""price actions"
  }
  .rank[data-c-row] {
    align-self:start;
    padding-top:.6rem
  }
  .grade[data-c-row] {
    align-self:start
  }
}
@media (width<=560px) {
  .row[data-c-row] {
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"rank id grade""rank meta meta""rank price price""rank actions actions"
  }
  .row[data-c-row]:not(:has(.rank)) {
    grid-template-areas:"id grade""meta meta""price price""actions actions"
  }
  .verdict[data-c-row] {
    display:none
  }
}