/* xeek.dev theme, post.css: post header, meta, body typography */

.post-header { margin-bottom: 26px; }

.post-header .post-title {
  margin: 0 0 12px;
  font: 700 34px/1.2 var(--font-display);
  color: var(--text);
  text-wrap: pretty;
}

.post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  font: 400 13px var(--font-body);
  color: var(--dim);
}

.meta-sep { color: #2a3441; }

/* Post body typography */
.post-content { font: 400 16.5px/1.75 var(--font-body); color: var(--text-body); }

.post-content h2,
.post-content h3,
.post-content h4 {
  font-family: var(--font-display);
  color: var(--text);
  line-height: 1.3;
  margin: 1.6em 0 0.5em;
}

.post-content h2 { font-size: 24px; font-weight: 700; }
.post-content h3 { font-size: 19px; font-weight: 700; }
.post-content h4 { font-size: 16px; font-weight: 600; }

.post-content p { text-wrap: pretty; }

.post-content img {
  max-width: 100%;
  border-radius: 10px;
  border: 1px solid var(--border);
}

.post-content blockquote {
  margin: 1.2em 0;
  padding: 2px 18px;
  border-left: 2px solid var(--green);
  color: var(--muted);
}

.post-content hr {
  border: 0;
  height: 1px;
  background: var(--border);
  margin: 2em 0;
}

.post-content table { border-collapse: collapse; width: 100%; font-size: 14.5px; }
.post-content th, .post-content td { border: 1px solid var(--border); padding: 8px 12px; text-align: left; }
.post-content th { color: var(--text); font-family: var(--font-display); }