/* WY.GONE — shared stylesheet for static SEO/content pages (/about,
   /how-it-works, /living-artwork, /digital-art, /provenance, /privacy,
   /legal). Same palette/type tokens as the living-masterpiece page —
   deliberately plainer layout, this is reading material, not the
   artwork itself. */
:root {
  --canvas: #fffefa; --canvas-soft: #faf8f3; --line: #e9e5dd;
  --text: #151412; --muted: #7d7870; --accent: #a9784f;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: var(--canvas); color: var(--text); font-family: Arial, Helvetica, sans-serif; line-height: 1.65; }
.wrap { max-width: 720px; margin: 0 auto; padding: 0 24px; }
header.site { padding: 40px 0 24px; border-bottom: 1px solid var(--line); margin-bottom: 48px; }
header.site .wrap { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; }
.wordmark-link { font-family: Georgia, serif; font-size: 20px; letter-spacing: 0.2em; color: var(--text); text-decoration: none; }
nav.pages { display: flex; gap: 18px; flex-wrap: wrap; font-size: 13px; }
nav.pages a { color: var(--muted); text-decoration: none; }
nav.pages a:hover { color: var(--accent); }
main { padding-bottom: 80px; }
h1 { font-family: Georgia, serif; font-size: clamp(28px, 4vw, 38px); line-height: 1.25; margin: 0 0 20px; }
h2 { font-family: Georgia, serif; font-size: 22px; margin: 44px 0 14px; }
p { color: var(--text); margin: 0 0 16px; max-width: 68ch; }
p.lede { font-size: 18px; color: var(--muted); max-width: 60ch; }
footer.site { border-top: 1px solid var(--line); padding: 28px 0 48px; font-size: 13px; color: var(--muted); }
footer.site a { color: var(--muted); }
a { color: var(--accent); }