#mainContent .jdArticle { display: block; }
.jdNowrap { white-space: nowrap; }

#mainContent .jdArticle h1.jdTitle {
  margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ddd;
  font-size: 22px; line-height: 1.35; font-weight: normal; text-transform: none;
  color: #4a4a4a; text-wrap: balance;
}

#mainContent .jdArticle p.jdMeta {
  margin: 0 0 20px !important; font-size: 13px !important; line-height: 1.6 !important;
  color: #666 !important;
}

#mainContent .jdArticle p.jdLead {
  margin: 0 0 25px !important; font-size: 15px !important; line-height: 1.7 !important;
  color: #333 !important;
}

#mainContent .jdArticle h2 {
  margin: 35px 0 10px !important; padding: 0; border: 0;
  font-size: 18px !important; line-height: 1.4; text-transform: none;
  color: #333 !important; font-weight: normal !important;
}

#mainContent .jdArticle h3 {
  margin: 25px 0 6px; padding: 0;
  font-size: 15px; line-height: 1.45; text-transform: none;
  color: #333; font-weight: 700 !important;
}

#mainContent .jdArticle p { margin: 0 0 15px; }
#mainContent .jdArticle ul, #mainContent .jdArticle ol { margin: 0 0 15px; padding: 0 0 0 20px; }
#mainContent .jdArticle li { margin: 0 0 6px; }

#mainContent .jdArticle a { color: #5a5a5a; text-decoration: underline; text-underline-offset: 3px;
  text-decoration-color: #cfc4b2; transition: color .18s cubic-bezier(.22,1,.36,1); }
#mainContent .jdArticle a:hover { color: #222; text-decoration-color: #222; }
#mainContent .jdArticle a:focus-visible { outline: 2px solid #7a6a52; outline-offset: 2px; }

#mainContent .jdArticle h2[id] { scroll-margin-top: 15px; }

.jdTableWrap { margin: 5px 0 25px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
#mainContent table.jdTable { width: 100% !important; border-collapse: collapse; }
#mainContent .jdTable caption {
  caption-side: top; text-align: left; padding: 0 0 8px;
  font-size: 13px; line-height: 1.5; font-weight: 700; color: #4a4a4a;
}
#mainContent .jdTable th, #mainContent .jdTable td {
  display: table-cell; text-align: left; vertical-align: top;
  padding: 8px 12px 8px 0; border-bottom: 1px solid #ddd;
}
#mainContent .jdTable th {
  font-size: 13px; line-height: 1.5; font-weight: 700; color: #333;
  border-bottom: 2px solid #7a6a52;
}
#mainContent .jdTable td {
  font-size: 13px !important; line-height: 1.55 !important; font-variant-numeric: tabular-nums;
}
#mainContent .jdTable sub { font-size: 75%; line-height: 0; }
#mainContent .jdArticle p.jdTableNote { margin: -15px 0 25px !important; font-size: 13px !important; color: #5a5a5a !important; }

.jdFigure { margin: 10px 0 25px; }
.jdFigure svg { display: block; width: 100%; height: auto; background: #f7f6f3; border: 1px solid #ddd; }
.jdFigure--narrow svg { max-width: 430px; }
#mainContent .jdFigure figcaption p {
  margin: 10px 0 6px !important; font-size: 13px !important; line-height: 1.55 !important;
  color: #333 !important; font-weight: 700;
}
#mainContent .jdArticle ol.jdLegend { margin: 0; padding: 0; list-style: none; counter-reset: jdpoint; }
#mainContent .jdArticle ol.jdLegend li {
  position: relative; margin: 0 0 4px; padding: 0 0 0 30px;
  font-size: 13px !important; line-height: 1.55 !important;
}
.jdLegend li::before {
  counter-increment: jdpoint; content: counter(jdpoint);
  position: absolute; left: 0; top: 1px; width: 20px; height: 20px; border-radius: 50%;
  background: #7a6a52; color: #fff; font-size: 11px; font-weight: 700; line-height: 20px; text-align: center;
}

.jdPhoto { margin: 10px 0 25px; }
.jdPhoto img { display: block; max-width: 100%; height: auto; border: 1px solid #ddd; }
#mainContent .jdPhoto figcaption { margin: 8px 0 0; font-size: 13px; line-height: 1.55; color: #5a5a5a; }

#mainContent .jdArticle .jdFaq h3 { margin-top: 20px; }
#mainContent .jdArticle .jdFaq h3:first-child { margin-top: 5px; }

#mainContent .jdArticle p.jdSourcesNote { margin: 0 0 10px !important; font-size: 13px !important; color: #5a5a5a !important; }
#mainContent .jdArticle ul.jdSources { margin: 0 0 15px; padding: 0; list-style: none; border-top: 1px solid #ddd; }
#mainContent .jdArticle ul.jdSources li {
  margin: 0; padding: 8px 0; border-bottom: 1px solid #ddd;
  font-size: 13px !important; line-height: 1.55 !important;
}

#mainContent .jdArticle ul.jdList { margin: 5px 0 25px; padding: 0; list-style: none; border-top: 2px solid #7a6a52; }
#mainContent .jdArticle ul.jdList li { margin: 0; padding: 0 0 14px; border-bottom: 1px solid #ddd; }
#mainContent .jdArticle a.jdListTitle {
  display: block; padding: 12px 0 10px; font-size: 15px; line-height: 1.45; font-weight: 700;
  color: #333; text-decoration: none;
}
#mainContent .jdArticle a.jdListTitle::after { content: " \203A"; color: #7a6a52; }
#mainContent .jdArticle a.jdListTitle:hover { color: #7a6a52; }
#mainContent .jdArticle ul.jdList p { margin: 0 !important; font-size: 13px !important; line-height: 1.6 !important; color: #5a5a5a !important; }

.jdToc { margin: 0 0 30px; padding: 15px 20px 10px; background: #f7f6f3; border-left: 3px solid #7a6a52; }
#mainContent .jdToc p.jdTocLabel {
  margin: 0 0 4px !important; font-size: 12px !important; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: #4a4a4a !important;
}
#mainContent .jdArticle .jdToc ol { margin: 0; padding: 0 0 0 20px; }
#mainContent .jdArticle .jdToc li { margin: 0; }
#mainContent .jdArticle .jdToc a { display: inline-block; padding: 6px 0; color: #4a4a4a; }

#mainContent .jdArticle .jdMore ul { margin: 0 0 10px; padding: 0; list-style: none; border-top: 1px solid #ddd; }
#mainContent .jdArticle .jdMore li { margin: 0; border-bottom: 1px solid #ddd; }
#mainContent .jdArticle .jdMore li a { display: block; padding: 12px 0; color: #333; text-decoration: none; }
#mainContent .jdArticle .jdMore li a::after { content: " \203A"; color: #7a6a52; }
#mainContent .jdArticle .jdMore li a:hover { color: #7a6a52; }
#mainContent .jdArticle .jdMore p a { display: inline-block; padding: 10px 0; }

@media (max-width: 700px) {
  #mainContent .jdArticle h1.jdTitle { font-size: 20px; }
  #mainContent .jdArticle p.jdLead { font-size: 17px !important; }
  #mainContent .jdArticle h2 { font-size: 18px !important; margin-top: 30px !important; }
  #mainContent .jdArticle h3 { font-size: 16px; }
  #mainContent .jdArticle p.jdMeta, #mainContent .jdArticle p.jdSourcesNote,
  #mainContent .jdArticle ul.jdSources li, #mainContent .jdArticle ol.jdLegend li,
  #mainContent .jdTable td, #mainContent .jdFigure figcaption p,
  #mainContent .jdArticle ul.jdList p, #mainContent .jdArticle p.jdTableNote { font-size: 15px !important; }
  #mainContent .jdTable th, #mainContent .jdTable caption, #mainContent .jdPhoto figcaption { font-size: 14px; }
  #mainContent .jdArticle a.jdListTitle { font-size: 16px; }
}