/* 타코베베 블로그 공통 스타일 — 메인(index.html)과 같은 톤 */
:root {
  --bg: #FFFFFF;
  --ink: #161616;
  --sub: #3A3A37;
  --muted: #767370;
  --line: #EFEDE8;
  --box: #F7F5EE;
  --olive: #D1D798;
  --olive-ink: #2E3517;
  --accent: #666C34;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #161615;
    --ink: #EEEAE0;
    --sub: #D3CFC5;
    --muted: #A3A39D;
    --line: #2C2C2A;
    --box: #232320;
    --accent: #C3CA85;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  font-size: 14px;
  line-height: 1.65;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 480px; margin: 0 auto; padding: 32px 18px 48px; }
header.site a { text-decoration: none; color: var(--muted); font-size: 12px; font-weight: 300; }
h1 { font-size: 20px; font-weight: 500; letter-spacing: -0.03em; margin: 8px 0 4px; line-height: 1.4; }
.meta { font-size: 12px; font-weight: 300; color: var(--muted); }
.lead { margin: 18px 0 0; font-size: 13.5px; font-weight: 300; color: var(--sub); word-break: keep-all; }
h2 { font-size: 16px; font-weight: 500; letter-spacing: -0.02em; margin: 30px 0 8px; }
p { font-weight: 300; color: var(--sub); word-break: keep-all; }
a.inline { color: var(--accent); }
blockquote.rv {
  margin: 14px 0; padding: 13px 15px;
  background: var(--box); border-radius: 8px; border: 0;
}
blockquote.rv p { margin: 0; font-size: 13.5px; color: var(--ink); font-weight: 300; }
blockquote.rv footer { margin-top: 7px; font-size: 11.5px; font-weight: 300; color: var(--muted); }
.note { margin-top: 26px; padding: 12px 14px; background: var(--box); border-radius: 8px; font-size: 12px; font-weight: 300; color: var(--muted); word-break: keep-all; }
.cta { margin-top: 24px; display: flex; flex-direction: column; gap: 7px; }
.cta a { display: block; text-align: center; padding: 12px 0; border-radius: 3px; font-size: 13px; text-decoration: none; font-weight: 400; background: var(--box); color: var(--ink); }
.cta a.main { background: var(--olive); color: var(--olive-ink); }
footer.site { margin-top: 34px; font-size: 11.5px; font-weight: 300; color: var(--muted); }
footer.site a { color: var(--accent); text-decoration: none; }
/* 목록 페이지 */
ul.posts { margin: 22px 0 0; padding: 0; list-style: none; }
ul.posts li { border-bottom: 1px solid var(--line); }
ul.posts a { display: block; padding: 14px 2px; text-decoration: none; color: var(--ink); }
ul.posts .t { font-size: 14.5px; font-weight: 500; line-height: 1.4; }
ul.posts .d { margin-top: 4px; font-size: 12px; font-weight: 300; color: var(--muted); }