/* Shared by published articles and the importer preview; styles existing imports too. */
body .jj-key-takeaways {
  box-sizing: border-box;
  width: 100%;
  margin: 8px 0 28px;
  padding: 26px 30px;
  border: 1px solid #d6e5e3;
  border-left: 5px solid var(--jj-kt-accent, #247569);
  border-radius: 12px;
  background: var(--jj-kt-bg, #f2f8f6);
  color: var(--jj-kt-text, #243c36);
  box-shadow: 0 3px 12px rgba(24, 61, 52, .05);
  font-family: inherit;
  text-align: left;
  overflow-wrap: anywhere;
}
body .jj-key-takeaways > h2 {
  margin: 0 0 18px;
  padding: 0;
  color: var(--jj-kt-text, #173f35);
  font-family: inherit;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.02em;
  text-transform: none;
}
body .jj-key-takeaways > ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0 0 0 22px;
  list-style: disc outside;
}
body .jj-key-takeaways > ul > li {
  display: list-item;
  margin: 0;
  padding: 0 0 0 5px;
  color: var(--jj-kt-text, #243c36);
  font-size: 17px;
  line-height: 1.65;
}
body .jj-key-takeaways > ul > li::marker {
  color: var(--jj-kt-accent, #247569);
  font-size: 1.1em;
}
@media (max-width: 600px) {
  body .jj-key-takeaways { padding: 20px 18px; margin: 8px 0 24px; }
  body .jj-key-takeaways > h2 { font-size: 22px; margin-bottom: 14px; }
  body .jj-key-takeaways > ul > li { font-size: 16px; }
}