#compareInfotainment { color:#222; line-height:1.55; }
h1#compareInfotainmHeading{font-size: 28px;  line-height: 1.2;  color: #111;}
#compareInfotainment .compareIntro { margin:0 0 18px; font-size:17px; }
#compareInfotainment .compareGrid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:0 0 22px;
}
#compareInfotainment .compareCard {
  border:1px solid #e2e2e2;
  border-radius:8px;
  padding:18px 20px;
  background:#fafafa;
}
#compareInfotainment .compareCard h2 {
  margin:0 0 10px;
  font-size:18px;
  line-height:1.3;
  color:#111;
}
#compareInfotainment .compareCard.featured {
  background:#111;
  color:#fff;
  border-color:#111;
}
#compareInfotainment .compareCard.featured h2 { color:#caf200; }
#compareInfotainment .compareCard.featured p,
#compareInfotainment .compareCard.featured li { color:#ddd; }
#compareInfotainment .compareCard ul {
  margin:0;
  padding:0 0 0 18px;
}
#compareInfotainment .compareCard li { margin:0 0 6px; }
#compareInfotainment .compareTableWrap {
  overflow-x:auto;
  margin:0 0 22px;
  border:1px solid #e2e2e2;
  border-radius:8px;
}
#compareInfotainment table.compareTable {
  width:100%;
  border-collapse:collapse;
  min-width:560px;
  background:#fff;
}
#compareInfotainment table.compareTable th,
#compareInfotainment table.compareTable td {
  text-align:left;
  vertical-align:top;
  padding:10px 12px;
  border-bottom:1px solid #eee;
  font-size:15px;
}
#compareInfotainment table.compareTable th {
  background:#111;
  color:#caf200;
  font-weight:bold;
}
#compareInfotainment table.compareTable tr:last-child td { border-bottom:0; }
#compareInfotainment table.compareTable td:first-child { font-weight:bold; width:28%; }
#compareInfotainment .compareNote { margin:0 0 18px; }
@media (max-width:720px) {
  #compareInfotainment .compareGrid { grid-template-columns:1fr; }
  #compareInfotainment table.compareTable { min-width:100%; }
  #compareInfotainment table.compareTable th,
  #compareInfotainment table.compareTable td { font-size:14px; padding:8px 10px; }
}