.pros-cons { display: grid; grid-template-columns: 1fr; gap: 14px; margin: 0 0 24px; }
.pros-cons .pros-cons-column { padding: 18px 20px 8px; border-radius: 14px; border: 1px solid #DCE6E1; }
.pros-cons .pros-cons-column.is-pro { background: #F1FAF6; border-color: #CDE8DC; }
.pros-cons .pros-cons-column.is-con { background: #FCF4F2; border-color: #F0D6D1; }
.pros-cons .pros-cons-title, .pros-cons h3, .pros-cons h4, .pros-cons .h3, .pros-cons .h4 { font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0 0 8px; font-size: 15px; font-weight: 600; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; }
.pros-cons .is-pro .pros-cons-title { color: #14855C; }
.pros-cons .is-con .pros-cons-title { color: #A33A33; }
.pros-cons ul { margin: 0; padding: 0; list-style: none; }
.pros-cons li { position: relative; margin: 0 0 8px; padding-left: 26px; font-size: 16px; line-height: 24px; list-style: none; }
.pros-cons li::before { position: absolute; left: 4px; top: 0; font-weight: 700; }
.pros-cons .is-pro li::before { content: "+"; color: #14855C; }
.pros-cons .is-con li::before { content: "–"; color: #A33A33; }
@media (min-width: 720px) {
  .pros-cons { grid-template-columns: 1fr 1fr; }
}