.container .tags a {
  text-decoration: none !important;
}

.container .tags a .badge:hover {
  transition: 1s;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
}

.masthead {
  background-image: url("../images/heroBanners/articles-gyWIEhr.png");
}

.list .article {
  padding: 1em 0;
  border-bottom: 1px solid #CCC;
}
.list .article h3 {
  font-size: medium;
}

.pagination {
  justify-content: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

section {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dashed var(--bs-gray-400);
}
section > section {
  border-bottom: none;
  padding-left: 1rem;
}
section .tags {
  float: right;
}
section img {
  max-width: 100%;
  border: 1px solid var(--bs-gray-400);
}
section dl {
  margin-top: 2rem;
}
section dl dd {
  margin-left: 1rem;
  margin-bottom: 1.5rem;
}
section div.alert {
  margin-top: 2rem;
}
section ol {
  padding-left: 3rem;
}
section ol li {
  padding: 0.3rem 0;
}
section ol li a {
  text-decoration: none;
}
section ol li a:hover {
  text-decoration: underline;
}
section .anchor {
  font-weight: 400;
  text-decoration: none;
  color: var(--bs-heading-color);
}
section .anchor::after {
  content: "#";
  opacity: 0.1;
  padding-left: 0.1rem;
  text-decoration: none;
  color: var(--bs-heading-color);
  transition: all 0.16s linear;
}
section .anchor:hover::after {
  opacity: 1;
  color: rgba(0, 123, 255, 0.5);
}

.article-section {
  margin-top: 2rem;
  padding: 1.5rem;
  background-color: #f8f9fa;
  border-left: 4px solid #007bff;
  border-radius: 0.375rem;
}
.article-section h3 {
  color: #007bff;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.article-section .section-content {
  line-height: 1.6;
  color: #495057;
}