@import url("styles.css");

body { min-height: 100vh; background: #0a0d11; }

.legal-page {
  width: min(90%, 760px);
  margin: 0 auto;
  padding: clamp(3rem, 8vw, 7rem) 0;
}

.legal-page__brand {
  display: inline-block;
  margin-bottom: 3.5rem;
  color: #d3b472;
  font-size: .78rem;
  letter-spacing: .3em;
  text-decoration: none;
}

.legal-page h1 { margin-bottom: 2rem; color: #eee7da; font-size: clamp(2rem, 6vw, 4rem); letter-spacing: .03em; line-height: 1.05; }
.legal-page h2 { margin-top: 2rem; color: #d7c49a; font-size: 1rem; letter-spacing: .06em; }
.legal-page p, .legal-page li { color: #b8b5ae; line-height: 1.75; }
.legal-page a { color: #d7c49a; }
.legal-page__note { padding: 1rem 1.2rem; border-left: 2px solid #b68a43; background: rgba(182,138,67,.08); }
.legal-page strong { color: #e4ded2; font-weight: 500; }
.legal-page ul { padding-left: 1.2rem; }
.legal-page li + li { margin-top: .35rem; }
.legal-page__updated { margin-top: 3.5rem; padding-top: 1.25rem; border-top: 1px solid rgba(201,164,97,.2); font-size: .82rem; }