html,
body {
  height: auto !important;
  min-height: auto !important;
  overflow: visible !important;
  background: #fff !important;
}

body {
  display: block !important;
  padding-top: 0 !important;
  color: #000 !important;
  font-size: 12pt;
  line-height: 1.5;
}

main {
  display: block !important;
  flex: none !important;
}

.header,
.footer,
.breadcrumb,
.menu-toggle,
.nav,
.site-sidebar,
#scrollTopBtn,
.article-like-wrap,
.article-toc,
.share-wrapper,
.share-bar,
.hero-actions,
.footer-social,
.section-actions {
  display: none !important;
}

.glossary-term::after,
.glossary-popup {
  display: none !important;
}

.glossary-term {
  border: none !important;
  background: transparent !important;
  color: #000 !important;
  cursor: text !important;
  font-weight: inherit !important;
}

.layout-with-sidebar,
.article-wrapper,
.page-wrapper {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  break-before: auto !important;
  page-break-before: auto !important;
}

.page-bg,
.article-header,
.article-content,
.article-summary,
.article-info,
.article-crosslinks,
.content-card,
.card,
.post-card,
.teaser-card,
figure.blog-image,
.table,
html[data-theme="dark"] body,
html[data-theme="dark"] .page-bg,
html[data-theme="dark"] .article-wrapper,
html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .article-content,
html[data-theme="dark"] .article-summary,
html[data-theme="dark"] .article-crosslinks,
html[data-theme="dark"] figure.blog-image,
html[data-theme="dark"] .table,
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .post-tags,
html[data-theme="dark"] .tag {
  background: #fff !important;
  color: #000 !important;
  border-color: #ccc !important;
  box-shadow: none !important;
}

.post-tags {
  gap: 0.25rem !important;
  margin: 0.35rem 0 0.8rem !important;
}

.tag,
html[data-theme="dark"] .tag {
  min-height: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #000 !important;
  box-shadow: none !important;
  font-size: 10pt !important;
  font-weight: 400 !important;
}

.table th,
.table td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table td:first-child {
  background: #fff !important;
  color: #000 !important;
  border-color: #ccc !important;
}

.table tbody tr:nth-child(even),
.table tbody tr:hover,
html[data-theme="dark"] .table tbody tr:nth-child(even),
html[data-theme="dark"] .table tbody tr:hover {
  background: #fff !important;
}

.blog-image,
img.blog-image,
.blog-image img,
.blog-image figcaption,
html[data-theme="dark"] .blog-image,
html[data-theme="dark"] figure.blog-image,
html[data-theme="dark"] img.blog-image,
html[data-theme="dark"] .blog-image figcaption,
html[data-theme="dark"] .article-hero-caption {
  background: transparent !important;
  color: #000 !important;
  border-color: #ccc !important;
  box-shadow: none !important;
}

.article-crosslink-card,
html[data-theme="dark"] .article-crosslink-card {
  border-top-color: #ccc !important;
}

.article-crosslink-card h3 a,
.article-crosslink-category,
.article-crosslink-card p,
html[data-theme="dark"] .article-crosslink-card h3 a,
html[data-theme="dark"] .article-crosslink-category,
html[data-theme="dark"] .article-crosslink-card p {
  color: #000 !important;
}

.container,
.content,
.page-intro,
.about-section,
.personal-note .content-card {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.content-card,
.card,
.post-card,
.teaser-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.post-card-image,
.blog-image {
  margin: 1rem 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

h1,
h2,
h3 {
  color: #000 !important;
  page-break-after: avoid;
  break-after: avoid-page;
}

h2::after {
  background: #999 !important;
}

p,
ul,
ol,
pre,
blockquote {
  page-break-inside: avoid;
  break-inside: avoid;
}

a,
a:visited {
  color: #000 !important;
  text-decoration: none !important;
}

a::after {
  content: none !important;
}

pre {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #ccc;
  white-space: pre-wrap;
  word-break: break-word;
}