/* readability-pack.css — better reading surfaces, single palette */

:root {
  --read-serif: 'Source Serif 4','Source Serif Pro','Merriweather','Georgia','Cambria','Times New Roman',serif;
  --read-sans:  'Inter','-apple-system','Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;
  --read-tx:    #e4e4e7;
  --read-tx-dim:#8b8d98;
  --read-max:   68ch;
}

.post-body {
  font-family: var(--read-serif) !important;
  font-size: 1.05rem !important;
  line-height: 1.75 !important;
  color: var(--read-tx) !important;
  max-width: var(--read-max);
  padding: 18px 20px !important;
  white-space: normal !important;
  word-wrap: break-word;
  letter-spacing: 0.005em;
}

.post-body p         { margin: 0 0 1em; }
.post-body p:last-child { margin-bottom: 0; }
.post-body h1, .post-body h2, .post-body h3 {
  font-family: var(--read-sans); font-weight: 700;
  margin: 1.4em 0 .5em; color: #34d399;
  letter-spacing: 0;
}
.post-body h1 { font-size: 1.3em; }
.post-body h2 { font-size: 1.15em; }
.post-body h3 { font-size: 1.05em; }

.post-body a {
  color: #22d3ee; text-decoration: underline;
  text-underline-offset: 2px; text-decoration-thickness: 1px;
}
.post-body a:hover { color: #34d399; }

.post-body code {
  font-family: 'JetBrains Mono','Source Code Pro','Courier New',monospace; font-size: .92em;
  background: #131820; padding: 1px 5px; border-radius: 3px;
}
.post-body pre {
  font-family: 'JetBrains Mono','Source Code Pro','Courier New',monospace; font-size: .88em;
  background: #0a0c11; padding: 12px 14px; border-radius: 5px;
  overflow-x: auto; border-left: 3px solid #fbbf24;
  line-height: 1.5;
}
.post-body blockquote {
  border-left: 3px solid #fbbf24;
  margin: 1em 0; padding: .1em 1em; color: var(--read-tx-dim);
  font-style: italic;
}
.post-body ul, .post-body ol { padding-left: 1.6em; margin: .6em 0 1em; }
.post-body li { margin: .3em 0; }
.post-body table { border-collapse: collapse; margin: 1em 0; font-size: .96em; }
.post-body th, .post-body td {
  padding: 6px 12px; border: 1px solid #1e2535; text-align: left;
}
.post-body th { background: #131820; font-weight: 700; }
.post-body img {
  max-width: 100%; height: auto; border-radius: 4px; margin: .6em 0;
  box-shadow: 0 2px 12px rgba(0,0,0,.4);
}

.prose, .welcome-html, .bulletin-html {
  font-family: var(--read-sans) !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
  color: var(--read-tx) !important;
  max-width: var(--read-max);
}
.prose p, .welcome-html p, .bulletin-html p { margin: 0 0 .9em; }

.post-body.archive-legacy,
.post-body .legacy-body {
  font-family: 'JetBrains Mono','Source Code Pro','Menlo','Consolas','Courier New',monospace !important;
  white-space: pre-wrap !important;
  font-size: .98rem !important;
}

.threadlist .title { font-family: var(--read-sans); font-weight: 600; font-size: 1rem; }

@media (max-width: 720px) {
  .post-body { font-size: 1.02rem !important; padding: 14px 14px !important; line-height: 1.7 !important; }
  .prose     { font-size: .96rem !important; }
  :root { --read-max: 100%; }
}
