/* ByteReactor — content-only styles (safe to include everywhere) */

main a { color: var(--accent); }
main a:hover { text-decoration: underline; }

/* Better typography for long-form */
article.card {
  max-width: 860px;
  margin-inline: auto;
}
article.card h2 {
  margin-top: 1.4rem;
  font-family: var(--ff-mono);
  color: var(--text);
}
article.card p,
article.card li {
  color: var(--text);
}

/* Code blocks */
pre {
  overflow: auto;
  background: #0b0b0b;
  color: var(--text);
  padding: 14px;
  border-radius: 10px;
  border: 1px solid var(--border);
}
code {
  font-family: var(--ff-mono);
  font-size: .95em;
}

/* Inline code */
p code, li code {
  background: color-mix(in srgb, var(--surface) 70%, #000 30%);
  border: 1px solid var(--border);
  padding: .1rem .35rem;
  border-radius: 8px;
}

/* Lists */
ul, ol { padding-left: 1.25rem; }
li { margin: .25rem 0; }

/* Images inside posts */
article.card img {
  border-radius: 12px;
  border: 1px solid var(--border);
}