/* Scoped copy of the supplied 5.2 Digital currency lesson design. */
#content-html-container .digital-currency-lesson {
  --dc-teal: #087c73;
  --dc-leaf: #648d45;
  --dc-plum: #684684;
  --dc-coral: #c85d4e;
  --dc-amber: #e2a83f;
  --dc-paper: #fffdf7;
  --dc-ink: #24343a;
  width: min(100%, 940px);
  margin: 28px auto 0;
  padding: 38px 62px 64px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 24px;
  background: var(--dc-paper);
  box-shadow: 0 28px 80px rgba(5, 25, 28, .22);
  color: var(--dc-ink);
  font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
  line-height: 1.72;
}

#content-html-container .digital-currency-lesson h2,
#content-html-container .digital-currency-lesson h3 { font-family: inherit; line-height: 1.3; }
#content-html-container .digital-currency-lesson__header {
  margin: -38px -62px 38px;
  padding: 29px 62px 31px;
  color: #fff;
  background: linear-gradient(112deg, #14544e 0%, #087c73 65%, #3c936b 100%);
  box-shadow: inset 0 -5px 0 var(--dc-amber);
}
#content-html-container .digital-currency-lesson__header h1 {
  margin: 0;
  color: #fff;
  font-family: inherit;
  font-size: clamp(1.9rem, 4vw, 2.55rem);
  letter-spacing: -.04em;
  line-height: 1.3;
}
#content-html-container .digital-currency-lesson__header p {
  margin: 10px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: rgba(255, 255, 255, .88);
  background: transparent;
  font-size: 1.02rem;
}
#content-html-container .digital-currency-lesson h2 {
  margin: 10px 0 29px;
  padding: 18px 21px;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(110deg, #347c45, #74a64e);
  box-shadow: 0 8px 19px rgba(66, 112, 63, .18);
  font-size: clamp(1.35rem, 3vw, 1.72rem);
}
#content-html-container .digital-currency-lesson h3 {
  margin: 32px 0 12px;
  padding: 10px 15px;
  border-left: 5px solid var(--dc-teal);
  border-radius: 0 9px 9px 0;
  color: #145951;
  background: #e8f3ec;
  font-size: 1.16rem;
}
#content-html-container .digital-currency-lesson section:nth-of-type(2) { margin-top: 49px; padding-top: 1px; border-top: 3px solid #dce8df; }
#content-html-container .digital-currency-lesson section:nth-of-type(2) h2 { background: linear-gradient(110deg, #684684, #a35e79 73%, #ce735b); box-shadow: 0 8px 19px rgba(111, 67, 105, .17); }
#content-html-container .digital-currency-lesson section:nth-of-type(2) h3 { border-left-color: var(--dc-coral); color: #773d50; background: #f8ece9; }
#content-html-container .digital-currency-lesson p { margin: 19px 0 14px; padding: 14px 17px; border: 1px solid #ead49f; border-left: 5px solid var(--dc-amber); border-radius: 0 10px 10px 0; color: #4d4637; background: #fff6dd; }
#content-html-container .digital-currency-lesson ul,
#content-html-container .digital-currency-lesson ol { margin: 0 0 20px; padding-left: 1.6rem; }
#content-html-container .digital-currency-lesson li { margin: 8px 0; padding-left: 4px; color: #293b47; }
#content-html-container .digital-currency-lesson li::marker { color: var(--dc-leaf); font-weight: 800; }
#content-html-container .digital-currency-lesson section:nth-of-type(2) li::marker { color: var(--dc-coral); }
#content-html-container .digital-currency-lesson li > ul { margin-top: 7px; margin-bottom: 7px; }
#content-html-container .digital-currency-lesson strong { color: #08766d; font-weight: 750; }
#content-html-container .digital-currency-lesson section:nth-of-type(2) strong { color: #a4484e; }
#content-html-container .digital-currency-lesson figure { margin: 17px 0 35px; padding: 15px; border: 2px solid #9fc8ad; border-radius: 17px; background: linear-gradient(135deg, #eaf5ea, #f8f5df); box-shadow: 0 12px 25px rgba(48, 95, 67, .13); }
#content-html-container .digital-currency-lesson figure img { display: block; width: 100%; height: auto; margin: 0 auto; border-radius: 9px; }
#content-html-container .digital-currency-lesson section:nth-of-type(2) figure { border-color: #db9b80; background: linear-gradient(135deg, #f8ece9, #fff3d9); box-shadow: 0 12px 25px rgba(133, 69, 66, .12); }
#content-html-container .digital-currency-lesson table { width: 100%; margin: 15px 0 36px; border: 1px solid #d8ded8; border-spacing: 0; border-collapse: separate; overflow: hidden; border-radius: 14px; font-size: .94rem; box-shadow: 0 9px 23px rgba(30, 60, 53, .08); }
#content-html-container .digital-currency-lesson thead th { padding: 14px 17px; color: #fff; background: #25464a; text-align: left; font-size: .86rem; font-weight: 750; letter-spacing: .045em; }
#content-html-container .digital-currency-lesson thead th:first-child { width: 28%; background: var(--dc-plum); }
#content-html-container .digital-currency-lesson thead th:nth-child(2) { background: var(--dc-teal); }
#content-html-container .digital-currency-lesson tbody th,
#content-html-container .digital-currency-lesson tbody td { padding: 12px 17px; border-top: 1px solid #e4e6dc; text-align: left; vertical-align: top; }
#content-html-container .digital-currency-lesson tbody th { border-left: 4px solid #a58bc0; color: #563c70; background: #f1ebf6; font-weight: 750; }
#content-html-container .digital-currency-lesson tbody td { color: #31434b; background: #fffefa; }
#content-html-container .digital-currency-lesson tbody tr:nth-child(even) th { background: #e9e0f0; }
#content-html-container .digital-currency-lesson tbody tr:nth-child(even) td { background: #f1f6ed; }
#content-html-container .digital-currency-lesson tbody tr:hover th { background: #e0d3eb; }
#content-html-container .digital-currency-lesson tbody tr:hover td { background: #e7f2e4; }

@media (max-width: 640px) {
  #content-html-container .digital-currency-lesson { width: 100%; margin-top: 0; padding: 25px 19px 40px; border: 0; border-radius: 0; box-shadow: none; }
  #content-html-container .digital-currency-lesson__header { margin: -25px -19px 30px; padding: 29px 19px 27px; }
  #content-html-container .digital-currency-lesson h2 { margin-top: 38px; padding: 14px 15px; }
  #content-html-container .digital-currency-lesson h3 { margin-top: 27px; padding: 9px 12px; }
  #content-html-container .digital-currency-lesson figure { margin-right: 0; margin-left: 0; padding: 7px; }
  #content-html-container .digital-currency-lesson table { font-size: .87rem; }
  #content-html-container .digital-currency-lesson thead th,
  #content-html-container .digital-currency-lesson tbody th,
  #content-html-container .digital-currency-lesson tbody td { padding: 10px 9px; }
  #content-html-container .digital-currency-lesson thead th:first-child { width: 32%; }
}