.blog-post-page{background:var(--ink);color:var(--white);min-height:100vh}.blog-post-main{padding:80px 0 120px}.blog-post-shell{max-width:760px}.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(44px,5vw,68px);line-height:1.04}.blog-post-meta{color:var(--soft-grey);flex-wrap:wrap;align-items:center;gap:8px 24px;font-size:14px;line-height:1.5;display:flex}.blog-post-author{align-items:center;gap:10px;display:inline-flex}.blog-post-author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.blog-post-cover{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;height:auto;margin-top:40px;display:block}.blog-post-body{max-width:680px;color:var(--soft-grey);overflow-wrap:break-word;margin:48px auto 0;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 :is(p,ul,ol,.blog-post-table-scroll)+:is(p,ul,ol){margin-top:24px}.blog-post-body section+section{margin-top:56px}.blog-post-body h2{letter-spacing:-1px;color:var(--white);margin:56px 0 20px;font-size:30px;line-height:1.15}.blog-post-body h2:first-child{margin-top:0}.blog-post-body h3{letter-spacing:-.5px;color:var(--white);margin:32px 0 16px;font-size:23px;font-weight:500;line-height:1.3}.blog-post-body ul{padding-left:1.25em;list-style:outside}.blog-post-body ol{padding-left:1.4em;list-style:decimal}.blog-post-body li+li,.blog-post-body li>:is(ul,ol){margin-top:16px}.blog-post-body strong{color:var(--white);font-weight:600}.blog-post-body code{color:var(--white);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:.9em}.blog-post-body .qa-box{border:1px solid #ffffff26;border-left:3px solid var(--violet);background:#ffffff05;border-radius:0 12px 12px 0;margin-bottom:40px;padding:24px}.blog-post-body .qa-box>:first-child{letter-spacing:normal;color:var(--white);margin:0 0 12px;font-size:13px;font-weight:500;line-height:1.5}.blog-post-body .qa-box>p+p{margin-top:12px}.blog-post-table-scroll{overscroll-behavior-x:contain;border:1px solid #ffffff26;border-radius:8px;margin:32px 0;overflow-x:auto}.blog-post-table-scroll:focus-visible{outline:2px solid var(--violet);outline-offset:4px}.blog-post-body table{border-collapse:collapse;width:100%;min-width:540px;font-size:16px;line-height:1.5}.blog-post-body :is(th,td){text-align:left;vertical-align:top;padding:16px}.blog-post-body th{color:var(--white);background:#ffffff08;font-weight:500}.blog-post-body tr+tr,.blog-post-body tbody{border-top:1px solid #ffffff26}.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(38px,9vw,52px)}.blog-post-cover{border-radius:8px;margin-top:32px}.blog-post-body{margin-top:36px;font-size:17px}.blog-post-body .qa-box{padding:20px}}.blog-post-body--essay>*+*{margin-top:24px}.blog-post-body--essay>h2{margin-top:56px;margin-bottom:0}
