/* Paper pages for privacy and terms. Same tokens as the app: cream paper, ink, Caveat for the voice, Plex Mono for small print. */
html { background: #221c15; }
body { margin: 0; min-height: 100vh; font-family: Georgia, serif; color: #2e2318; background: #221c15; display: flex; justify-content: center; padding: 28px 16px 60px; box-sizing: border-box; }
.sheet { background: #f2ead6; border: 1.5px solid rgba(51,41,31,0.6); box-shadow: 0 22px 60px rgba(8,5,2,0.6); width: 100%; max-width: 720px; padding: 44px 52px 40px; box-sizing: border-box; transform: rotate(-0.3deg); animation: up 0.9s ease both; }
@keyframes up { from { opacity: 0; transform: rotate(-0.3deg) translateY(16px); } to { opacity: 1; transform: rotate(-0.3deg); } }
.back { font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.09em; color: #a08e73; text-decoration: none; }
.back:hover { color: #2e2318; }
h1 { font-family: Caveat, cursive; font-size: 52px; font-weight: 600; line-height: 1; margin: 14px 0 6px; }
.sub { font-family: Caveat, cursive; font-size: 23px; color: #7a6a54; margin: 0 0 10px; }
.date { font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; letter-spacing: 0.06em; color: #a08e73; margin: 0 0 26px; }
.short { border-top: 1.5px solid rgba(51,41,31,0.35); border-bottom: 1.5px solid rgba(51,41,31,0.35); padding: 16px 0; margin: 0 0 26px; }
.short p { font-family: Caveat, cursive; font-size: 24px; line-height: 1.35; margin: 0 0 6px; }
.short p:last-child { margin: 0; }
h2 { font-family: Caveat, cursive; font-size: 30px; font-weight: 600; margin: 28px 0 8px; line-height: 1.1; }
p, li { font-size: 16px; line-height: 1.65; color: #4a3f30; }
p { margin: 0 0 12px; }
ul { margin: 0 0 12px; padding-left: 22px; }
li { margin: 0 0 6px; }
.note { font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; line-height: 1.7; color: #a08e73; border-top: 1px solid rgba(51,41,31,0.15); padding-top: 14px; margin-top: 30px; }
a { color: #b5442f; text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; }
strong { color: #2e2318; }
@media (max-width: 600px) {
  body { padding: 12px 10px 40px; }
  .sheet { padding: 26px 22px 24px; transform: none; animation: none; }
  h1 { font-size: 40px; }
  .short p { font-size: 21px; }
  h2 { font-size: 26px; }
  p, li { font-size: 15px; }
}