.blog-page .page-head{--accent:#2f6bff}.post-list{gap:18px;margin-top:8px;display:grid}.post-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px 26px;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s;display:block}.post-card:hover{border-color:#e0e0e0;transform:translateY(-3px);box-shadow:0 18px 40px -24px #16181c4d}.post-card .post-date{color:var(--accent,var(--mute));text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700}.post-card h3{letter-spacing:-.02em;margin:8px 0;font-size:22px}.post-card p{color:var(--body);margin:0}.post-card .arr{color:var(--mute)}.post-article{max-width:720px;margin:0 auto}.post-article .post-meta{color:var(--mute);margin-bottom:28px;font-size:14px}.post-section{padding-top:72px;padding-bottom:104px}.post-body{color:var(--body);font-size:18px;line-height:1.75}.post-body>p:first-of-type{letter-spacing:-.01em;color:var(--ink);margin-bottom:28px;font-size:22px;line-height:1.6}.post-body h2{letter-spacing:-.02em;color:var(--ink);margin:48px 0 14px;font-size:26px}.post-body h3{color:var(--ink);margin:36px 0 12px;font-size:20px}.post-body p{margin:0 0 22px}.post-body ul,.post-body ol{margin:0 0 22px;padding-left:24px}.post-body li{margin:8px 0}.post-body a{color:#2f6bff;text-decoration:underline}.post-body code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:.9em}.post-body pre{color:#f6f6f5;background:#16181c;border-radius:12px;margin:0 0 18px;padding:18px;overflow:auto}.post-body pre code{color:inherit;background:0 0;border:none;padding:0}.post-body blockquote{border-left:3px solid var(--accent,#2f6bff);letter-spacing:-.01em;color:var(--ink);margin:32px 0;padding:6px 0 6px 24px;font-size:20px;line-height:1.55}.post-body img{border-radius:12px;max-width:100%;height:auto;margin:32px 0;display:block}.post-body .post-hero{aspect-ratio:1200/630;object-fit:cover;width:100%;margin:0 0 40px}.post-body figure{margin:32px 0}.post-body figcaption{color:var(--mute);text-align:center;margin-top:8px;font-size:14px}@media (max-width:640px){.post-section{padding-top:48px;padding-bottom:72px}.post-body{font-size:17px}.post-body>p:first-of-type{font-size:20px}.post-body h2{margin:40px 0 12px}}