/* site-kit 기본값. Pico CSS 2.1.1 위에 얹는다. 다크·라이트는 Pico 가 prefers-color-scheme 와
   <html data-theme="light|dark"> 로 바꾼다. 브랜드 색은 css/pico.<색>.min.css 파일로 고른다(kit new --color).
   여기서는 한글 읽기·간격·의미 색만 정한다. 값이 더 필요하면 새 변수로 올리고 그 이름을 쓴다(hallmark 'locked tokens'). */
:root {
  --pico-font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", system-ui, sans-serif;
  --pico-line-height: 1.65;
  --kit-max: 760px;              /* 글 위주 화면의 본문 폭. 표·대시보드는 1100px 로 */
  --kit-ok: #2e8b57;
  --kit-warn: #b7791f;
  --kit-bad: #c53030;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --kit-ok: #4cc38a; --kit-warn: #e0b04f; --kit-bad: #f07070; }
}
[data-theme="dark"] { --kit-ok: #4cc38a; --kit-warn: #e0b04f; --kit-bad: #f07070; }

html, body { overflow-x: clip; }
body { word-break: keep-all; overflow-wrap: anywhere; }          /* 한글은 어절 단위로 줄바꿈 */
body > header.container, body > main.container, body > footer.container { max-width: var(--kit-max); }
h1, h2, h3 { font-style: normal; letter-spacing: -0.01em; }
h1 { font-size: 1.75rem; }
.brand { font-weight: 700; color: var(--pico-color); text-decoration: none; }
.lead { font-size: 1.1rem; color: var(--pico-muted-color); }
.dim { color: var(--pico-muted-color); font-size: 0.875em; }
.ok { color: var(--kit-ok); } .warn { color: var(--kit-warn); } .bad { color: var(--kit-bad); }
table { font-variant-numeric: tabular-nums; }
/* Pico 기본 칸 여백(좌우 1rem)은 폰에서 첫 열을 세 줄로 꺾는다(중고 PC 시세 시험, 11-06) → 좁힌다 */
th, td { padding-inline: 0.5rem; }
@media (max-width: 576px) { th, td { padding: 0.45rem 0.3rem; font-size: 0.94em; } }
.scroll { overflow-x: auto; }
footer.container { padding-block: 2rem 3rem; }