.item.ojt-jats-viewer .jats-viewer-footer,
.item.ojt-jats-toc .jats-viewer-footer {
  display: flex;
  justify-content: center;
  align-items: end;
  height: 480px;
  margin: -23rem -2.44rem -1.51rem -2.44rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.06), rgba(252, 252, 252, 0.726), rgba(255, 255, 255, 0.918));
}
.item.ojt-jats-viewer .jats-viewer-footer .read-more-btn,
.item.ojt-jats-toc .jats-viewer-footer .read-more-btn {
  margin-bottom: 2rem;
}
.item.ojt-jats-viewer .jats-viewer-toc,
.item.ojt-jats-toc .jats-viewer-toc {
  height: 10rem;
  margin: -6rem -1.4rem 0rem -1.4rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 1rem 2rem 1rem 2rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.45), #ffffff);
}
.item.ojt-jats-viewer .jats-viewer-footer .read-more-btn,
.item.ojt-jats-toc .jats-viewer-footer .read-more-btn,
.item.ojt-jats-viewer .jats-viewer-toc .read-more-btn,
.item.ojt-jats-toc .jats-viewer-toc .read-more-btn {
  transition: all 0.4s ease;
  border-radius: 4px !important;
  font-weight: 500 !important;
  position: relative;
  display: inline-block;
  background: transparent;
  padding: 0.6rem 1rem;
  border-radius: 6px;
  text-decoration: none;
  font-size: 0.8rem;
  background-clip: padding-box;
  backdrop-filter: blur(10px);
}
.item.ojt-jats-viewer ol.references,
.item.ojt-jats-toc ol.references {
  margin: -10px 0px 0px 0px;
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 1.5em;
}
.item.ojt-jats-viewer ol.references > li,
.item.ojt-jats-toc ol.references > li {
  margin-bottom: 5px;
  display: list-item;
}
/** Article detail styles for JATS Viewer and TOC */
.item.ojt-jats-viewer,
.item.ojt-jats-parser {
  /* Responsive tweak */
}
.item.ojt-jats-viewer .bibr,
.item.ojt-jats-parser .bibr {
  margin-left: 5px;
}
.item.ojt-jats-viewer .figure,
.item.ojt-jats-parser .figure {
  margin: 1.5rem auto;
  padding: 1rem 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.item.ojt-jats-viewer .table-wrap,
.item.ojt-jats-parser .table-wrap {
  margin: 1.5rem auto;
  padding: 1rem 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  box-sizing: border-box;
  display: block;
}
.item.ojt-jats-viewer .table-wrap .table-scroll,
.item.ojt-jats-parser .table-wrap .table-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.item.ojt-jats-viewer .table-wrap table,
.item.ojt-jats-parser .table-wrap table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
}
.item.ojt-jats-viewer a.table,
.item.ojt-jats-parser a.table {
  display: inline-block !important;
}
.item.ojt-jats-viewer .figure img,
.item.ojt-jats-parser .figure img,
.item.ojt-jats-viewer .table-wrap img,
.item.ojt-jats-parser .table-wrap img {
  max-width: 100%;
  height: auto;
  display: block;
}
.item.ojt-jats-viewer .figure .label,
.item.ojt-jats-parser .figure .label,
.item.ojt-jats-viewer .table-wrap .label,
.item.ojt-jats-parser .table-wrap .label {
  display: block;
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.item.ojt-jats-viewer .table-wrap .caption,
.item.ojt-jats-parser .table-wrap .caption {
  margin-bottom: 1rem;
}
.item.ojt-jats-viewer .figure .caption,
.item.ojt-jats-parser .figure .caption,
.item.ojt-jats-viewer .figure-note,
.item.ojt-jats-parser .figure-note,
.item.ojt-jats-viewer .long-desc,
.item.ojt-jats-parser .long-desc,
.item.ojt-jats-viewer .table-wrap .caption,
.item.ojt-jats-parser .table-wrap .caption,
.item.ojt-jats-viewer .table-wrap .table-footer,
.item.ojt-jats-parser .table-wrap .table-footer {
  font-size: 1.25rem;
  line-height: 1.35;
  text-align: center;
}
.item.ojt-jats-viewer .figure .caption p,
.item.ojt-jats-parser .figure .caption p,
.item.ojt-jats-viewer .figure-note p,
.item.ojt-jats-parser .figure-note p,
.item.ojt-jats-viewer .table-wrap .caption p,
.item.ojt-jats-parser .table-wrap .caption p {
  margin: 0;
}
.item.ojt-jats-viewer .video-figure .video-inner,
.item.ojt-jats-parser .video-figure .video-inner {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 */
  overflow: hidden;
}
.item.ojt-jats-viewer .video-figure .video-inner iframe,
.item.ojt-jats-parser .video-figure .video-inner iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.item.ojt-jats-viewer .table-wrap table,
.item.ojt-jats-parser .table-wrap table {
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
}
.item.ojt-jats-viewer .table-wrap th,
.item.ojt-jats-parser .table-wrap th,
.item.ojt-jats-viewer .table-wrap td,
.item.ojt-jats-parser .table-wrap td {
  padding: 0.4rem 0.5rem;
  border: 1px solid #e5e7eb;
  font-size: 0.875rem;
  vertical-align: top;
  white-space: normal;
  line-height: normal;
}
.item.ojt-jats-viewer .table-wrap td,
.item.ojt-jats-parser .table-wrap td {
  text-align: left;
  white-space: normal;
  /* can change to wrap */
  word-break: break-word;
  /* break long words */
  overflow-wrap: anywhere;
  /* modern browser */
}
.item.ojt-jats-viewer .table-wrap th,
.item.ojt-jats-parser .table-wrap th,
.item.ojt-jats-viewer .table-wrap td,
.item.ojt-jats-parser .table-wrap td {
  max-width: 220px;
}
.item.ojt-jats-viewer .td-clamp,
.item.ojt-jats-parser .td-clamp {
  max-width: 220px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.item.ojt-jats-viewer blockquote.quote,
.item.ojt-jats-parser blockquote.quote {
  margin: 1.5rem 0;
  padding: 0.75rem 1rem;
  border-left: 4px solid #94a3b8;
}
.item.ojt-jats-viewer blockquote.quote p,
.item.ojt-jats-parser blockquote.quote p {
  margin: 0;
  font-style: italic;
}
.item.ojt-jats-viewer blockquote.quote .not-italic,
.item.ojt-jats-parser blockquote.quote .not-italic {
  margin-top: 0.25rem;
  font-style: normal;
  font-size: 0.85rem;
}
.item.ojt-jats-viewer .mathjax-wrapper,
.item.ojt-jats-parser .mathjax-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.item.ojt-jats-viewer .mathjax-wrapper mjx-container,
.item.ojt-jats-parser .mathjax-wrapper mjx-container {
  display: block;
}
.item.ojt-jats-viewer .mathjax-wrapper svg,
.item.ojt-jats-parser .mathjax-wrapper svg {
  max-width: none;
}
@media (max-width: 640px) {
  .item.ojt-jats-viewer .figure,
  .item.ojt-jats-parser .figure,
  .item.ojt-jats-viewer .table-wrap,
  .item.ojt-jats-parser .table-wrap {
    padding: 0.75rem 0.9rem;
  }
}
/* Heading styling in article details JATS XML */
.item.ojt-jats-viewer h1,
.item.ojt-jats-parser h1,
.item.ojt-jats-viewer h2,
.item.ojt-jats-parser h2,
.item.ojt-jats-viewer h3,
.item.ojt-jats-parser h3,
.item.ojt-jats-viewer h4,
.item.ojt-jats-parser h4,
.item.ojt-jats-viewer h5,
.item.ojt-jats-parser h5,
.item.ojt-jats-viewer h6,
.item.ojt-jats-parser h6 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.25;
}
.item.ojt-jats-viewer h1,
.item.ojt-jats-parser h1 {
  font-size: 2rem !important;
}
.item.ojt-jats-viewer h2,
.item.ojt-jats-parser h2 {
  font-size: 1.5rem !important;
}
.item.ojt-jats-viewer h3,
.item.ojt-jats-parser h3 {
  font-size: 1.25rem !important;
}
.item.ojt-jats-viewer h4,
.item.ojt-jats-parser h4 {
  font-size: 1.125rem !important;
}
.item.ojt-jats-viewer h5,
.item.ojt-jats-parser h5 {
  font-size: 1rem !important;
}
.item.ojt-jats-viewer h6,
.item.ojt-jats-parser h6 {
  font-size: 0.875rem !important;
}