/* Blog layout; shared theme and navigation come from marketing.css. */
main { padding: 64px 0 88px; }
.kicker { font-family: var(--font-mono); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.16em; color: var(--accent); text-transform: uppercase; margin-bottom: 20px; text-align: center; }
h1 { font-size: clamp(2.1rem, 5.2vw, 3rem); font-weight: 780; letter-spacing: -0.03em; line-height: 1.04; max-width: 720px; margin: 0 auto 20px; text-align: center; }
main > .container > p.empty { font-size: 1.1rem; color: var(--muted); max-width: 560px; margin: 0 auto; text-align: center; }
.post-list { max-width: 720px; margin: 40px auto 0; display: flex; flex-direction: column; gap: 4px; }
.post-card { display: block; padding: 22px 4px; border-bottom: 1px solid var(--line); }
.post-card:hover .post-title { color: var(--accent); }
.post-title { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 6px; }
.post-desc { color: var(--muted); font-size: 0.98rem; }
.post-thumb { display: block; width: 100%; height: auto; max-height: 220px; object-fit: cover; border-radius: var(--radius); margin-bottom: 12px; }
.post-hero { display: block; width: 100%; height: auto; max-height: 360px; object-fit: cover; border-radius: var(--radius); margin: 16px 0 24px; }
.post-date { font-family: var(--font-mono); font-size: 0.75rem; color: var(--faint); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 10px; }
.post-body { max-width: 680px; margin: 0 auto; text-align: left; }
.post-body h1, .post-body h2, .post-body h3 { letter-spacing: -0.02em; margin: 1.6em 0 0.6em; }
.post-body p { margin: 1em 0; color: var(--ink); }
.post-body a { color: var(--accent); text-decoration: underline; }
.post-body img { max-width: 100%; height: auto; border-radius: var(--radius); }
.post-body pre { background: var(--surface-2); padding: 16px; border-radius: var(--radius); overflow-x: auto; }
.back-link { display: block; max-width: 680px; margin: 0 auto 24px; color: var(--muted); font-size: 0.9rem; }
.back-link:hover { color: var(--ink); }