div.basic-container {
  min-height: 100vh;
  background-color: var(--c-ink, #15181d);
}

div.basic-text-centred {
  max-width: 640px;
  margin: 0 auto;
  padding: calc(var(--nav-h, 72px) + 3rem) 1.5rem 4rem;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
}

div.basic-text-centred h1 {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 700;
  color: #fff;
  margin-bottom: 1.5rem;
}

div.basic-text-centred h2 {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--c-accent, #d2a24c);
  margin: 1.5rem 0 0.5rem;
}

div.basic-text-centred p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.70);
  margin-bottom: 0.35rem;
}

div.basic-text-centred a {
  color: var(--c-accent, #d2a24c);
  text-decoration: underline;
  text-underline-offset: 3px;
}

div.basic-text-centred a:hover {
  color: #e0b463;
}

/* ── 404 ─────────────────────────────────────────────────────────────── */
.eyebrow-centred { justify-content: center; }

ul.error-links {
  list-style: none;
  margin: 1.5rem 0 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
}

ul.error-links a { font-weight: 600; }

.error-cta { margin-top: 2.25rem; }

.error-cta a.btn-accent {
  color: #171205;
  text-decoration: none;
}

.error-cta a.btn-accent:hover { color: #171205; }