/* Separate the decisions from the laptop while using the full content width. */
.output .takeaways { gap: 0; margin-top: 92px; padding: 30px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.output .takeaways > div { padding: 4px 32px; }
.output .takeaways > div:first-child { padding-left: 0; }
.output .takeaways > div:last-child { padding-right: 0; }
.output .takeaways h3 { font-size: 19px; margin-bottom: 12px; }
.output .takeaways p { font-size: 16px; line-height: 1.55; }

@media (max-width: 700px) {
  .output .takeaways { margin-top: 52px; padding: 18px 0; gap: 0; }
  .output .takeaways > div,
  .output .takeaways > div:first-child,
  .output .takeaways > div:last-child { padding: 18px 0; }
  .output .takeaways > div:first-child { padding-top: 0; }
  .output .takeaways > div:last-child { padding-bottom: 0; border-bottom: 0; }
}