/* Simple text pages (privacy, 404) and the site footer */
.page { max-width: 680px; margin: 0 auto; padding: 28px 18px 56px; line-height: 1.6; }
.page h1 { font-family: var(--display); letter-spacing: 1px; text-transform: uppercase; color: var(--gold); font-size: clamp(1.8rem, 7vw, 2.6rem); margin: 8px 0 4px; }
.page h2 { font-size: 1.15rem; margin: 28px 0 6px; }
.page p, .page li { color: #dce6f2; }
.page ul { padding-left: 1.2em; }
.page code { background: rgba(255, 255, 255, .08); padding: 1px 6px; border-radius: 6px; font-size: .9em; }
.page .actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 12px; }

.site-footer { text-align: center; color: var(--muted); font-size: .85rem; padding: 8px 16px 32px; }
.site-footer a { color: var(--muted); }
@media (hover: hover) and (pointer: fine) { .site-footer a:hover { color: var(--gold); } }

.lost { text-align: center; padding-top: 48px; }
.lost-board {
  display: inline-block; background: #050608; border: 4px solid #22262e; border-radius: 14px; padding: 14px 26px;
  font-family: var(--led); font-weight: 700; font-size: clamp(3rem, 16vw, 5rem); letter-spacing: .15em; color: #ff3b3b;
  text-shadow: 0 0 8px rgba(255, 59, 59, .85), 0 0 24px rgba(255, 59, 59, .4); box-shadow: var(--shadow);
}