/* 안내 문서(/guide/, /en/guide/) 공용 스타일.
   두 페이지가 같은 블록을 복사해 두었더니 첫 커밋부터 한 줄이 어긋났다(영어판에 p·li 색
   규칙이 빠졌다). 언어마다 달라야 하는 것은 글꼴 스택 하나뿐이라, 그것만 --guide-font 로
   각 페이지가 정하고 나머지는 여기 한 곳에 둔다. */
:root {
  color-scheme: light dark;
  --fg: #14181f; --bg: #ffffff; --muted: #5b6472; --line: #e2e6ec; --link: #365fd9;
}
@media (prefers-color-scheme: dark) {
  :root { --fg: #e8ecf3; --bg: #14181f; --muted: #9aa4b2; --line: #2a3441; --link: #7d9dff; }
}
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0 20px 80px; color: var(--fg); background: var(--bg);
  font-family: var(--guide-font, system-ui, sans-serif);
  line-height: 1.75; font-size: 16px;
}
.wrap { max-width: 720px; margin: 0 auto; }
header {
  display: flex; align-items: center; padding: 24px 0;
  border-bottom: 1px solid var(--line); margin-bottom: 40px;
}
header a { font-weight: 700; font-size: 1.05rem; color: var(--fg); text-decoration: none; }
/* 언어 전환은 헤더 우측 끝. 푸터에 두면 글 전체를 스크롤해야 보여, 검색으로 들어온
   영어권 방문자가 첫 화면에서 찾지 못한다(랜딩에서 같은 이유로 옮긴 적이 있다). */
header .lang {
  margin-left: auto; font-weight: 650; font-size: 0.9375rem;
  color: var(--link); text-decoration: none;
}
h1 { font-size: 1.75rem; line-height: 1.35; margin: 0 0 12px; letter-spacing: -0.01em; }
h2 { font-size: 1.2rem; margin: 44px 0 12px; letter-spacing: -0.01em; }
h3 { font-size: 1rem; margin: 28px 0 8px; }
p, li { color: var(--fg); }
.lead { color: var(--muted); margin: 0 0 8px; }
a { color: var(--link); }
ol, ul { padding-left: 22px; }
li { margin: 6px 0; }
.cta {
  display: inline-block; margin: 20px 0 8px; padding: 14px 24px; border-radius: 12px;
  color: #ffffff; background: var(--link); text-decoration: none; font-weight: 700;
}
.note { color: var(--muted); font-size: 0.9375rem; }
footer {
  margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--line);
  color: var(--muted); font-size: 0.9rem;
}