.post-hero{text-align:center;max-width:720px;margin:0 auto;padding:88px 0 48px}.post-hero .meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);font-size:12px}.post-hero h1{letter-spacing:-.028em;margin:24px 0;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.04}.post-hero .author{color:var(--ink-mute);justify-content:center;align-items:center;gap:12px;margin-top:28px;font-size:14px;display:flex}.post-hero .ava{background:var(--lime);width:36px;height:36px;color:var(--white);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.post-cover{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--paper-2);max-width:1080px;margin:24px auto 64px;overflow:hidden}.post-cover image-slot{width:100%;height:100%;display:block}.post-body{max-width:720px;margin:0 auto;padding-bottom:96px}.post-body p{color:var(--ink-soft);margin-bottom:24px;font-size:18px;line-height:1.65}.post-body h2{margin:48px 0 16px;font-size:28px}.post-body blockquote{border-left:3px solid var(--lime);background:var(--paper-2);font-family:var(--font-serif);color:var(--ink);border-radius:0 12px 12px 0;margin:32px 0;padding:20px 28px;font-size:22px;font-style:italic;line-height:1.4}.post-body code{font-family:var(--font-mono);background:var(--paper-2);border-radius:4px;padding:2px 6px;font-size:14px}.post-body ul{margin-bottom:24px;padding-left:22px}.post-body ul li{color:var(--ink-soft);margin-bottom:8px;font-size:18px;line-height:1.65}.post-cta{background:var(--ink);color:var(--paper);border-radius:var(--radius-lg);text-align:center;margin-top:56px;padding:40px}.post-cta h3{color:var(--white);margin-bottom:12px}.post-cta p{color:#f4f0e8bf;max-width:44ch;margin-bottom:24px;margin-left:auto;margin-right:auto}.related{background:var(--paper-2);padding:96px var(--pad-x)}.related h2{max-width:var(--maxw);margin-bottom:40px;margin-left:auto;margin-right:auto}.related-grid{max-width:var(--maxw);grid-template-columns:repeat(3,1fr);gap:24px;margin:0 auto;display:grid}.related-grid .card{background:var(--white);border-radius:var(--radius-lg);color:inherit;padding:24px;text-decoration:none;transition:transform .25s}.related-grid .card:hover{transform:translateY(-2px)}.related-grid .meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-mute);text-transform:uppercase;margin-bottom:8px;font-size:11px}.related-grid h3{letter-spacing:-.018em;font-size:18px;font-weight:600;line-height:1.25}@media (max-width:768px){.related-grid{grid-template-columns:1fr}.post-cta{padding:28px}}