/* pintbooks.com 공개 페이지 공용 스타일. 앱(src/styles/theme.ts)과 같은 색을 쓰고, 시스템 설정에 따라 라이트·다크가 바뀐다 */
:root {
  --background: #f2f2f4;
  --text: #262628;
  --muted: #6b6b70;
  --border: #e4e4e8;
  --raised: #e9e9ec;
  color-scheme: light dark;
  font-family: system-ui, -apple-system, "Apple SD Gothic Neo", sans-serif;
  line-height: 1.6;
  color: var(--text);
  background: var(--background);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #000000;
    --text: #ffffff;
    --muted: #9a9aa0;
    --border: #26272b;
    --raised: #2e2f34;
  }
}

body {
  margin: 0;
}

.page {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 16px 64px;
}

header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--border);
  margin-bottom: 32px;
}

header .logo {
  font-weight: 700;
  color: inherit;
  text-decoration: none;
  margin-right: auto;
}

/* 좁으면 메뉴가 낱말 중간이 아니라 항목 단위로 다음 줄로 넘어간다 */
nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

nav a {
  white-space: nowrap;
  padding: 6px 10px;
  border-radius: 8px;
  color: var(--muted);
  text-decoration: none;
}

nav a[aria-current="page"] {
  background: var(--raised);
  color: var(--text);
  font-weight: 600;
}

h1 {
  font-size: 28px;
  margin: 0 0 16px;
}

.muted {
  color: var(--muted);
}