/* 블로그 — legal.css 위에 얹는 목록·본문 스타일 (ops/blog-plan.md 4절). 핑크 없음, 글자 13/15/17/18/24, 간격 4의 배수, 모서리 8(칩)·12(블록). */
.blog-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 8px 0 0 -8px; font-size: 13px; color: var(--text-3); } /* -8 = 첫 탭 패딩 상쇄, h1 과 왼쪽 정렬 */
.blog-nav a, .blog-nav strong { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 8px; text-decoration: none; }
.blog-nav a { color: var(--text-3); }
.blog-nav a:hover { color: var(--text); }
.blog-nav strong { color: var(--text); font-weight: 600; }

.post-list { list-style: none; padding: 0; margin: 8px 0 0; }
.post-list li { margin: 0; border-bottom: 1px solid var(--border); }
.post-list li:last-child { border-bottom: none; }
.post-list a { display: block; padding: 20px 0; color: var(--text); text-decoration: none; } /* 항목 전체가 링크 — 터치 영역 44 이상 */
.post-list a:hover .post-title { text-decoration: underline; }
.post-title { display: block; font-size: 17px; font-weight: 600; line-height: 1.5; }
.post-summary { display: block; margin: 4px 0 8px; font-size: 15px; color: var(--text-2); }
.post-meta, .meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; font-weight: 400; color: var(--text-3); }
.tag { display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border-radius: 8px; background: var(--surface-strong); color: var(--text-2); font-size: 13px; }

.post { padding-top: 8px; }
.post p { color: var(--text); }
.post pre { margin: 12px 0 20px; padding: 16px; border-radius: 12px; background: var(--surface-strong); overflow-x: auto; font-size: 13px; line-height: 1.6; }
.post pre code { padding: 0; background: none; }
.post figure { margin: 16px 0 20px; }
.post img { display: block; max-width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--border); }
.post figcaption { margin-top: 8px; font-size: 13px; color: var(--text-3); }
.post blockquote { margin: 12px 0 16px; padding-left: 16px; border-left: 2px solid var(--border); color: var(--text-2); }
.post hr { margin: 32px 0; border: 0; border-top: 1px solid var(--border); }
.post td { font-variant-numeric: tabular-nums; }
.post > p:last-child > a:only-child { display: inline-flex; align-items: center; min-height: 44px; } /* 글 끝 CTA 링크 */
.post h2 { margin-top: 40px; }
.post-footer { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--border); font-size: 13px; }
.post-footer a { display: inline-flex; align-items: center; min-height: 44px; color: var(--text-2); }
.related a { display: inline-flex; align-items: center; min-height: 44px; } /* 푸터 링크 터치 영역 (legal.css 공용 규칙은 정책 페이지 재검수와 함께 고친다) */