.guide-page{min-height:calc(100vh - 48px);background:
radial-gradient(circle at 50% 0%,rgba(22,116,214,.18),transparent 30%),
linear-gradient(180deg,#04182d 0%,#031326 45%,#020d1a 100%);padding:142px 28px 54px;color:#eef7ff}
.guide-shell{width:min(1500px,100%);margin:0 auto}
.guide-hero{text-align:center;margin:0 auto 34px;max-width:900px}
.guide-kicker{display:inline-flex;align-items:center;gap:8px;color:#5fc9ff;font-size:12px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:10px}
.guide-kicker:before,.guide-kicker:after{content:"";width:38px;height:1px;background:linear-gradient(90deg,transparent,#2ca4ff)}
.guide-kicker:after{transform:scaleX(-1)}
.guide-hero h1{margin:0;font-size:clamp(30px,3vw,46px);line-height:1.05;text-shadow:0 0 24px rgba(45,158,255,.18)}
.guide-hero p{margin:13px auto 0;color:#9eb6cc;font-size:14px;line-height:1.65;max-width:780px}
.guide-grid{display:grid;grid-template-columns:1fr 1.04fr 1.04fr;gap:18px;align-items:start}
.guide-column{background:linear-gradient(180deg,rgba(8,36,65,.96),rgba(4,23,43,.98));border:1px solid #205985;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.03)}
.guide-column-head{padding:21px 21px 17px;border-bottom:1px solid rgba(84,173,238,.18);background:linear-gradient(135deg,rgba(21,89,151,.22),rgba(5,30,54,.02))}
.guide-column-head h2{font-size:20px;margin:0 0 6px}.guide-column-head p{margin:0;color:#85a3bd;font-size:11px;line-height:1.45}
.ranking-list{list-style:none;padding:8px 12px 13px;margin:0}
.ranking-item{display:grid;grid-template-columns:34px 76px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;padding:9px 8px;border-bottom:1px solid rgba(120,178,219,.1);transition:.18s ease}
.ranking-item:last-child{border-bottom:0}.ranking-item:hover{background:rgba(23,112,186,.10);transform:translateX(2px)}
.rank-number{font-size:13px;font-weight:800;color:#5bbfff;text-align:center}.rank-number.top{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0e83ee,#27d2ff);color:white;box-shadow:0 0 18px rgba(31,174,255,.38)}
.brand-logo,.model-logo{width:67px;height:67px;object-fit:contain;border-radius:10px;background:#f7fbff;padding:6px;box-shadow:0 0 0 1px rgba(255,255,255,.13)}
.rank-main{min-width:0}.rank-main strong{display:block;color:#f4f9ff;font-size:15px;line-height:1.25;white-space:normal}.rank-main small{display:block;color:#7998b5;margin-top:3px;font-size:10px;line-height:1.3}
.rank-score{text-align:right;color:#71dc9b;font-weight:800;font-size:13px;white-space:nowrap}.rank-score em{display:block;font-style:normal;color:#6e8ca6;font-size:9px;font-weight:500;margin-top:3px}
.guide-models .ranking-item{grid-template-columns:34px 68px minmax(0,1fr) auto}.guide-models .model-logo{width:58px;height:58px;padding:7px}
.used-score{color:#64caff}.used-score em{color:#7897b3}
.guide-sources{margin-top:22px;padding:19px 22px;border:1px solid #1d496f;border-radius:14px;background:#061d35;color:#8fa8be;font-size:11px;line-height:1.6}.guide-sources strong{color:#dcecff}.guide-sources a{color:#59bfff;text-decoration:none}.guide-sources a:hover{text-decoration:underline}
.guide-disclaimer{margin-top:8px;color:#6f8ba5;font-size:10px}
@media(max-width:1120px){.guide-grid{grid-template-columns:1fr}.guide-column{max-width:850px;width:100%;margin:auto}}
@media(max-width:850px){.guide-page{padding:118px 12px 40px}.guide-hero h1{font-size:31px}.guide-column-head{padding:18px 16px}.ranking-list{padding-inline:8px}.ranking-item{grid-template-columns:30px 60px minmax(0,1fr) auto;gap:9px}.rank-score{font-size:12px}}

/* V5.2 — alignement strict des en-têtes des trois classements */
.guide-column-head{
  min-height:154px;
  height:154px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
}
.guide-column-head h2{
  min-height:50px;
  display:flex;
  align-items:flex-start;
}
.guide-column-head p{
  margin-top:auto;
}
@media(max-width:1120px){
  .guide-column-head{height:auto;min-height:0}
  .guide-column-head h2{min-height:0}
}


/* V6.9 — quatre colonnes, en-têtes compacts et classement moteurs à vigilance élevée */
.guide-shell{width:min(1900px,100%)!important}
.guide-grid{grid-template-columns:.94fr 1fr 1fr 1.06fr!important;gap:14px!important}
.guide-column-head{
  height:128px!important;min-height:128px!important;padding:17px 18px 13px!important;
  display:grid!important;grid-template-rows:48px 1fr!important;gap:3px!important;align-content:start!important
}
.guide-column-head h2{min-height:0!important;margin:0!important;font-size:19px!important;line-height:1.22!important;display:block!important}
.guide-column-head p{margin:0!important;align-self:start!important;font-size:11px!important;line-height:1.38!important}
.guide-danger-head{background:linear-gradient(135deg,rgba(151,20,35,.35),rgba(58,5,15,.12))!important;border-bottom-color:rgba(255,69,79,.28)!important}
.danger-title-line{display:flex;align-items:flex-start;gap:9px}
.danger-title-line img{width:34px;height:34px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(255,53,69,.40))}
.guide-engines-worst{
  border-color:rgba(202,43,57,.65)!important;
  background:linear-gradient(180deg,rgba(64,12,24,.94),rgba(24,7,16,.98))!important;
  box-shadow:0 18px 48px rgba(22,0,6,.34),inset 0 1px 0 rgba(255,255,255,.025)!important
}
.engine-danger-item{grid-template-columns:34px 48px minmax(0,1fr)!important;border-bottom-color:rgba(238,79,91,.12)!important}
.engine-danger-item:hover{background:rgba(175,31,45,.13)!important}
.engine-danger-icon{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,47,64,.30))}
.danger-rank{color:#ff7a84!important}
.danger-rank.danger-top{
  width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff!important;
  background:linear-gradient(135deg,#8b1523,#ff4050)!important;box-shadow:0 0 18px rgba(255,47,64,.34)!important
}
.guide-engines-worst .rank-main strong{color:#fff3f4!important}
.guide-engines-worst .rank-main small{color:#c9959b!important}
.guide-engines-worst .engine-fault{color:#ff8d96!important;margin-top:4px!important;font-weight:600}
@media(max-width:1500px){.guide-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:1120px){
  .guide-grid{grid-template-columns:1fr!important}
  .guide-column-head{height:auto!important;min-height:0!important;grid-template-rows:auto auto!important}
}


/* V7.2 — cinq colonnes : meilleurs moteurs + pires moteurs */
.guide-shell{width:min(1980px,100%)!important}
.guide-grid{grid-template-columns:.90fr .95fr .95fr 1.06fr 1.06fr!important;gap:12px!important}
.guide-engines-best{
  border-color:rgba(39,190,105,.62)!important;
  background:linear-gradient(180deg,rgba(8,61,39,.95),rgba(5,28,22,.98))!important;
  box-shadow:0 18px 48px rgba(0,25,13,.32),inset 0 1px 0 rgba(255,255,255,.025)!important
}
.guide-success-head{
  background:linear-gradient(135deg,rgba(21,143,79,.34),rgba(4,56,31,.12))!important;
  border-bottom-color:rgba(72,221,133,.27)!important
}
.success-title-line{display:flex;align-items:flex-start;gap:9px}
.success-title-line img{
  width:34px;height:34px;object-fit:contain;flex:0 0 auto;
  filter:drop-shadow(0 0 10px rgba(61,230,132,.38))
}
.engine-best-item,.engine-danger-item{grid-template-columns:34px minmax(0,1fr)!important}
.engine-best-item{border-bottom-color:rgba(67,221,133,.11)!important}
.engine-best-item:hover{background:rgba(36,153,88,.12)!important}
.best-rank{color:#67e3a0!important}
.best-rank.best-top{
  width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff!important;
  background:linear-gradient(135deg,#087743,#30d47c)!important;
  box-shadow:0 0 18px rgba(48,212,124,.30)!important
}
.guide-engines-best .rank-main strong{color:#effff6!important}
.guide-engines-best .rank-main small{color:#9ed9b9!important}
.guide-engines-best .engine-strength{color:#61e39d!important;margin-top:4px!important;font-weight:600}
.engine-danger-icon,.engine-best-icon{display:none!important}
@media(max-width:1760px){.guide-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:1280px){.guide-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:850px){.guide-grid{grid-template-columns:1fr!important}}


/* V7.3 — données mensuelles + modèles moteurs compacts */
.engine-models{
  color:#d7e4ef!important;
  font-size:9px!important;
  line-height:1.25!important;
  margin-top:4px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
.guide-update-meta{
  margin-top:10px;
  padding:8px 10px;
  border-radius:8px;
  color:#93abc0;
  background:rgba(5,34,60,.62);
  border:1px solid rgba(73,155,219,.16);
  font-size:10px;
}
.guide-update-meta.is-live{
  color:#a9e7c6;
  border-color:rgba(58,199,122,.25);
  background:rgba(8,58,38,.34);
}


/* V7.5 — cinq colonnes strictement harmonisées */
.guide-grid{
  align-items:stretch!important;
}
.guide-column{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
.guide-column .ranking-list{
  flex:1 1 auto!important;
}
.engine-best-item,
.engine-danger-item{
  min-height:88px!important;
  height:88px!important;
  max-height:88px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.engine-best-item .rank-main,
.engine-danger-item .rank-main{
  min-width:0!important;
  overflow:hidden!important;
}
.engine-best-item .rank-main strong,
.engine-danger-item .rank-main strong{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.engine-models{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  -webkit-line-clamp:unset!important;
}
.engine-strength,
.engine-fault{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  line-height:1.2!important;
  max-height:2.4em!important;
}
.success-title-line img,
.danger-title-line img{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
}


/* V7.6 — statut de mise à jour visible dans Sources et mise à jour */
.guide-update-state{
  margin-top:11px;
  min-height:39px;
  padding:8px 11px;
  border-radius:9px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#a8bed0;
  border:1px solid rgba(74,151,208,.22);
  background:rgba(4,31,56,.66);
  font-size:10px;
  font-weight:700;
}
.guide-update-spinner{
  display:none;
  width:16px;
  height:16px;
  flex:0 0 16px;
  border:2px solid rgba(78,193,255,.20);
  border-top-color:#42c4ff;
  border-right-color:#42c4ff;
  border-radius:50%;
  animation:guideUpdateSpin .72s linear infinite;
  box-shadow:0 0 8px rgba(42,178,255,.17);
}
.guide-update-state.is-loading .guide-update-spinner{display:inline-block}
.guide-update-state.is-loading{color:#b7dcf2;border-color:rgba(68,180,247,.29)}
.guide-update-state.is-success{
  color:#a8efc8;
  border-color:rgba(49,200,119,.28);
  background:rgba(6,54,35,.42);
}
.guide-update-state.is-warning{
  color:#e6c79b;
  border-color:rgba(214,157,67,.25);
  background:rgba(64,39,8,.24);
}
@keyframes guideUpdateSpin{to{transform:rotate(360deg)}}

/* Icônes pouces : uniquement dans les titres et rendu net */
.success-title-line img,
.danger-title-line img{
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
  flex:0 0 38px!important;
  filter:none!important;
}


/* V7.7 — modernisation discrète des cinq classements */
.guide-column{
  position:relative!important;
  isolation:isolate!important;
}
.guide-column::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  top:-22%;
  left:-34%;
  width:74%;
  height:48%;
  transform:rotate(-13deg);
  background:linear-gradient(105deg,transparent 24%,rgba(255,255,255,.032) 48%,rgba(104,205,255,.055) 55%,transparent 72%);
  filter:blur(.2px);
}
.guide-column::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 88% 2%,rgba(64,183,255,.055),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.016),transparent 17%);
}
.guide-column > *{
  position:relative;
  z-index:1;
}
.guide-engines-best::before{
  background:linear-gradient(105deg,transparent 24%,rgba(202,255,224,.03) 48%,rgba(62,225,135,.065) 55%,transparent 72%);
}
.guide-engines-worst::before{
  background:linear-gradient(105deg,transparent 24%,rgba(255,225,229,.028) 48%,rgba(255,75,94,.055) 55%,transparent 72%);
}

/* Pouces : sans disque, sans fond noir */
.success-title-line img,
.danger-title-line img{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  object-fit:contain!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Sources et mise à jour : statut à droite du titre */
.guide-sources{
  padding:17px 19px 15px!important;
}
.guide-sources-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:10px;
}
.guide-sources-head > div:first-child{
  min-width:0;
}
.guide-sources-head strong{
  display:block;
  font-size:12px;
  color:#e5f3ff;
  margin:0;
}
.guide-sources-head small{
  display:block;
  margin-top:2px;
  color:#718fa9;
  font-size:9px;
  font-weight:600;
}
.guide-sources-copy{
  margin:0;
  color:#8fa8be;
  font-size:10px;
  line-height:1.55;
}
.guide-update-state{
  margin:0!important;
  min-height:32px!important;
  max-width:390px;
  flex:0 0 auto;
  padding:6px 10px!important;
  border-radius:999px!important;
  white-space:nowrap;
  font-size:9px!important;
  background:rgba(4,31,56,.52)!important;
}
.guide-update-state.is-success{
  color:#9fe9c1!important;
  border-color:rgba(51,194,115,.25)!important;
  background:rgba(8,62,39,.27)!important;
}
.guide-update-state.is-warning{
  color:#b9cddd!important;
  border-color:rgba(91,142,181,.23)!important;
  background:rgba(7,31,51,.42)!important;
}
.guide-update-meta{
  margin-top:9px!important;
  padding-top:8px;
  border-top:1px solid rgba(90,155,203,.13);
  font-size:9px!important;
}
.guide-update-spinner{
  width:13px!important;
  height:13px!important;
  flex-basis:13px!important;
}
@media(max-width:850px){
  .guide-sources-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .guide-update-state{
    max-width:100%;
    white-space:normal;
  }
}


/* V9.2 — optimisation Guide mobile */
@media(max-width:850px){
  .guide-page{
    padding-top:96px!important;
  }
  .guide-shell{
    width:calc(100% - 16px)!important;
    margin:0 auto!important;
  }
  .guide-hero{
    padding:20px 13px!important;
  }
  .guide-hero h1{
    font-size:28px!important;
  }
  .guide-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .guide-column{
    min-width:0!important;
  }
  .guide-sources{
    padding:14px 11px!important;
  }
}

.ranking-references{margin:16px 12px;padding:14px;border-top:1px solid #245b83;color:#bfd3e5;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.ranking-references strong{color:#fff}.ranking-references p{margin:9px 0}.ranking-references a{color:#66d4ff;text-decoration:underline}


/* V4.0.6 — introduction sur deux lignes et sources centralisées */
.guide-hero{max-width:1240px!important}
.guide-hero .guide-intro-summary{max-width:1240px!important}
.guide-intro-line{display:block}
.ranking-references{display:none!important}
@media(min-width:1121px){
  .guide-intro-line{white-space:nowrap}
}
@media(max-width:1120px){
  .guide-hero{max-width:900px!important}
  .guide-intro-line{white-space:normal}
}