:root{--readw: 720px}.blog .container.reading{max-width:var(--readw)}.blog-container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.blog-container.reading{max-width:var(--readw)}.page-head{padding:52px 0 8px}.page-head h1{font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 10px}.page-head p{color:var(--text-dim);max-width:60ch;margin:0}.post-list{list-style:none;padding:0;margin:36px 0 60px;display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.post-item{background:var(--bg-raised);padding:22px 24px}.post-item:hover{background:var(--bg-inset)}.post-item h2{font-size:1.15rem;margin:0 0 6px}.post-item h2 a{color:var(--text)}.post-item h2 a:hover{color:var(--accent-bright);text-decoration:none}.post-item p{color:var(--text-dim);margin:0 0 10px;font-size:.95rem}.post-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:var(--font-mono);font-size:.76rem;color:var(--text-faint)}.post-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);background:var(--bg-inset);border:1px solid var(--border-bright);border-radius:5px;padding:1px 7px}a.post-tag:hover{color:var(--accent-bright);text-decoration:none;border-color:var(--accent-dim)}.post-header{padding:52px 0 0}.post-header h1{font-size:clamp(1.9rem,4vw,2.5rem);margin:0 0 12px}.post-header .post-meta{margin-bottom:8px}.post-lead{color:var(--text-dim);font-size:1.05rem;margin:0}.post-body.prose{padding:28px 0 56px}.post-body.prose :is(h2,h3,h4)[id]{scroll-margin-top:80px}.post-footer{border-top:1px solid var(--border);padding:22px 0 0;margin-bottom:56px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}