/* Shared reading experience for every Insights article. */
body {
  background: #f5f4ef !important;
  color: #17231d !important;
  font-family: var(--kintara-sans, "DM Sans", system-ui, sans-serif) !important;
  line-height: 1.7 !important;
}
body > article .fade-up,
body > main .fade-up { opacity: 1 !important; transform: none !important; transition: none !important; }
body > main,
body > article {
  width: min(100% - 3rem, 800px) !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 7.5rem 0 5.5rem !important;
}
body > article > .article-header,
body > article > .article-body {
  width: auto !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
body > article > .article-header { padding-top: 0 !important; padding-bottom: 2rem !important; }
body > article > .article-body { padding-top: 0 !important; padding-bottom: 0 !important; }
body > article h1 em { font-style: normal !important; font-weight: inherit !important; }
body > main .breadcrumbs,
body > main > .label,
body > main > .k,
body > article .article-back,
body > article .article-tag {
  display: inline-flex !important;
  align-items: center;
  margin: 0 0 1.25rem !important;
  color: #65736b !important;
  font: 500 .78rem/1.2 var(--kintara-sans, "DM Sans", system-ui, sans-serif) !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}
body > main .breadcrumbs { display: flex !important; width: max-content; gap: .45rem; }
body > main > .label { display: block !important; }
body > main h1,
body > article h1 {
  max-width: 760px;
  margin: 0 0 1.25rem !important;
  color: #17231d !important;
  font: 600 clamp(2.5rem, 6vw, 4.75rem)/.98 var(--kintara-sans, "DM Sans", system-ui, sans-serif) !important;
  letter-spacing: -.065em !important;
}
body > main h2,
body > article h2 {
  margin: 3.25rem 0 1rem !important;
  color: #17231d !important;
  font: 600 clamp(1.65rem, 3vw, 2.25rem)/1.05 var(--kintara-sans, "DM Sans", system-ui, sans-serif) !important;
  letter-spacing: -.045em !important;
}
body > main h3,
body > article h3 {
  margin: 2.25rem 0 .75rem !important;
  color: #17231d !important;
  font: 600 1.15rem/1.2 var(--kintara-sans, "DM Sans", system-ui, sans-serif) !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}
body > main p,
body > main li,
body > article p,
body > article li {
  max-width: 680px;
  color: #46534c !important;
  font: 400 1.05rem/1.75 var(--kintara-sans, "DM Sans", system-ui, sans-serif) !important;
}
body > main > .article-meta,
body > article .article-meta {
  margin: 0 0 2.5rem !important;
  color: #758179 !important;
  font-size: .82rem !important;
  letter-spacing: .01em !important;
}
body > main a,
body > article a { color: #168f82; text-decoration-thickness: 1px; text-underline-offset: .18em; }
body > main ul,
body > main ol,
body > article ul,
body > article ol { margin: 1rem 0 1.75rem 1.25rem !important; padding-left: 1rem !important; }
body > main li,
body > article li { padding: .2rem 0 !important; }
body > main blockquote,
body > article blockquote,
body > main .article-callout,
body > article .article-callout {
  margin: 2.25rem 0 !important;
  padding: 1.5rem 1.75rem !important;
  border: 1px solid rgba(23,35,29,.12) !important;
  border-left: 3px solid #168f82 !important;
  border-radius: 0 !important;
  background: #e3efeb !important;
}
body > main .cta,
body > main .article-cta,
body > article .article-cta {
  margin: 3.5rem 0 0 !important;
  padding: 2rem !important;
  border: 1px solid rgba(23,35,29,.12) !important;
  border-radius: 0 !important;
  background: #172b23 !important;
  color: #f5f4ef !important;
  text-align: left !important;
}
body > main .cta strong,
body > main .article-cta h2,
body > article .article-cta h2 { color: #f5f4ef !important; }
body > main .cta p,
body > main .article-cta p,
body > article .article-cta p { color: rgba(245,244,239,.76) !important; }
body > main .cta a,
body > main .article-cta a,
body > article .article-cta a { color: #8bd7c9 !important; }
body > main table,
body > article table { width: 100%; border-collapse: collapse; margin: 2rem 0; }
body > main th,
body > main td,
body > article th,
body > article td { padding: .8rem; border-bottom: 1px solid rgba(23,35,29,.14); text-align: left; }
body > main th,
body > article th { color: #65736b; font-size: .78rem; font-weight: 600; }
body > footer {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem 3rem !important;
  background: #101a16 !important;
}
@media (max-width: 850px) {
  body > main,
  body > article { width: min(100% - 2rem, 800px) !important; padding-top: 5rem !important; }
  body > main h1,
  body > article h1 { font-size: clamp(2.35rem, 12vw, 4rem) !important; }
  body > main p,
  body > main li,
  body > article p,
  body > article li { font-size: 1rem !important; }
  body > footer { flex-wrap: wrap; padding: 1.25rem !important; }
}