/* HTZ content → CSDN-like (day) — see specs/2026-08-16-htz-content-csdn-design.md */

/* Paragraphs */
.main .entry-content {
  font-size: 16px;
  color: #333333;
  line-height: 1.75;
}
.main .entry-content p {
  text-indent: 0 !important;
  margin: 0 0 0.85em;
  padding: 0;
  line-height: 1.75;
  color: #333333;
}
.main .entry-content a {
  color: #056de8;
}
.main .entry-content a:hover {
  color: #003a8c;
}

/* Headings */
.main .entry-content h1,
.main .entry-content h2,
.main .entry-content h3,
.main .entry-content h4,
.main .entry-content h5,
.main .entry-content h6 {
  display: block !important;
  width: auto;
  font-weight: 600;
  color: #222;
  box-shadow: none !important;
}
.main .entry-content h1:before,
.main .entry-content h2:before,
.main .entry-content h3:before,
.main .entry-content h4:before,
.main .entry-content h5:before,
.main .entry-content h6:before,
.main .entry-content h1:after,
.main .entry-content h2:after,
.main .entry-content h3:after,
.main .entry-content h4:after,
.main .entry-content h5:after,
.main .entry-content h6:after {
  content: none !important;
  display: none !important;
  margin: 0 !important;
}
.main .entry-content h1 { font-size: 24px; margin: 1.4em 0 0.6em; line-height: 1.35; }
.main .entry-content h2 { font-size: 22px; margin: 1.4em 0 0.6em; line-height: 1.35; }
.main .entry-content h3 { font-size: 18px; margin: 1.25em 0 0.5em; line-height: 1.4; }
.main .entry-content h4,
.main .entry-content h5,
.main .entry-content h6 { font-size: 16px; margin: 1.1em 0 0.45em; line-height: 1.45; }

/* Tables */
.main .entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
}
.main .entry-content table th,
.main .entry-content table td {
  padding: 10px 12px;
  border: 1px solid #e5e5e5;
  color: #333;
}
.main .entry-content table th {
  background-color: #f2f2f2;
  font-weight: 600;
}
.main .entry-content table tbody tr:nth-child(even) td {
  background-color: #fafafa;
}
/* fallback when table has no tbody */
.main .entry-content table tr:nth-child(even) td {
  background-color: #fafafa;
}
.main .entry-content table thead tr td,
.main .entry-content table thead tr th,
.main .entry-content table tr:has(th) td {
  background-color: #f2f2f2;
}

/* Inline code — never target pre code */
.main .entry-content :not(pre) > code,
.main .entry-content p code,
.main .entry-content li code,
.main .entry-content td code,
.main .entry-content th code {
  font-family: Consolas, Monaco, Menlo, monospace;
  font-size: 0.875em;
  color: #c7254e !important;
  background-color: #f6f8fa !important;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 0 2px;
}

/* Code blocks — override HTZ black force */
.main .entry-content pre,
.main .entry-content pre[class*="language-"],
.main .entry-content .wp-block-code,
.main .entry-content code.hljs,
.main .entry-content div.code-toolbar > pre,
.main .entry-content pre.language-bash,
.main .entry-content pre.language-sql,
.main .entry-content pre.language-plain_text {
  background: #f6f8fa !important;
  background-color: #f6f8fa !important;
  color: #24292e !important;
  text-shadow: none !important;
  border: 1px solid #e1e4e8 !important;
  border-radius: 6px;
  padding: 14px 16px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  overflow-x: auto !important;
  white-space: pre !important;
}
.main .entry-content pre code,
.main .entry-content pre[class*="language-"] code,
.main .entry-content code[class*="language-"],
.main .entry-content .wp-block-code code {
  background: transparent !important;
  color: #24292e !important;
  text-shadow: none !important;
  font-family: Consolas, Monaco, Menlo, monospace !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  white-space: pre !important;
}
.main .entry-content pre .token,
.main .entry-content pre[class*="language-"] .token,
.main .entry-content code[class*="language-"] .token {
  background: transparent !important;
  text-shadow: none !important;
}
.main .entry-content pre .token,
.main .entry-content pre .token.operator,
.main .entry-content pre .token.punctuation {
  color: #24292e !important;
}
.main .entry-content pre .token.comment,
.main .entry-content pre .token.prolog,
.main .entry-content pre .token.doctype,
.main .entry-content pre .token.cdata {
  color: #6a737d !important;
}
.main .entry-content pre .token.keyword {
  color: #d73a49 !important;
}
.main .entry-content pre .token.string {
  color: #032f62 !important;
}
.main .entry-content pre .token.function,
.main .entry-content pre .token.class-name {
  color: #6f42c1 !important;
}
.main .entry-content pre .token.number,
.main .entry-content pre .token.boolean {
  color: #005cc5 !important;
}
.main .entry-content .line-numbers-rows > span:before {
  color: #959da5 !important;
}
.main .entry-content .line-numbers .line-numbers-rows {
  border-right-color: #e1e4e8 !important;
}
.main .entry-content div.code-toolbar > .toolbar > .toolbar-item > button,
.main .entry-content div.code-toolbar > .toolbar > .toolbar-item > span,
.main .entry-content div.code-toolbar > .toolbar > .toolbar-item > a {
  color: #24292e !important;
  background: rgba(27, 31, 35, 0.08) !important;
  box-shadow: none !important;
}
.main .entry-content pre ::selection,
.main .entry-content pre code ::selection,
.main .entry-content code[class*="language-"]::selection {
  background: #b3d4fc !important;
  color: #24292e !important;
}

/* Lists */
.main .entry-content ul {
  list-style: none;
  padding: 0.25rem 0 0.5rem 0;
  margin: 0 0 0.85em;
}
.main .entry-content ul li {
  background: transparent !important;
  padding: 0.25em 0 0.25em 1.5em;
  position: relative;
  line-height: 1.75;
}
.main .entry-content ul li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  position: absolute;
  top: 0.7em;
  left: 0.35em;
  background-color: #00a1cb;
}
.main .entry-content ol {
  list-style: decimal;
  padding-left: 1.5em;
  margin: 0 0 0.85em;
}
.main .entry-content ol li {
  background: transparent !important;
  list-style-position: outside;
  padding: 0.25em 0;
  line-height: 1.75;
}

/* Blockquote */
.main .entry-content blockquote {
  background-color: #f8f8f8;
  border-left: 4px solid #fc5531;
  padding: 12px 16px;
  color: #333333;
  margin: 0.85em 0;
}
.main .entry-content blockquote p {
  text-indent: 0 !important;
  margin: 0;
  color: #333333;
}
