.comparison {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--white);
}

.comparison-row {
  display: grid;
  grid-template-columns: 1.7fr .7fr .7fr;
  gap: 22px;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid var(--line);
}

.comparison-row:last-child { border-bottom: 0; }
.comparison-row.heading { background: var(--green); color: white; font-weight: 800; }
.comparison-row small { display: block; margin-top: 5px; color: #64736e; }
details { margin: 12px 0; padding: 16px 18px; border: 1px solid var(--line); border-radius: 10px; background: white; }
summary { cursor: pointer; font-weight: 800; }

@media (max-width: 700px) {
  .comparison-row { grid-template-columns: 1fr; gap: 8px; }
  .comparison-row.heading { display: none; }
}