/* Public documents (privacy · terms · refund), 2026-10-02.
   Loaded after each page's own <style>, so these rules win. They give the
   documents the homepage's paper, ink and type, make links readable
   (the orange #FF6A2C on paper was 2.2–2.7:1; #C2410C is 5.2:1), and set
   numbers in Pretendard's tabular figures instead of a Latin-only monospace
   that left Hangul to a system fallback. No text changes. */

:root {
  --color-ivory: #FBFAF8;
  --color-hanji: #EFE7DC;
  --color-charcoal: #141414;
  --doc-link: #C2410C;
  --doc-ink-2: #4B4744;
  --doc-ink-3: #6E6761;
  --doc-line: #ECE7E0;
}

body {
  background: #FBFAF8; color: #141414;
  font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.doc { padding-top: 64px; }
.doc h1 { letter-spacing: -0.045em; }
.doc h2 { letter-spacing: -0.035em; }
.doc .lead { color: var(--doc-ink-2); }

/* Numbers and stamps: tabular Pretendard, not a monospace fallback. */
.meta, .doc code, td.num, .calc .amt, .doc-foot, .formula {
  font-family: inherit; font-variant-numeric: tabular-nums;
}
.meta { color: var(--doc-ink-3); font-size: 12.5px; }
.doc-foot { color: var(--doc-ink-3); }

/* Links: readable on paper and on the hanji boxes. */
.doc a { color: var(--doc-link); text-decoration: underline; text-decoration-color: rgba(194, 65, 12, .35); text-underline-offset: 3px; }
.doc a:hover { text-decoration-color: currentColor; }
.doc .doc-top a, .doc .doc-top a.home { color: var(--color-charcoal); text-decoration: none; }
.doc .toc a { color: #2C2926; text-decoration: none; }
.doc .toc a:hover { color: var(--doc-link); text-decoration: underline; }
.doc-foot a { color: var(--doc-ink-2); }

/* Language switch: the same ink pill as the homepage's toggle. */
.langbar { background: #F1ECE6; }
.langbar button { color: var(--doc-ink-2); }
.langbar button[aria-pressed="true"] { background: #141414; color: #fff; }

:focus-visible { outline: 2px solid #FF6A2C; outline-offset: 3px; border-radius: 6px; }

/* Moving between the homepage and these pages cross-fades (same origin). */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: .2s ease both doc-vt-out; }
::view-transition-new(root) { animation: .4s cubic-bezier(.16, 1, .3, 1) both doc-vt-in; }
@keyframes doc-vt-out { to { opacity: 0; } }
@keyframes doc-vt-in { from { opacity: 0; transform: translateY(10px); } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}