/* Blog post — reading view */
.post-wrap { max-width: 640px; margin: 0 auto; padding: 160px 28px 100px; }
.post-meta { display: flex; gap: 14px; align-items: center; color: var(--ink-blog-2); font-size: 13px; letter-spacing: 0.04em; margin-bottom: 28px; }
.post-meta .cat { letter-spacing: 0.08em; text-transform: uppercase; font-size: 11px; }
.post-meta .dot { width: 3px; height: 3px; border-radius: 50%; background: var(--ink-blog-2); opacity: 0.5; }

.post-wrap h1 { font-size: clamp(1.875rem, 4vw, 2.625rem); font-weight: 500; letter-spacing: -0.022em; line-height: 1.15; color: var(--ink-blog); margin: 0 0 32px; text-wrap: balance; }
.post-wrap p { font-size: 1.125rem; line-height: 1.75; color: var(--ink-blog); margin: 0 0 24px; text-wrap: pretty; }
.post-wrap p.lede { font-size: 1.25rem; }
.post-wrap blockquote { font-family: var(--font-serif); font-style: italic; font-size: 1.5rem; line-height: 1.45; color: var(--ink-blog); border-left: 1px solid rgba(232,227,216,0.20); padding: 4px 0 4px 28px; margin: 36px 0; }
.post-wrap h2 { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.01em; margin: 48px 0 20px; color: var(--ink-blog); }
.post-wrap a { color: #93C5FD; }
.post-wrap hr { border: 0; border-top: 1px solid rgba(232,227,216,0.10); margin: 56px 0; }

.post-cta { padding: 36px 32px; border: 1px solid rgba(232,227,216,0.12); border-radius: 14px; margin: 48px 0 0; }
.post-cta p { font-size: 15px; color: var(--ink-blog-2); margin: 0 0 18px; line-height: 1.55; }

.related { padding: 0 0 60px; margin-top: 48px; }
.related h6 { font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-blog-2); margin: 0 0 18px; }
.related a { display: block; padding: 18px 0; border-top: 1px solid rgba(232,227,216,0.08); color: var(--ink-blog); font-size: 1.125rem; font-weight: 500; }
.related a:hover { color: #93C5FD; opacity: 1; }