:root{
  color-scheme:light only!important;
  --paper:#f4f1e9!important;
  --v171-paper:#f4f1e9!important;
  --mobile-paper:#f4f1e9;
  --mobile-ink:#0d141b;
  --mobile-line:rgba(13,20,27,.16);
}

/* Carte historique restaurée : fondu ivoire prévu par la direction artistique. */
.map-card{
  background:#f4f1e9!important;
  overflow:hidden;
}
.map-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  opacity:.78!important;
  mix-blend-mode:multiply!important;
  filter:none!important;
  background:transparent!important;
  image-rendering:auto!important;
}

html,body{
  background-color:var(--mobile-paper)!important;
  color:var(--mobile-ink)!important;
}

img{max-width:100%}

/*
 * V17.3 — les vignettes ont déjà un papier ivoire #f4f1e9.
 * Aucun filtre, masque ou mode de fusion n'est donc nécessaire : ce sont eux
 * qui créaient le halo gris et les bordures sales sur Safari iOS.
 */
.pathology-group,
.pathology-group-head,
.path-strip,
.path-card{
  background:#f4f1e9!important;
}

.path-card{
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  isolation:auto!important;
  overflow:hidden!important;
}

.path-card img{
  position:relative!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f4f1e9!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Supprime définitivement l'ancien voile radial superposé aux images. */
.path-card::before{content:none!important}

/* Conserve les deux ponctuations bleues de la direction artistique. */
.pathology-group.shoulder .path-card:first-child::before,
.pathology-group.hand .path-card:first-child::before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:12px!important;
  top:10px!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#9dbfe6!important;
}

.path-card .label,
.path-card .path-sheet-link,
.path-card .plus{
  position:relative!important;
  z-index:2!important;
}

.path-card .label{
  margin-top:8px!important;
  min-height:42px!important;
}

.path-card .path-sheet-link{margin-top:auto!important}

/*
 * Les planches graphite internes peuvent conserver un simple multiply :
 * aucun filtre de luminosité, aucune opacité et aucun masque destructeur.
 */
img[src*="graphite"],
img[src*="rehab-v"],
img[src*="-transparent"]{
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:multiply!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

@media(max-width:900px){
  html,body,main,
  .section,.hero,.lexicon,.chapter-nav,
  .seo-trust,.seo-related,.seo-appointment,
  .pathology-group,.pathology-group-head,.path-strip,.path-card{
    min-width:0!important;
    background-color:#f4f1e9!important;
  }

  body{
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%;
  }

  header,
  .chapter-nav,
  .seo-mobile-menu summary,
  .seo-mobile-panel{
    background-color:rgba(244,241,233,.985)!important;
  }

  .wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .hero-name{font-size:clamp(50px,17vw,64px)!important}

  .path-strip{
    gap:0!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scroll-padding-inline:18px;
    -webkit-overflow-scrolling:touch;
  }

  .path-card{
    flex:0 0 clamp(164px,46vw,184px)!important;
    min-width:clamp(164px,46vw,184px)!important;
    width:clamp(164px,46vw,184px)!important;
    padding:12px 10px 18px!important;
  }

  .path-card img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    background:#f4f1e9!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
    filter:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  .path-card .label{
    margin-top:7px!important;
    min-height:46px!important;
    font-size:9px!important;
    line-height:1.45!important;
  }

  .path-card .path-sheet-link{
    min-height:28px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    font-size:8px!important;
  }

  .pathology-group-head{
    align-items:flex-start!important;
    flex-wrap:wrap;
    row-gap:8px!important;
  }

  .pathology-group-head::after{display:none!important}

  .pathology-group-head a{
    margin-left:auto!important;
    padding:3px 0!important;
  }

  /*
   * Lieux d'exercice : disposition verticale sur mobile.
   * L'ancienne grille imposait l'illustration sur plusieurs rangées implicites
   * et finissait par superposer l'image aux deux parcours de la carte Paris.
   */
  .places{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .place{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    min-width:0!important;
    padding:20px 16px 22px!important;
    overflow:hidden!important;
  }

  .place-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:112px!important;
    min-height:112px!important;
    margin:0 0 16px!important;
    overflow:hidden!important;
  }

  .place-icon img{
    display:block!important;
    width:auto!important;
    max-width:min(100%,240px)!important;
    height:auto!important;
    max-height:108px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  .place .city,
  .place .facility,
  .place .address,
  .place .place-route,
  .place .place-seo-link,
  .place .place-rdv,
  .place .go{
    position:relative!important;
    z-index:1!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .place .place-route{
    display:block!important;
    margin-top:5px!important;
  }

  .place .place-rdv{
    align-self:flex-start!important;
    margin:12px 0 0!important;
  }

  .place .go{
    align-self:flex-start!important;
    margin-top:12px!important;
  }

  .map-card{
    display:none!important;
  }

  .map-card img,
  .pss-logo img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    opacity:1!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  .hero-visual,
  .visual-cell,
  .surgery-visual,
  .plate,
  .rehab-figure{
    max-width:100%!important;
    background-color:#f4f1e9!important;
  }

  .hero-visual img,
  .visual-cell img,
  .surgery-visual img,
  .plate img,
  .rehab-figure img{
    max-width:100%!important;
    object-fit:contain!important;
    background-color:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
  }

  img[src*="graphite"],
  img[src*="rehab-v"]{
    opacity:1!important;
    mix-blend-mode:multiply!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  .table-scroll,
  .chapter-nav,
  .chapter-row{
    max-width:100vw;
    -webkit-overflow-scrolling:touch;
  }

  input,select,textarea{
    color:var(--mobile-ink)!important;
    background-color:transparent!important;
  }
}

@media(max-width:390px){
  .wrap{padding-left:16px!important;padding-right:16px!important}
  .path-card{
    flex-basis:46vw!important;
    min-width:46vw!important;
    width:46vw!important;
  }
  .hero h1{overflow-wrap:anywhere}
}

@media(prefers-color-scheme:dark){
  :root{color-scheme:light only!important}
  html,body,main,
  .section,.hero,.lexicon,.chapter-nav,
  .pathology-group,.pathology-group-head,.path-strip,.path-card{
    background-color:#f4f1e9!important;
    color:#0d141b!important;
  }
}