.blog-post-page{background:var(--ink);color:var(--white);min-height:100vh}.blog-post-main{padding:80px 0 120px}.blog-post-shell{max-width:860px}.blog-post-back{min-height:40px;color:var(--soft-grey);align-items:center;gap:8px;margin-bottom:40px;font-size:14px;display:inline-flex}.blog-post-back img{transform:rotate(180deg)}.blog-post-back:hover,.blog-post-end>a:hover{text-underline-offset:5px;text-decoration:underline}.blog-post-back:focus-visible,.blog-post-body a:focus-visible,.blog-post-end>a:focus-visible{outline:2px solid var(--violet);outline-offset:5px;border-radius:2px}.blog-post-shell h1{letter-spacing:-2px;text-wrap:balance;margin:20px 0 28px;font-size:clamp(48px,6vw,80px);line-height:1.04}.blog-post-meta{color:var(--soft-grey);flex-wrap:wrap;gap:8px 24px;font-size:14px;line-height:1.5;display:flex}.blog-post-description{max-width:680px;color:var(--soft-grey);margin-top:28px;font-size:24px;line-height:1.35}.blog-post-body{border-top:1px solid var(--hard-grey);max-width:680px;color:var(--soft-grey);overflow-wrap:break-word;margin-top:56px;padding-top:40px;font-size:18px;line-height:1.75}.blog-post-body a{color:var(--white);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.blog-post-body a:hover{color:var(--violet)}.blog-post-body p+p{margin-top:24px}.blog-post-body section+section{margin-top:56px}.blog-post-body h2{letter-spacing:-1px;color:var(--white);margin:0 0 20px;font-size:30px;line-height:1.15}.blog-post-page--letter .blog-post-shell{max-width:760px}.blog-post-page--letter .blog-post-shell h1{font-size:clamp(44px,5vw,68px)}.blog-post-page--letter .blog-letter-cover{aspect-ratio:16/9;margin-top:40px}.blog-post-page--letter .blog-post-body{border:0;max-width:680px;margin:48px auto 0;padding-top:0}.blog-post-body p.blog-letter-chapter{border-top:1px solid var(--hard-grey);margin-top:48px;padding-top:40px}.blog-post-end{border-top:1px solid var(--hard-grey);justify-content:space-between;align-items:center;gap:24px;max-width:680px;margin:56px auto 0;padding-top:24px;font-size:14px;display:flex}.blog-post-end .blog-post-back{margin:0}.blog-post-end>a{align-items:center;min-height:40px;display:inline-flex}@media (max-width:700px){.blog-post-main{padding:40px 0 72px}.blog-post-back{margin-bottom:24px}.blog-post-shell h1{font-size:clamp(36px,8vw,52px)}.blog-post-page--letter .blog-post-shell h1{font-size:clamp(38px,9vw,52px)}.blog-post-description{font-size:20px}.blog-post-body{font-size:17px}.blog-post-page--letter .blog-letter-cover{aspect-ratio:4/3;margin-top:32px}.blog-post-page--letter .blog-post-body{margin-top:36px}}