/* Extends /tools/tools.css with blog-specific layout — loaded after it. */

.post-list{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.post-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;text-decoration:none;color:inherit}
.post-card:hover{border-color:var(--green);text-decoration:none}
.post-card h2{margin:4px 0 8px;font-size:20px}
.post-card p{margin:0;color:var(--ink-2)}
.post-date{font-size:13px;color:var(--ink-3,#8a93a6);font-weight:600}

.post-body{font-size:17px;line-height:1.8;color:var(--ink)}
.post-body h2{margin:32px 0 12px;font-size:22px}
.post-body h3{margin:24px 0 10px;font-size:19px}
.post-body p{margin:0 0 16px}
.post-body ul,.post-body ol{margin:0 0 16px;padding-left:22px}
.post-body li{margin:6px 0}
.post-body blockquote{margin:0 0 16px;padding:2px 18px;border-left:3px solid var(--green);color:var(--ink-2)}
.post-body img{max-width:100%;border-radius:10px}
.post-body code{background:#f1f3f6;padding:2px 6px;border-radius:5px;font-size:15px}
.post-body pre{background:#1c2430;color:#e8ebf0;padding:16px 18px;border-radius:10px;overflow-x:auto}
.post-body pre code{background:none;padding:0}