/* 법적 페이지 공용 스타일 — 시세미리 web/static 형식을 그대로 옮긴 것.
   🔴 파일 하나로 모아 둔다. 페이지마다 <style> 을 복사해 두면 넷이 조용히 갈라진다.
   🔴 `color-scheme: light dark` 만 쓰고 색을 직접 적지 않는다 — 심사자가 어떤 모드로
      열지 모르는데, 한쪽 색만 박으면 반대 모드에서 흰 글씨에 흰 배경이 된다. */
:root { color-scheme: light dark; }

body {
  margin: 0 auto; padding: 2rem 1.25rem 4rem; max-width: 44rem; line-height: 1.75;
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  word-break: keep-all;
}
h1 { font-size: 1.5rem; margin-bottom: .25rem; }
h2 { font-size: 1.1rem; margin-top: 2.25rem; }
h3 { font-size: 1rem; margin-top: 1.5rem; }
.meta { color: #888; font-size: .85rem; margin-bottom: 1rem; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .95rem; }
th, td { border: 1px solid #8884; padding: .5rem .6rem; text-align: left; vertical-align: top; }
th { background: #8881; }
code { font-size: .9em; background: #8881; padding: .1rem .3rem; border-radius: .2rem; }
footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #8884; font-size: .85rem; color: #888; }
a { color: inherit; }

/* 언어 전환 — JS 없이도 최소한 한 언어는 보이도록 `.on` 을 마크업에 미리 박아 둔다.
   🔴 심사자 환경에서 JS 가 막혀도 페이지가 비면 안 된다 (00B §8: 로그인 없이 200). */
nav.langbar { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 2rem; }
nav.langbar button {
  font: inherit; font-size: .85rem; padding: .25rem .6rem; cursor: pointer;
  border: 1px solid #8886; border-radius: 999px; background: transparent; color: inherit;
}
nav.langbar button[aria-current="true"] { background: #8882; font-weight: 700; }
[data-lang] { display: none; }
[data-lang].on { display: block; }

/* 홈에서 쓰는 것들 */
.hero { margin: 0 0 2rem; }
.badges { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.25rem 0 0; }
.badges a {
  text-decoration: none; border: 1px solid #8886; border-radius: .5rem;
  padding: .5rem .9rem; font-size: .9rem;
}
ul.plain { padding-left: 1.1rem; }
ul.plain li { margin: .35rem 0; }