body.blog-page,body.post-page{background:var(--bg-page,#0c0c0c);flex-direction:column;min-height:100vh;display:flex}.blog-index,.post-main{width:min(720px,100% - 2.5rem);padding:calc(var(--nav-h) + 4.1rem) 0 3.25rem;box-sizing:border-box;flex:auto;margin:0 auto}.blog-index-list{flex-direction:column;gap:1.25rem;display:flex}.blog-index-list .blog-card{will-change:auto;height:auto;min-height:0;position:relative;transform:none}.blog-index .blog-kicker-row{margin-bottom:1.1rem}.blog-index .blog-all{color:#c8ced894}.post-kicker{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent-green);opacity:.9;margin:0 0 .85rem;font-size:.72rem}.post-title{letter-spacing:-.04em;color:#fff;margin:0 0 .7rem;font-size:clamp(1.7rem,4.4vw,2.45rem);font-weight:650;line-height:1.18}.post-meta{font-family:var(--font-mono);letter-spacing:.04em;color:#b4bac4b8;align-items:center;gap:.4rem;margin:0 0 .85rem;font-size:.72rem;display:flex}.post-tags{margin:0 0 1.35rem}.post-cover{margin:0 0 1.75rem}.post-cover-img,.post-img{background:#12141a;border:1px solid #ffffff1a;border-radius:12px;width:100%;height:auto;display:block}.post-body{color:#e8eaedeb;font-size:1.02rem;line-height:1.75}.post-body>:first-child{margin-top:0}.post-body h1,.post-body h2,.post-body h3{letter-spacing:-.03em;color:#f2f4f7;margin:2rem 0 .7rem;font-weight:650;line-height:1.25}.post-body h1{font-size:1.45rem}.post-body h2{font-size:1.22rem}.post-body h3{font-size:1.05rem}.post-body p{margin:0 0 1.05rem}.post-body a{color:var(--accent);border-bottom:1px solid #e8c27a47;text-decoration:none}.post-body a:hover{color:#f0d39a;border-bottom-color:#e8c27ab3}.post-body ul,.post-body ol{margin:0 0 1.05rem;padding-left:1.2rem}.post-body li+li{margin-top:.28rem}.post-body blockquote{color:#c8ced8e0;border-left:2px solid #9fef0073;margin:0 0 1.15rem;padding:.15rem 0 .15rem .95rem}.post-body .post-pre,.post-body pre{font-family:var(--font-mono);color:#c8d6c4eb;background:#12141a;border:1px solid #ffffff1a;border-radius:10px;margin:0 0 1.15rem;padding:.9rem 1rem;font-size:.82rem;line-height:1.6;overflow-x:auto}.post-body code{font-family:var(--font-mono);font-size:.86em}.post-body p code{color:var(--accent);background:#ffffff0d;border-radius:4px;padding:.08em .35em}.post-body p:has(>img){margin:0 0 1.15rem}.post-body p:has(>img:nth-of-type(2)){grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.post-end{font-family:var(--font-mono);letter-spacing:.04em;color:#c8ced8b3;border-top:1px solid #ffffff14;justify-content:space-between;gap:1rem;margin:2.4rem 0 0;padding-top:1.1rem;font-size:.74rem;display:flex}.post-end a:hover{color:var(--accent)}.post-footer{width:min(720px,100% - 2.5rem);margin:0 auto;padding-top:1.25rem}.post-footer .content-wrap{width:100%}@media (width<=720px){.blog-index,.post-main{width:min(720px,100% - 1.6rem);padding-top:calc(var(--nav-h) + 3.4rem)}.post-footer{width:min(720px,100% - 1.6rem)}.post-body{font-size:.98rem}.post-body p:has(>img:nth-of-type(2)){grid-template-columns:1fr}}