/* Dragon Feast: Food Sort sites: shared styles for the privacy, 404 and placeholder pages. No external requests,
   system fonts only. Warm cream and terracotta with a mint header strip, in step with the game's pastel palette
   (hatch-and-sort/docs/ART_DIRECTION.md: cream, mint, peach, lavender). */
:root { --bg: #fff8ee; --ink: #3a2f2a; --muted: #7a6a60; --line: #ead9c4; --accent: #c2602f; --card: #fffdf8; --strip: #cfeedd; --warn: #fde7c8; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #231d19; --ink: #f1e6da; --muted: #b9a999; --line: #3d332c; --accent: #f0955f; --card: #2b241f; --strip: #26402f; --warn: #4a3720; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.site-header { background: var(--strip); border-bottom: 1px solid var(--line); padding: 12px 16px; }
.site-header a { display: block; max-width: 760px; margin: 0 auto; color: var(--ink); font-weight: 700; text-decoration: none; }
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { font-size: 2rem; margin: 0 0 4px; line-height: 1.2; }
h2 { font-size: 1.25rem; margin: 2.2em 0 .5em; padding-top: .4em; border-top: 1px solid var(--line); }
a { color: var(--accent); }
.sub { color: var(--muted); margin: 0 0 1.5em; }
.todo { background: var(--warn); padding: 0 .3em; border-radius: 4px; color: var(--ink); }
nav.toc { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 12px 20px; margin: 1.2em 0; }
nav.toc ol { margin: .4em 0; padding-left: 1.2em; }
.table { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: .94rem; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px; border: 1px solid var(--line); }
th { background: var(--card); }
ul { padding-left: 1.2em; }
footer { margin-top: 3em; color: var(--muted); font-size: .9rem; }
:target { scroll-margin-top: 12px; }