main.container{width:100%;max-width:860px}main{padding-top:64px;padding-bottom:96px}.blog-head h1{color:var(--white);letter-spacing:-1px;font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.08}.blog-head p{color:var(--muted);max-width:560px;margin-top:14px;font-size:15.5px;line-height:1.65}.posts{gap:14px;margin-top:40px;display:grid}.post-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);padding:24px 22px;text-decoration:none;transition:transform .2s,border-color .2s;display:block}.post-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.post-card .date{font-family:var(--mono);color:var(--dim);letter-spacing:1px;font-size:11px}.post-card h2{color:var(--white);letter-spacing:-.4px;margin-top:8px;font-size:20px;font-weight:700}.post-card p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.6}article.post{margin-top:8px}article.post .date{font-family:var(--mono);color:var(--dim);letter-spacing:1px;font-size:11px}article.post h1{color:var(--white);letter-spacing:-.9px;margin-top:10px;font-size:clamp(28px,3.6vw,40px);font-weight:700;line-height:1.12}article.post h2{color:var(--white);letter-spacing:-.4px;margin-top:36px;font-size:21px;font-weight:700}article.post p{color:var(--text);max-width:68ch;margin-top:16px;font-size:15.5px;line-height:1.75}article.post p.lead{color:var(--muted);font-size:16.5px}article.post ul{max-width:68ch;margin-top:16px;padding-left:22px}article.post li{color:var(--text);margin-top:6px;font-size:15px;line-height:1.7}article.post li::marker{color:var(--green)}article.post code{font-family:var(--mono);color:var(--green-soft);border:1px solid var(--border);background:#3dff7012;border-radius:6px;padding:1px 6px;font-size:13.5px}article.post .back{font-family:var(--mono);color:var(--green-soft);margin-top:44px;font-size:12.5px;text-decoration:none;display:inline-block}article.post .back:hover{color:var(--green)}