/* 블로그 목록·글 전용(토큰만 사용). 기존 site.css 는 건드리지 않는다. */
.chips{display:flex;flex-wrap:wrap;gap:var(--s1);margin-bottom:var(--s4)}
.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--s2);border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;font-size:var(--fs-14);font-weight:var(--fw-600);background:var(--bg)}
.chip:hover{border-color:var(--brand);color:var(--brand-dark)}
.chip[aria-current="page"]{background:var(--brand);border-color:var(--brand);color:var(--on-color)}
.chip.off{color:var(--muted);background:var(--surface);cursor:default}
.empty{color:var(--muted);padding:var(--s6) 0}
.byline{display:flex;flex-wrap:wrap;gap:var(--s1);align-items:center;margin-top:var(--s2);color:var(--muted);font-size:var(--fs-14)}
.post-art .post-hero{margin:0 0 var(--s3)}
.post-art .post-hero img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r2)}
.post-art h3{margin:var(--s3) 0 var(--s1)}
.post-art p{margin-bottom:var(--s2)}
.post-art .tip{border-left:4px solid var(--brand);background:var(--surface);padding:var(--s2) var(--s3);border-radius:0 var(--r1) var(--r1) 0}
.post-art #ask .acts{display:grid;gap:var(--s1);margin:var(--s3) 0}
.post-art .rel-h{margin:var(--s6) 0 var(--s2)}
.post-art .posts.rel{grid-template-columns:1fr}
@media(min-width:768px){.post-art #ask .acts{display:flex}.post-art .posts.rel{grid-template-columns:repeat(2,1fr)}}