/* Shared shell for the legal/contact pages — reuses the journal's own paper
   palette and prose face so these don't read as a bolted-on corner of the
   site. Not the game's actual CSS custom properties (those live in a <style>
   block inside index.html, not a stylesheet these standalone pages can
   import) — the values below are copied, not shared, so a future palette
   change here needs a matching edit in index.html by hand. */

@font-face {
  font-family: "Young Serif";
  src: url("/fonts/young-serif-latin.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}

html, body {
  margin: 0; padding: 0; min-height: 100%;
  background: #1c2430;
  color: #46392c;
  font-family: "Iowan Old Style", Georgia, "Times New Roman", serif;
  line-height: 1.6;
}

.page {
  max-width: 640px;
  margin: 6vh auto;
  padding: 3rem clamp(1.5rem, 5vw, 3.5rem);
  background: linear-gradient(160deg, #f0e5c9, #e2d3ae 60%, #d8c69d);
  border-radius: 4px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

h1 {
  font-family: "Young Serif", Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: 1.9rem;
  margin: 0 0 0.3em;
  color: #33291f;
}

h2 {
  font-family: "Young Serif", Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: 1.25rem;
  margin: 1.8em 0 0.5em;
  color: #33291f;
}

p, li { color: #46392c; }

.meta {
  font-family: -apple-system, "Segoe UI", system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.72rem;
  color: #6a4c2c;
  margin-bottom: 2em;
}

a { color: #6a4c2c; }
a:hover { color: #33291f; }

.back {
  display: block;
  margin-top: 2.5em;
  font-family: -apple-system, "Segoe UI", system-ui, sans-serif;
  font-size: 0.85rem;
}

.crosslinks {
  margin-top: 3em;
  padding-top: 1.2em;
  border-top: 1px solid #d8c69d;
  font-family: -apple-system, "Segoe UI", system-ui, sans-serif;
  font-size: 0.85rem;
}

.crosslinks a { margin-right: 1.2em; }