/* 앱과 같은 크림/브라운 톤. 폰트는 시스템 기본 — 웹까지 픽셀 폰트를 끌고 오면 읽기 힘들다. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 24px 20px 64px;
  background: #FFF5E8;
  color: #3A1F00;
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
    "Malgun Gothic", "Noto Sans KR", sans-serif;
  line-height: 1.75;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}
main { max-width: 720px; margin: 0 auto; }
h1 { font-size: 1.6rem; margin: 0 0 4px; }
h2 { font-size: 1.15rem; margin: 32px 0 8px; }
.updated { color: #8A6A44; font-size: 0.9rem; margin: 0 0 28px; }
.lead {
  background: #FFE5C6;
  border: 2px solid #3A1F00;
  border-radius: 6px;
  padding: 14px 16px;
  margin: 0 0 24px;
}
table { width: 100%; border-collapse: collapse; margin: 8px 0 16px; display: block; overflow-x: auto; }
th, td { border: 1px solid #D8BE97; padding: 8px 10px; text-align: left; font-size: 0.95rem; }
th { background: #FFE5C6; white-space: nowrap; }
a { color: #1F8A6E; }
.lang { text-align: right; margin: 0 0 8px; font-size: 0.9rem; }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid #D8BE97; font-size: 0.9rem; color: #8A6A44; }
footer a { margin-right: 14px; }
@media (prefers-color-scheme: dark) {
  body { background: #1C1726; color: #F1E7D6; }
  .lead { background: #2A2436; border-color: #5A4E72; }
  th { background: #2A2436; }
  th, td { border-color: #5A4E72; }
  .updated, footer { color: #B9AC97; }
  footer { border-top-color: #5A4E72; }
}