.road-type-list{
  display:grid;
  gap:.7rem;
  margin:1rem 0 1.8rem;
}
.road-type-card{
  display:grid;
  grid-template-columns:14.5rem minmax(0,1fr);
  gap:1rem;
  align-items:center;
  padding:.78rem .9rem;
  background:#101722;
  border:1px solid var(--border);
  border-radius:.7rem;
}
.road-type-card:hover{
  border-color:rgba(0,224,254,.55);
  background:#121c2a;
}
.road-type-card__image{
  width:100%;
  min-height:5.25rem;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:.45rem;
  background:#252525;
}
.road-type-card__image img{
  width:100%;
  max-width:13.3rem;
  height:auto;
  max-height:4.6rem;
  object-fit:contain;
}
.road-type-card__body{min-width:0}
.road-type-card__body strong{
  display:block;
  font:700 1.03rem var(--header-font);
  color:#fff;
  line-height:1.35;
  margin-bottom:.28rem;
}
.road-type-card__body strong code{
  margin-left:.28rem;
  font-size:.78rem;
  font-weight:600;
  color:#c9f8ff;
  white-space:nowrap;
}
.md-typeset .road-type-card__body p{
  margin:0!important;
  color:#cfd8e5;
  font-size:.9rem;
  line-height:1.55;
}
@media(max-width:760px){
  .road-type-card{grid-template-columns:1fr;gap:.65rem}
  .road-type-card__image{min-height:5.6rem}
  .road-type-card__image img{max-width:17rem;max-height:5.3rem}
}