/* Blog post stylesheet: shared across all posts */

.post { padding: 48px 0 64px; }
.post-narrow { max-width: 720px !important; }
.back-link { display: inline-block; margin-bottom: 24px; font-size: 13px; color: #6b7280; text-decoration: none; font-weight: 500; }
.back-link:hover { color: var(--chud-orange-dark); }
.post-meta { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: #6b7280; margin-bottom: 14px; }
.post-meta .tag { background: rgba(243,128,32,0.10); color: var(--chud-orange-dark); padding: 2px 8px; border-radius: 4px; margin-right: 8px; }
.post h1 { font-size: 40px; line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 28px; }
.post-byline { display: flex; align-items: center; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--chud-line); margin-bottom: 32px; }
.post-byline .avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #F38020, #C25B14); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; flex-shrink: 0; }
.post-byline .name { font-size: 14px; font-weight: 600; color: var(--chud-ink); }
.post-byline .role { font-size: 12px; color: #6b7280; }
.post-body { font-size: 16px; line-height: 1.7; color: #2a2a2a; }
.post-body .lede { font-size: 19px; line-height: 1.55; color: #2a2a2a; margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--chud-line); }
.post-body h2 { font-size: 24px; line-height: 1.3; letter-spacing: -0.01em; margin: 40px 0 16px; color: var(--chud-ink); }
.post-body h3 { font-size: 18px; font-weight: 700; margin: 28px 0 12px; color: var(--chud-ink); }
.post-body p { margin: 0 0 16px; }
.post-body ul, .post-body ol { margin: 0 0 20px; padding-left: 22px; }
.post-body li { margin: 6px 0; }
.post-body code { background: rgba(243,128,32,0.10); color: var(--chud-orange-dark); padding: 1px 6px; border-radius: 4px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; }
.post-body pre { background: #0B0F14; color: #E1E4E8; padding: 18px 20px; border-radius: 8px; overflow-x: auto; margin: 20px 0; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; line-height: 1.55; }
.post-body pre code { background: transparent; color: inherit; padding: 0; }
.post-body a { color: var(--chud-orange-dark); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.post-body strong { color: var(--chud-ink); font-weight: 700; }
.post-body em { font-style: italic; }
.post-sig { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--chud-line); font-style: italic; color: #6b7280; font-size: 14px; }
.post-share { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--chud-line); display: flex; align-items: center; gap: 12px; }
.share-label { font-size: 13px; font-weight: 600; color: var(--chud-ink); margin-right: 8px; }
.share-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: var(--chud-fog); border: 1px solid var(--chud-line); border-radius: 6px; font-size: 13px; color: var(--chud-ink); text-decoration: none; font-weight: 500; }
.share-btn:hover { background: #fff; border-color: var(--chud-orange); color: var(--chud-orange-dark); }
@media (max-width: 700px) {
  .post h1 { font-size: 30px; }
  .post-body { font-size: 15px; }
  .post-body .lede { font-size: 17px; }
}