.post-shell { max-width: 760px; margin: 0 auto; padding: 7rem 1.5rem 6rem; position: relative; z-index: 1; }
.post-back { display: inline-flex; align-items: center; gap: .35rem; color: var(--ink-secondary); font-size: .9rem; text-decoration: none; margin-bottom: 2rem; }
.post-back:hover { color: var(--accent); }
.post-meta { color: var(--ink-secondary); font-size: .82rem; text-transform: uppercase; letter-spacing: .05em; margin-bottom: .6rem; display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.post-title { font-family: var(--font-display); font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; letter-spacing: -.02em; color: var(--ink); margin: 0 0 1rem; line-height: 1.15; }
.post-body { color: var(--ink); font-size: 1.075rem; line-height: 1.75; }
.post-body h2 { font-family: var(--font-display); font-size: 1.6rem; font-weight: 700; letter-spacing: -.01em; color: var(--ink); margin: 2.5rem 0 .9rem; }
.post-body h3 { font-family: var(--font-display); font-size: 1.25rem; font-weight: 700; color: var(--ink); margin: 2rem 0 .7rem; }
.post-body p { margin: 0 0 1.2rem; color: var(--ink-secondary); }
.post-body ul, .post-body ol { margin: 0 0 1.4rem; padding-left: 1.4rem; color: var(--ink-secondary); }
.post-body li { margin: 0 0 .55rem; }
.post-body a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.post-body strong { color: var(--ink); }
.post-body code { background: var(--surface-raised); padding: .15rem .35rem; border-radius: 4px; font-size: .92em; }
.post-body blockquote { border-left: 3px solid var(--accent); padding-left: 1rem; color: var(--ink-secondary); margin: 1.5rem 0; font-style: italic; }