/* Misprites - legal.css - shared style for the info pages
   (about, privacy, accessibility, 404). Duskfall theme, readable sizes. */

@font-face {
  font-family: 'Press Start 2P';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url(../assets/fonts/press-start-2p-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VT323';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url(../assets/fonts/vt323-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: #140f2e;
  color: #f2e3d0;
  font-family: 'VT323', 'Courier New', monospace;
  font-size: 21px;
  line-height: 1.45;
  padding: 40px 20px 80px;
}

main { max-width: 680px; margin: 0 auto; }

.page-logo { display: block; width: min(300px, 70vw); margin-bottom: 28px; }

h1 {
  font-family: 'Press Start 2P', monospace;
  font-size: 20px;
  color: #c96b4a;
  line-height: 1.6;
  margin-bottom: 8px;
}

h2 {
  font-family: 'Press Start 2P', monospace;
  font-size: 11px;
  color: #ffd166;
  letter-spacing: 1px;
  margin: 34px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid #4a3050;
}

p, li { color: #f2e3d0; margin-bottom: 12px; }
li { margin-left: 22px; margin-bottom: 6px; }
ul { margin-bottom: 12px; }

a { color: #ffd166; }
a:hover { color: #ffffff; }

.updated { color: #a08a78; font-size: 18px; margin-bottom: 30px; }
.dim { color: #a08a78; }

.backlink {
  display: inline-block;
  font-family: 'Press Start 2P', monospace;
  font-size: 10px;
  color: #c96b4a;
  text-decoration: none;
  border: 2px solid #c96b4a;
  padding: 10px 16px;
  margin-top: 36px;
}
.backlink:hover { background: #c96b4a; color: #140f2e; }

.footnav { margin-top: 40px; padding-top: 16px; border-top: 1px solid #4a3050; color: #8a7080; font-size: 18px; }
.footnav a { color: #8a7080; margin-right: 14px; }
.footnav a:hover { color: #f2e3d0; }