/* blog index — ported from fieldbench-web-blog.html */
.wrap{max-width:760px}
.head{padding:56px 0 14px}
.head .kick{font-size:13px;color:var(--blue);font-weight:500}
.head h1{font-size:34px;font-weight:500;letter-spacing:-.02em;margin-top:12px}
.head p{font-size:14px;color:var(--pewter);margin-top:8px}
.post{display:block;border:1px solid var(--cloud);border-radius:12px;padding:22px 24px;margin-top:16px}
.post .meta{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--silver);display:flex;gap:12px;align-items:center}
.post .meta .draft{color:var(--pewter);background:var(--ash);border-radius:20px;padding:2px 9px;letter-spacing:.06em}
.post h2{font-size:19px;font-weight:500;margin-top:9px;letter-spacing:-.01em}
.post p{font-size:13.5px;color:var(--pewter);margin-top:7px;line-height:1.6}
.post .go{margin-top:12px;font-size:13px;color:var(--blue);font-weight:500}
.post.live:hover{border-color:var(--blue)}
.post.draft-card{background:var(--bg)}
.note{margin-top:26px;font-size:12.5px;color:var(--silver)}