/* [project]/src/app/article.css [app-client] (css) */
#article-content {
  font-size: 15px;
  text-align: justify !important;
  color: #000 !important;
  font-family: Times New Roman, Times, serif !important;
}

#article-content a {
  color: #000 !important;
}

#article-content a:link, #article-content a[href] span {
  color: #00f !important;
}

#article-content table {
  width: 100% !important;
}

mark {
  background-color: #fecaca;
}

marknote {
  background-color: #bbf7d0;
}

.link-yellow {
  cursor: pointer;
  background-color: #fde047;
  border-radius: 2px;
  padding: 0 2px;
}

.link-yellow:hover {
  background-color: #faed88;
}

#article-content ::selection {
  color: inherit;
  background-color: #99c8c8b3;
}

#article-content img {
  max-width: 100%;
  height: auto;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 640px) {
  #article-content {
    font-size: 13px;
    line-height: 1.6;
  }

  #article-content table {
    font-size: 12px;
    display: block;
    overflow-x: auto;
  }
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #d64000;
}

.highlight-anchor {
  color: #111827;
  background-color: #fef9c3;
  border-radius: 4px;
  padding: 0 4px;
  font-weight: 600;
  transition: all .5s;
  box-shadow: 0 0 0 2px #eb5f094d;
}

.WordSection1 p {
  line-height: 1.6 !important;
}

/*# sourceMappingURL=src_app_article_e281eb2b.css.map*/