/*
 * Kouider — Post content typography (single posts)
 * Scoped to .k-single-content so block markup and classic (raw HTML)
 * content render identically. Headings get real sizes/weight, code is
 * framed in the dark glass style, links and lists match the design.
 */

.k-single-content h2,
.k-single-content h3,
.k-single-content h4 {
  color: var(--wp--preset--color--k-white);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.02em;
}
.k-single-content h2 {
  font-size: clamp(1.5rem, 3vw, 1.95rem);
  margin: 2.1em 0 .55em;
}
.k-single-content h3 {
  font-size: clamp(1.2rem, 2.3vw, 1.45rem);
  margin: 1.8em 0 .5em;
}
.k-single-content h4 {
  font-size: 1.1rem;
  margin: 1.6em 0 .45em;
}
.k-single-content h2:first-child,
.k-single-content h3:first-child {
  margin-top: 0;
}

.k-single-content a {
  color: var(--wp--preset--color--k-red-bright);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.k-single-content a:hover { color: #fff; }

.k-single-content strong { color: var(--wp--preset--color--k-white); font-weight: 600; }

/* Inline code */
.k-single-content code {
  font-family: ui-monospace, 'Cascadia Code', 'JetBrains Mono', Menlo, Consolas, monospace;
  font-size: .88em;
  color: #ff7a86;
  background: rgba(255,38,56,.08);
  border: 1px solid rgba(255,38,56,.18);
  border-radius: 6px;
  padding: 1px 6px;
}

/* Code blocks */
.k-single-content pre {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  padding: 18px 20px;
  overflow-x: auto;
  margin: 1.4em 0;
}
.k-single-content pre code {
  background: none;
  border: none;
  padding: 0;
  color: var(--wp--preset--color--k-white);
  font-size: .9rem;
  line-height: 1.7;
  white-space: pre;
}

/* Lists */
.k-single-content ul,
.k-single-content ol {
  margin: 1em 0 1.2em;
  padding-left: 1.5em;
}
.k-single-content li { margin-bottom: .45em; }
.k-single-content ul li::marker { color: var(--wp--preset--color--k-red); }
.k-single-content ol li::marker {
  color: var(--wp--preset--color--k-muted);
  font-family: ui-monospace, 'Cascadia Code', 'JetBrains Mono', Menlo, Consolas, monospace;
  font-weight: 700;
}

/* Blockquote */
.k-single-content blockquote {
  border-left: 2px solid var(--wp--preset--color--k-red);
  background: rgba(255,255,255,.03);
  border-radius: 0 12px 12px 0;
  padding: 14px 20px;
  margin: 1.4em 0;
  color: var(--wp--preset--color--k-white);
  font-style: italic;
}