@import url("fonts.6c18905265fc.css");

:root {
  --vault-text: #ece3d0;
  --vault-muted: rgba(236, 227, 208, 0.62);
  --vault-gold: #c9a648;
  --vault-gold-strong: #e0c273;
  --vault-border: rgba(201, 166, 72, 0.22);
  --vault-border-strong: rgba(201, 166, 72, 0.4);
  --vault-bg: #0f0d0a;
  --vault-panel: #1b1712;
  --vault-danger: #8a3a3a;
  --vault-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
  --vault-font-heading: "Source Serif 4", Georgia, serif;
  --vault-font-body: "Inter", "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  font-family: var(--vault-font-body);
  background: var(--vault-bg);
  color: var(--vault-text);
}

.legal-page {
  position: relative;
  min-height: 100vh;
  padding: 2.5rem 1.5rem 4rem;
}

.legal-shell {
  width: min(760px, 94vw);
  margin: 0 auto;
}

.legal-back-link {
  display: inline-block;
  margin-bottom: 1.8rem;
  color: var(--vault-gold);
  text-decoration: none;
  font-size: 0.86rem;
  font-weight: 600;
}

.legal-back-link:hover {
  color: var(--vault-gold-strong);
}

.legal-header {
  margin-bottom: 2.2rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid var(--vault-border);
}

.legal-header h1 {
  margin: 0 0 0.6rem;
  font-family: var(--vault-font-heading);
  font-weight: 600;
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  line-height: 1.2;
  color: var(--vault-text);
}

.legal-updated {
  margin: 0;
  color: var(--vault-muted);
  font-size: 0.88rem;
}

.legal-section {
  margin: 0 0 1.9rem;
}

.legal-section h2 {
  margin: 0 0 0.8rem;
  font-family: var(--vault-font-heading);
  font-weight: 600;
  font-size: 1.15rem;
  color: var(--vault-gold);
}

.legal-section h3 {
  margin: 1.1rem 0 0.5rem;
  font-family: var(--vault-font-heading);
  font-weight: 600;
  font-size: 0.98rem;
  color: var(--vault-text);
}

.legal-section p {
  margin: 0 0 0.8rem;
  line-height: 1.65;
  color: var(--vault-text);
}

.legal-section ul {
  margin: 0 0 0.8rem;
  padding-left: 1.3rem;
  line-height: 1.65;
}

.legal-section li {
  margin-bottom: 0.4rem;
}

.legal-note {
  color: var(--vault-muted);
  font-size: 0.92rem;
  font-style: italic;
}

.legal-contact {
  margin-top: 3.5rem;
  padding: 1.5rem 1.6rem;
  background: var(--vault-panel);
  border: 1px solid var(--vault-border);
  border-radius: 16px;
  box-shadow: var(--vault-shadow);
}

.legal-contact h2 {
  margin: 0 0 0.9rem;
  font-family: var(--vault-font-heading);
  font-weight: 600;
  font-size: 1.05rem;
  color: var(--vault-gold);
}

.legal-contact ul {
  margin: 0;
  padding-left: 1.2rem;
  line-height: 1.75;
}

@media (max-width: 560px) {
  .legal-page {
    padding: 1.8rem 1rem 3rem;
  }

  .legal-contact {
    padding: 1.2rem 1.2rem;
  }
}