/* CONSTRUIT par tools/i18n.js depuis assets/css/style.css (@famille comparatifs).
   Ne pas éditer : la source est style.css, entre ses marqueurs. */

.cmp-tete{ padding-top:clamp(120px,16vh,170px) }
.cmp-tete h1{ margin-top:.1em }
.cmp-fil{ color:inherit; text-decoration:none; border-bottom:1px solid transparent }
.cmp-fil:hover{ border-bottom-color:currentColor }
.cmp-source{
margin-top:1.6em; font-size:var(--step--1); color:var(--ink-3);
max-width:56ch; line-height:1.5;
}
.cmp-source a{ color:inherit }
.cmp-source--table{ margin-top:1.1em }
.cmp-verdict{
font-family:var(--serif); font-size:var(--step-2); line-height:1.35;
letter-spacing:-.01em; max-width:34ch; color:var(--ink);
border-left:3px solid var(--green); padding-left:clamp(18px,3vw,28px);
}
.cmp-fiches{ margin-top:clamp(28px,4vw,44px); display:grid; gap:16px }
@media (min-width:760px){ .cmp-fiches{ grid-template-columns:repeat(2,1fr); gap:20px } }
.cmp-fiche{
border:1px solid var(--line); border-radius:var(--r);
background:var(--paper); padding:clamp(22px,3vw,30px);
display:flex; flex-direction:column;
}
.cmp-fiche--nous{ border-color:var(--green); box-shadow:0 0 0 3px rgba(34,197,94,.09) }
.cmp-fiche h3{ font-size:var(--step-1); font-weight:700; letter-spacing:-.02em }
.cmp-fiche dl{ margin:1.2em 0 auto; display:grid; gap:.7em }
.cmp-fiche dl > div{
display:grid; gap:.15em; padding-bottom:.7em; border-bottom:1px solid var(--line);
}
.cmp-fiche dl > div:last-child{ border-bottom:0; padding-bottom:0 }
.cmp-fiche dt{
font-size:.72rem; letter-spacing:.1em; text-transform:uppercase;
color:var(--ink-3); font-weight:600;
}
.cmp-fiche dd{ font-size:var(--step-0); color:var(--ink-2); line-height:1.4 }
.cmp-fiche .btn{ margin-top:1.6em; align-self:start }
.cmp-fiche__lien{
margin-top:1.6em; align-self:start; font-size:var(--step--1);
color:var(--ink-3); border-bottom:1px solid var(--line);
}
.cmp-fiche__lien:hover{ color:var(--ink); border-bottom-color:currentColor }
.cmp-fiche__source{
margin-top:1.6em; font-size:var(--step--1); line-height:1.5;
color:var(--ink-3); overflow-wrap:anywhere;
}
.cmp-fiche__source span{ color:var(--ink-2) }
.compare td.cmp-nous{ background:rgba(34,197,94,.055); font-weight:600; color:var(--ink) }
.compare tbody tr.cmp-nous th,
.compare tbody tr.cmp-nous td{ background:rgba(34,197,94,.055); color:var(--ink); font-weight:600 }
.compare tbody th a{ color:inherit; border-bottom:1px solid var(--line) }
.compare tbody th a:hover{ border-bottom-color:currentColor }
.cmp-liste{ margin-top:clamp(28px,4vw,44px); display:grid; gap:10px }
@media (min-width:720px){ .cmp-liste{ grid-template-columns:repeat(2,1fr); gap:14px } }
.cmp-carte{
display:grid; gap:.3em; text-decoration:none; color:inherit;
border:1px solid var(--line); border-radius:var(--r);
background:var(--paper); padding:clamp(18px,2.4vw,24px);
transition:border-color .18s ease, transform .18s ease;
}
.cmp-carte:hover{ border-color:var(--ink); transform:translateY(-2px) }
.cmp-carte__nom{ font-size:var(--step-1); font-weight:650; letter-spacing:-.02em }
.cmp-carte__prix{ font-size:var(--step--1); color:var(--ink-3) }
.cmp-carte__cta{
margin-top:.5em; font-size:var(--step--1); font-weight:600; color:var(--green-ink);
}
.section--dark .cmp-carte{
border-color:rgba(246,242,234,.14); background:rgba(246,242,234,.05); color:var(--paper);
}
.section--dark .cmp-carte__prix{ color:rgba(246,242,234,.6) }
.section--dark .cmp-carte__cta{ color:var(--green) }
.cmp-fin__actions{
margin-top:clamp(24px,4vw,36px); display:flex; flex-wrap:wrap;
align-items:center; gap:18px 24px;
}
.cmp-fin__lien{ font-size:var(--step--1); border-bottom:1px solid var(--line) }
.section--dark .cmp-fin__lien{ color:var(--paper); border-bottom-color:rgba(246,242,234,.28) }
.cmp-mentions{
margin:clamp(40px,6vw,64px) 0 clamp(56px,8vw,84px);
font-size:.78rem; line-height:1.6; color:var(--ink-3); max-width:72ch;
}