/* SITE-FICHE (11.10.2026, Thierry : « il manque des données très importantes, les dB et les caractéristiques importantes
   pour les clients, c'est beaucoup trop light ») — la fiche technique de FREATH ONE, dans la grammaire de la page (colonne
   courte à gauche, contenu à droite, comme « Pensé pour votre quotidien ») : à gauche quatre chiffres clés, à droite le
   comparatif One 12 / One 14 rangé par usage. Une valeur commune aux deux modèles s'étend sur les deux colonnes : on lit
   d'un regard « la même machine, deux puissances ». Chaque chiffre vient du fabricant et le dit. Tout est préfixé
   « fiche- » ; la section remplace .one-technical (ancre #one-specs gardée) sans en hériter les règles de tableau. */
.one-fiche{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;padding:80px 20px;scroll-margin-top:30px}
.fiche-tete{align-self:start;position:sticky;top:30px}
.fiche-tete h2{font-size:clamp(30px,3.5vw,46px)}
.fiche-tete .fiche-lede{margin-top:14px;font-size:19px;line-height:1.45;color:#3e718c}
.fiche-tete .fiche-source{margin-top:28px;font-size:13px;line-height:1.55;color:var(--muted);max-width:40ch}

/* Les chiffres clés : ce qu'un client compare d'abord. */
.fiche-cles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:36px 0 0;border-top:1px solid var(--ink)}
.fiche-cles>div{padding:18px 18px 18px 0;min-width:0;border-bottom:1px solid var(--line)}
.fiche-cles>div:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}
.fiche-cles dt{font-size:13px;font-weight:500;color:var(--muted)}
.fiche-cles dd{margin:6px 0 0}
.fiche-cles strong{display:block;font-size:clamp(28px,2.4vw,38px);font-weight:500;letter-spacing:-.035em;line-height:1.1;color:var(--ink);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.fiche-cles strong small{font-size:.5em;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:5px}
.fiche-cles span{display:block;margin-top:6px;font-size:13px;line-height:1.45;color:#425b6c}

/* Le comparatif. Les règles générales des tableaux du site (en-tête marine, lignes alternées) ne s'y appliquent pas. */
.fiche-corps{min-width:0}
.fiche-tableau table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px;line-height:1.5}
.fiche-tableau col.fiche-col-usage{width:34%}
.fiche-tableau thead{background:none;color:inherit}
.fiche-tableau tbody tr,.fiche-tableau tbody tr:nth-child(even){background:none}
.fiche-tableau th,.fiche-tableau td{padding:13px 14px 13px 0;border:0;vertical-align:top;text-align:left;overflow-wrap:anywhere}
.fiche-tableau thead th,.fiche-tableau thead td{position:sticky;top:0;z-index:1;background:var(--paper);padding:12px 14px 16px 0;vertical-align:bottom;
  border-bottom:2px solid var(--ink)}
.fiche-tableau thead th{font-size:clamp(19px,1.6vw,23px);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.fiche-tableau thead th span{display:block;margin-top:5px;font-size:14px;font-weight:400;letter-spacing:0;color:#3e718c}
.fiche-tableau tbody th[scope=rowgroup]{padding:30px 0 9px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:#3e718c;border-bottom:1px solid var(--line)}
.fiche-tableau tbody th[scope=row]{font-weight:500;color:#425b6c}
.fiche-tableau tbody tr+tr>*{border-top:1px solid #e6edf1}
.fiche-tableau td{color:var(--ink);font-variant-numeric:tabular-nums}
.fiche-tableau td[colspan]{background:linear-gradient(90deg,var(--ice),rgba(237,246,250,0) 80%);box-shadow:-12px 0 0 var(--ice)}
.fiche-tableau td small{display:block;margin-top:3px;font-size:13px;color:var(--muted);line-height:1.45}
.fiche-tableau td small a{color:var(--ink);text-decoration:underline;text-decoration-color:#8fc6dd;text-underline-offset:3px}
.fiche-tableau td small a:hover{text-decoration-color:currentColor}
.fiche-tableau .fiche-attente{color:var(--muted)}
.fiche-tableau .fiche-dispo th,.fiche-tableau .fiche-dispo td{border-top:2px solid var(--ink);padding-top:16px}
.fiche-tableau .fiche-dispo td{background:none;box-shadow:none;font-weight:500}

/* Lire les chiffres : deux notes, deux liens utiles. */
.fiche-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;margin-top:40px}
.fiche-notes p{margin:0;font-size:14px;line-height:1.6;color:#425b6c;max-width:52ch}
.fiche-notes b{display:block;margin-bottom:4px;font-weight:600;color:var(--ink)}
.fiche-notes a{display:block;width:fit-content;margin-top:8px;color:var(--ink);font-weight:500;border-bottom:1px solid #8fc6dd}
.fiche-notes a:hover{border-bottom-color:currentColor}

@media (max-width:1000px){
  .one-fiche{grid-template-columns:minmax(0,1fr);gap:36px;padding-inline:0}
  .fiche-tete{position:static}
  .fiche-tete .fiche-source{max-width:60ch}
  .fiche-cles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .fiche-cles>div:nth-child(n+2){padding-left:18px;border-left:1px solid var(--line)}
}
/* Téléphone : chaque ligne devient un bloc, l'usage au-dessus, les deux modèles côte à côte, ou une valeur pleine largeur. */
@media (max-width:760px){
  .one-fiche{padding:45px 0;gap:28px}
  .fiche-tete .fiche-lede{font-size:17px}
  .fiche-cles{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}
  .fiche-cles>div:nth-child(n+2){padding-left:0;border-left:0}
  .fiche-cles>div:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
  .fiche-cles strong{font-size:28px}
  .fiche-tableau table,.fiche-tableau thead,.fiche-tableau tbody{display:block}
  .fiche-tableau colgroup{display:none}
  .fiche-tableau thead tr,.fiche-tableau tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px}
  .fiche-tableau thead{position:sticky;top:0;z-index:1;background:var(--paper)}
  .fiche-tableau thead th{position:static}
  .fiche-tableau thead td{display:none}
  .fiche-tableau thead th{padding:10px 0 12px;font-size:18px}
  .fiche-tableau thead th span{font-size:13px}
  .fiche-tableau tbody tr{padding:11px 0}
  .fiche-tableau tbody tr+tr{border-top:1px solid #e6edf1}
  .fiche-tableau tbody tr+tr>*{border-top:0}
  .fiche-tableau tbody tr:first-child{padding:0}
  .fiche-tableau tbody th[scope=rowgroup]{grid-column:1/-1;padding:24px 0 8px}
  .fiche-tableau tbody th[scope=row]{grid-column:1/-1;padding:0 0 3px;font-size:13px}
  .fiche-tableau td{padding:0;font-size:15px}
  .fiche-tableau td[colspan]{grid-column:1/-1;background:none;box-shadow:none}
  .fiche-tableau tbody tr.fiche-dispo{margin-top:12px;border-top:2px solid var(--ink);padding:14px 0 0}
  .fiche-tableau .fiche-dispo th,.fiche-tableau .fiche-dispo td{border-top:0;padding-top:0}
  .fiche-notes{grid-template-columns:minmax(0,1fr);margin-top:30px}
}