/* Legal pages (privacy, terms, data deletion): a sheet of paper on the kraft desk. */
:root { --kraft: #C9A77C; --paper: #FFFDF5; --brown: #3B2614; --tomato: #E4572E; --teal: #2E86AB; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--kraft); color: var(--brown); font: 16px/1.6 system-ui, -apple-system, 'Segoe UI', sans-serif; }
main { max-width: 760px; margin: 24px auto; padding: 28px 24px 32px; background: var(--paper); box-shadow: 2px 8px 18px rgba(59, 38, 20, 0.3); }
@media (max-width: 800px) { main { margin: 0; min-height: 100vh; box-shadow: none; } }
h1 { margin: 0 0 4px; font-size: 30px; line-height: 1.2; }
h2 { margin: 26px 0 6px; font-size: 19px; color: var(--tomato); }
.updated { margin: 0 0 18px; font-size: 14px; opacity: 0.7; }
a { color: var(--teal); }
table { width: 100%; border-collapse: collapse; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 6px 8px; border-bottom: 1px solid rgba(59, 38, 20, 0.15); }
th { background: rgba(59, 38, 20, 0.05); }
.todo { background: #FFE27A; padding: 0 3px; }
.note { padding: 10px 14px; background: rgba(46, 134, 171, 0.1); border-left: 4px solid var(--teal); }
nav { margin-top: 28px; padding-top: 12px; border-top: 1px dashed rgba(59, 38, 20, 0.3); font-size: 14px; }
nav a { margin-right: 14px; }