/* The privacy and help pages, written by the app's tools/pages/build.py and copied here. */
@font-face { font-family: "Instrument Sans"; src: url("fonts/InstrumentSans-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("fonts/InstrumentSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/InstrumentSerif-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }

:root {
  --oat: #F3EEE6; --surface: #FBF8F3; --ink: #221C18; --muted: #6F655B;
  --line: #E4DCD0; --espresso: #2B1D16; --crema: #8A6520;
  --sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Apple SD Gothic Neo", sans-serif;
  --serif: "Instrument Serif", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; padding: 28px 24px 96px; background: var(--oat); color: var(--ink); font: 17px/1.6 var(--sans); -webkit-font-smoothing: antialiased; }
main { max-width: 680px; margin: 0 auto; }
.home { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 36px; color: var(--ink); text-decoration: none; font-weight: 600; font-size: 18px; }
.home img { display: block; width: 30px; height: 30px; }
h1 { margin: 0 0 10px; font: 400 46px/1.08 var(--serif); letter-spacing: -0.01em; }
:lang(ko) { word-break: keep-all; }
:lang(ja) { line-break: strict; }
:lang(ko) h1 { font-family: var(--sans); font-weight: 600; font-size: 36px; }
h2 { margin: 40px 0 8px; font-size: 20px; font-weight: 600; }
p, li { color: var(--ink); }
.lede { margin: 0 0 32px; color: var(--muted); font-size: 19px; }
.card { margin: 24px 0; padding: 20px 24px; background: var(--surface); border: 1px solid var(--line); border-radius: 20px; }
.card p:first-child { margin-top: 0; } .card p:last-child { margin-bottom: 0; }
strong { font-weight: 600; }
a { color: var(--crema); }
footer { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
code { padding: 1px 6px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; font-size: 15px; }
.langs { margin: 0 0 28px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.langs strong { color: var(--ink); font-weight: 600; }
.langs a { color: var(--muted); }
@media (max-width: 600px) { body { padding: 20px 16px 72px; } h1 { font-size: 38px; } }