/* Hello Abidjan v658 — mêmes repères éditoriaux dans le Guide.
   Les sélections n'utilisent plus de petites cases encadrées.
   Les bas de Se déplacer et Vie locale sont compacts et non répétitifs. */

/* SE DÉPLACER — situations : onglets de lecture, sans aplats ni cartes */
#main#main .transport-landing .transport-adviser{
  margin:0 0 23px!important;
}
#main#main .transport-landing .transport-adviser-intro{
  margin:0 0 9px!important;
  color:#4c6170!important;
  font:400 14px/1.55 'DM Sans',sans-serif!important;
}
#main#main .transport-landing .transport-adviser-choices{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:0 16px!important;
  padding:0!important;
  margin:0 0 14px!important;
  background:transparent!important;
  border:0!important;
}
#main#main .transport-landing .transport-adviser-choice{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  height:auto!important;
  margin:0!important;
  padding:10px 0!important;
  border:0!important;
  border-bottom:2px solid #e5eaee!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  color:#4b6070!important;
  font:500 14px/1.4 'DM Sans',sans-serif!important;
  letter-spacing:0!important;
  cursor:pointer!important;
}
#main#main .transport-landing .transport-adviser-choice:is(.is-active,[aria-pressed="true"]){
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid #0873bd!important;
  color:#0873bd!important;
  font-weight:700!important;
  box-shadow:none!important;
}
#main#main .transport-landing .transport-adviser-choice:focus-visible{
  outline:2px solid #0873bd!important;
  outline-offset:2px!important;
}
#main#main .transport-landing .transport-adviser-result{
  margin:0!important;
  padding:15px 0 2px!important;
  border:0!important;
  border-radius:0!important;
  border-top:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#main#main .transport-landing .transport-adviser-result>small{
  font:700 10px/1.3 'DM Sans',sans-serif!important;
  letter-spacing:.95px!important;
  color:#0873bd!important;
}
#main#main .transport-landing .transport-adviser-result h3{
  margin:7px 0 9px!important;
  color:#172d3c!important;
  font:600 clamp(19px,4.8vw,23px)/1.35 Poppins,'DM Sans',sans-serif!important;
}
#main#main .transport-landing .transport-adviser-result p{
  font:400 14px/1.65 'DM Sans',sans-serif!important;
  margin:0 0 11px!important;
}
#main#main .transport-landing .transport-adviser-result .transport-adviser-note{
  font:400 13px/1.55 'DM Sans',sans-serif!important;
  color:#647684!important;
  margin-bottom:12px!important;
}
#main#main .transport-landing .transport-adviser-more{
  min-height:42px!important;
  padding:10px 16px!important;
  border-radius:5px!important;
  font-size:13px!important;
  font-weight:600!important;
}

/* SE DÉPLACER — trois réflexes + sources, fermés par défaut */
#main#main .transport-landing details.transport-three-questions{
  box-sizing:border-box!important;
  display:block!important;
  margin:13px 0 0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid #e4eaf0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#main#main .transport-landing details.transport-three-questions>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:50px!important;
  margin:0!important;
  padding:11px 1px!important;
  border:0!important;
  background:transparent!important;
  color:#294b5d!important;
  font:600 15px/1.45 'DM Sans',sans-serif!important;
  list-style:none!important;
  text-align:left!important;
  cursor:pointer!important;
}
#main#main .transport-landing .transport-three-questions>summary::-webkit-details-marker{
  display:none!important;
}
#main#main .transport-landing .transport-details-chevron{
  display:block!important;
  color:#0873bd!important;
  font:400 23px/1 'DM Sans',sans-serif!important;
  transition:transform .15s ease;
}
#main#main .transport-landing details.transport-three-questions[open] .transport-details-chevron{
  transform:rotate(180deg);
}
#main#main .transport-landing details.transport-three-questions:not([open])>ol{
  display:none!important;
}
#main#main .transport-landing .transport-three-questions ol{
  display:block!important;
  margin:0 0 7px!important;
  padding:0!important;
  list-style:none!important;
  border:0!important;
}
#main#main .transport-landing .transport-three-questions li{
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 0 12px!important;
  border:0!important;
  border-bottom:1px solid #edf1f3!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#main#main .transport-landing .transport-three-questions li:last-child{
  border-bottom:0!important;
}
#main#main .transport-landing .transport-three-questions strong{
  display:block!important;
  margin:0 0 3px!important;
  color:#203b4c!important;
  font:600 14px/1.45 'DM Sans',sans-serif!important;
}
#main#main .transport-landing .transport-three-questions li>span{
  font:400 13px/1.55 'DM Sans',sans-serif!important;
}
#main#main .transport-landing .transport-sources{
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid #e4eaf0!important;
  border-bottom:1px solid #e4eaf0!important;
  background:transparent!important;
}
#main#main .transport-landing .transport-sources>details{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#main#main .transport-landing .transport-sources summary{
  min-height:49px!important;
  padding:10px 1px!important;
  color:#294b5d!important;
  font:600 14px/1.45 'DM Sans',sans-serif!important;
}
#main#main .transport-landing .transport-sources>details>p{
  margin:5px 0 12px!important;
}
#main#main .transport-landing .transport-sources>details>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  margin-bottom:12px!important;
}
#main#main .transport-landing .transport-sources a{
  display:block!important;
  padding:7px 0!important;
  font:500 13px/1.5 'DM Sans',sans-serif!important;
}

/* VIE LOCALE — un seul rappel pratique compact, même sans cartes une fois ouvert */
#main#main .habits-page #habit-life-panel>.local-life-essentials{
  margin:17px 0 8px!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid #e5ebef!important;
  border-bottom:1px solid #e5ebef!important;
  background:transparent!important;
  box-shadow:none!important;
}
#main#main .habits-page .local-life-essentials>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:51px!important;
  margin:0!important;
  padding:11px 0!important;
  color:#294b5d!important;
  font:600 15px/1.45 'DM Sans',sans-serif!important;
  list-style:none!important;
}
#main#main .habits-page .local-life-essentials>summary::-webkit-details-marker{
  display:none!important;
}
#main#main .habits-page .local-life-essentials>summary>span{
  color:#0873bd!important;
  font:400 21px/1 'DM Sans',sans-serif!important;
}
#main#main .habits-page .local-life-essentials .habit-groups{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 16px!important;
  margin:1px 0 12px!important;
}
#main#main .habits-page .local-life-essentials .habit-group{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  margin:0!important;
  padding:10px 0!important;
  border:0!important;
  border-bottom:1px solid #e5eaee!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
#main#main .habits-page .local-life-essentials .habit-group svg{
  display:none!important;
}
#main#main .habits-page .local-life-essentials .habit-group strong{
  display:block!important;
  color:#273e4d!important;
  font:600 13px/1.45 'DM Sans',sans-serif!important;
}
#main#main .habits-page .local-life-essentials .habit-group span{
  color:#687b88!important;
  font:400 12px/1.5 'DM Sans',sans-serif!important;
}
#main#main .habits-page #habit-life-panel>.local-life-links,
#main#main .transport-landing .transport-footer-links,
#main#main .transport-landing .transport-footer-back{
  display:none!important;
}
@media(max-width:600px){
  #main#main .transport-landing .transport-adviser-choices{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:15px!important;
  }
  #main#main .transport-landing .transport-adviser-choice{
    min-height:51px!important;
    padding:10px 0!important;
    font-size:14px!important;
  }
  #main#main .habits-page .local-life-essentials .habit-groups{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #main#main .transport-landing .transport-details-chevron{
    transition:none!important;
  }
}