/* Blog post pages */
.post-wrap { max-width: 760px; margin: 0 auto; padding: 0 24px; }
.post-head { padding: 148px 0 44px; border-bottom: 1px solid var(--black-border); }
.post-back { display: flex; width: fit-content; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--gray-400); text-decoration: none; margin-bottom: 28px; transition: color var(--t-fast); }
.post-back:hover { color: var(--green); }
.post-cat { display: inline-block; white-space: nowrap; padding: 5px 12px; border: 1px solid var(--gray-700); border-radius: var(--r-full); background: var(--gray-900); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--green); }
.post-title { margin: 18px 0 16px; font-family: var(--font-display); font-size: clamp(30px, 4.6vw, 46px); line-height: 1.12; letter-spacing: -0.02em; color: var(--white); text-wrap: balance; }
.post-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 13.5px; color: var(--gray-400); }
.post-meta .meta-dot { color: var(--gray-600); }
.post-body { padding: 44px 0 8px; font-size: 17px; line-height: 1.75; color: var(--gray-200); text-wrap: pretty; }
.post-body > * + * { margin-top: 22px; }
.post-body .lede { font-size: 20px; line-height: 1.6; color: var(--gray-100); }
.post-body h2 { margin-top: 52px; font-family: var(--font-display); font-size: 27px; line-height: 1.25; letter-spacing: -0.01em; color: var(--white); }
.post-body h3 { margin-top: 34px; font-family: var(--font-display); font-size: 19px; color: var(--white); }
.post-body strong { color: var(--white); font-weight: 600; }
.post-body a { color: var(--green); text-decoration: none; border-bottom: 1px solid rgba(0,255,136,0.35); }
.post-body a:hover { border-bottom-color: var(--green); }
.post-body ul, .post-body ol { padding-left: 22px; display: grid; gap: 12px; }
.post-body li { padding-left: 4px; }
.post-body li::marker { color: var(--green); }
.post-body code { font-family: var(--font-mono); font-size: 0.88em; padding: 2px 6px; border-radius: 5px; background: var(--gray-900); border: 1px solid var(--gray-800); color: var(--green); }
.pull-stat { margin: 38px 0; padding: 26px 28px; background: var(--black-card); border: 1px solid var(--gray-800); border-left: 2px solid var(--green); border-radius: var(--r-md); font-family: var(--font-display); font-size: 21px; line-height: 1.4; color: var(--white); }
.result-list { list-style: none; padding: 0; display: grid; gap: 0; border: 1px solid var(--gray-800); border-radius: var(--r-md); overflow: hidden; background: var(--black-card); }
.result-list li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--black-border); font-size: 15px; color: var(--gray-300); }
.result-list li:last-child { border-bottom: none; }
.result-list li strong { font-family: var(--font-mono); font-size: 15px; color: var(--green); }
.post-cta { margin: 64px 0 96px; padding: 38px 34px; background: var(--black-card); border: 1px solid var(--gray-800); border-radius: var(--r-lg); text-align: center; }
.post-cta h3 { font-family: var(--font-display); font-size: 24px; color: var(--white); margin-bottom: 10px; }
.post-cta p { font-size: 15.5px; color: var(--gray-300); max-width: 460px; margin: 0 auto 24px; }
.post-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
@media (max-width: 640px) { .post-head { padding-top: 116px; } .post-body { font-size: 16.5px; } }