.post-key-takeaways {
  margin-block: var(--block-gap);
  padding: var(--panel-padding);

  border-radius: var(--radius-2xl);

  background: var(--surface-raised);

  box-shadow: var(--shadow-panel);
}

.post-key-takeaways-title {
  margin: 0 0 var(--space-5);

  color: var(--brand);
}

.post-key-takeaways-list {
  margin: 0;
  padding-left: var(--space-6);
}

.post-key-takeaways-list li + li {
  margin-top: var(--space-3);
}

.post-key-takeaways-list li::marker {
  color: var(--brand);
}

@media (max-width: 720px) {

  .post-key-takeaways {
    padding: var(--panel-padding);

    border-radius: var(--radius-xl);
  }

}

.post-article-section > .post-key-takeaways { width: var(--article-wide); }