/* 홈·개인정보처리방침·404. 흰 바탕(사용자 2026-10-31, 브랜드 종이색 대신), 먹 글자, 로고 색 판은 밝은 바탕에서만.
   색·글자·간격 값과 바탕(Pretendard, 제목 600, 링크, 키보드 테두리)은 화면 규칙 ui.css(.sj, 정본은 스튜디오
   library/brands/sanijini/ui/UI.md, brand:sync로 복사)에서 오고, 여기는 쪽 짜임만 둔다. 도현·Space 글꼴은 쓰지 않는다 */
@font-face { font-family: 'Pretendard'; src: url('/assets/fonts/pretendard.woff2') format('woff2-variations'); font-weight: 100 900; font-display: swap; }

/* 홈: 사니지니 로고 하나 */
.home { display: grid; grid-template-rows: 1fr auto; min-height: 100vh; }
.home main { display: grid; place-items: center; padding: 48px var(--sj-gutter); }
.home .logo { margin: 0; width: min(560px, 78vw); line-height: 0; }
.home .logo svg { width: 100%; height: auto; display: block; }
.home footer { display: flex; justify-content: center; gap: 22px; padding: 20px var(--sj-gutter) 28px; font-size: 14px; color: var(--sj-quiet); }

/* 글 쪽 (개인정보처리방침·404): 위에 로고, 큰 제목 28·절 제목 20(ui.css), 본문·표 16 */
.page main { max-width: 760px; margin: 0 auto; padding: var(--sj-48) var(--sj-gutter); }
.page p { margin: var(--sj-16) 0; }
.page h1 { margin: var(--sj-32) 0 var(--sj-24); }
.page h2 { margin: var(--sj-32) 0 var(--sj-8); }
.page ul { padding-left: var(--sj-24); }
.page code { font: inherit; }
.page table { width: 100%; border-collapse: collapse; }
.page table + table { margin-top: var(--sj-24); }
.page tbody th { width: 32%; font-weight: var(--sj-regular); color: var(--sj-quiet); }
.page th, .page td { text-align: left; vertical-align: top; padding: var(--sj-8) var(--sj-12); border-bottom: 1px solid var(--sj-rule); }
.page button.link { background: none; border: 0; padding: 0; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; cursor: pointer; }
.page button.link:hover { color: var(--sj-focus); }
.page .brand { display: inline-block; color: var(--sj-ink); }
.page .brand svg { height: 24px; width: auto; display: block; }