/* devlog/blog.css — CHIP! CHIP! 개발일지 공용 스타일 (about.html 디자인 토큰 계승) */
:root {
  --paper:#F3E9D7; --ink:#33261A; --cream:#FBF4E6;
  --teal:#1F7A72; --orange:#E4572E; --mustard:#EDAA3C; --sub:#6b5947;
}
* { box-sizing: border-box; }
body {
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"Helvetica Neue", Arial, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  line-height:1.7; -webkit-font-smoothing:antialiased;
}
.wrap { max-width:760px; margin:0 auto; padding:32px 22px 80px; }

header.site { border-bottom:3px solid var(--ink); padding-bottom:16px; margin-bottom:8px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:800; font-size:20px; letter-spacing:-0.5px; text-decoration:none; color:var(--ink); }
.chips { display:inline-flex; }
.chips i { width:16px; height:16px; border-radius:4px; border:2px solid var(--ink); display:inline-block; }
.chips i:nth-child(1){ background:#1F7A72 } .chips i:nth-child(2){ background:#EDAA3C; margin-left:-6px } .chips i:nth-child(3){ background:#E4572E; margin-left:-6px }
nav.site { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:12px; font-size:14px; font-weight:700; }
nav.site a { color:var(--teal); text-decoration:none; }
nav.site a[aria-current] { color:var(--orange); text-decoration:underline; }

h1 { font-size:30px; line-height:1.25; margin:26px 0 6px; }
h2 { font-size:21px; margin:34px 0 8px; }
h3 { font-size:17px; margin:24px 0 4px; }
p { margin:12px 0; }
a { color:var(--teal); }
ul, ol { padding-left:22px; }
li { margin:5px 0; }
strong { font-weight:800; }
em { font-style:normal; background:linear-gradient(transparent 62%, #EDAA3C88 62%); padding:0 1px; }
code { font-family:"IBM Plex Mono", ui-monospace, monospace; background:var(--cream); border:1px solid #e3d4b6; border-radius:4px; padding:1px 5px; font-size:0.9em; }
.meta { color:var(--sub); font-size:13px; margin:0; }
.lead { font-size:17px; color:#4a3a29; }
.lang-sep { margin:52px 0 0; border:none; border-top:2px dashed var(--sub); }
blockquote { margin:16px 0; padding:8px 0 8px 16px; border-left:4px solid var(--teal); color:#4a3a29; }

/* 글 목록 (devlog 홈) */
.posts { list-style:none; padding:0; margin:20px 0 0; }
.post-card { border:3px solid var(--ink); background:var(--cream); border-radius:10px; box-shadow:5px 5px 0 var(--ink); padding:18px 20px; margin:0 0 22px; }
.post-card a.post-title { display:block; font-size:22px; font-weight:800; text-decoration:none; color:var(--ink); line-height:1.3; }
.post-card a.post-title:hover { color:var(--orange); }
.post-card .excerpt { margin:8px 0 0; color:#4a3a29; }
.post-card .readmore { display:inline-block; margin-top:10px; font-weight:800; color:var(--teal); text-decoration:none; }

/* 글 내비 (이전/다음, 목록으로) */
.postnav { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; margin:44px 0 0; padding-top:18px; border-top:2px solid var(--ink); font-weight:700; font-size:14px; }
.postnav a { color:var(--teal); text-decoration:none; }

.cta { display:inline-block; margin:26px 0 0; font-weight:800; font-size:18px; text-decoration:none;
  color:var(--cream); background:var(--orange); border:3px solid var(--ink); border-radius:10px;
  padding:12px 26px; box-shadow:5px 5px 0 var(--ink); }
footer.site { margin-top:44px; color:var(--sub); font-size:13px; }