/* 10 — materiały do zabrania: siatka i listy ze strzałką.
   Źródło: makieta style.css l. 852–881, 1418, 1520–1528. */

.takeaways {
  padding-block: 75px;
}
.takeaways-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 85px;
}
.takeaways h2 {
  font-size: 2.5rem;
}
.takeaways ul,
.included ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.takeaways li,
.included li {
  position: relative;
  padding: 16px 0 16px 30px;
  border-bottom: 1px solid var(--ai-line-ciemne);
}
.takeaways li::before,
.included li::before {
  content: "↗";
  position: absolute;
  left: 0;
  color: var(--soft);
}
@media (max-width: 760px) {
  .takeaways-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .takeaways {
    padding-block: 55px;
  }
  .takeaways h2 {
    font-size: 2.1rem;
  }
  .takeaways li {
    font-size: 0.9375rem;
  }
}