/* ===== policy.css — styles for legal/policy pages ===== */

body.policy-body {
  min-height: 100vh;
  background: radial-gradient(
    circle at 50% 0%,
    var(--black-2) 0%,
    var(--black) 60%
  );
}

header#site-header {
  background: rgba(10, 10, 11, 0.88) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 0.5px solid var(--gold-dim) !important;
}

.policy-main {
  padding: 130px 24px 60px;
}

.policy-content {
  max-width: 760px;
  margin: 0 auto;
}

.policy-content .eyebrow-text {
  display: block;
  text-align: center;
  margin-bottom: 8px;
}

.policy-content h1 {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 500;
  font-size: clamp(1.9rem, 4vw, 2.6rem);
  color: var(--white);
  text-align: center;
  margin-bottom: 10px;
}

.policy-updated {
  text-align: center;
  color: var(--muted);
  font-size: 0.8rem;
  margin-bottom: 44px;
}

.policy-body-text h2 {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 500;
  font-size: 1.25rem;
  color: var(--gold-soft);
  margin: 34px 0 12px;
}

.policy-body-text h2:first-child {
  margin-top: 0;
}

.policy-body-text p {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.92rem;
  line-height: 1.75;
  margin-bottom: 14px;
}

.policy-body-text ul {
  margin: 0 0 14px 20px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.92rem;
  line-height: 1.8;
}

.policy-body-text li {
  margin-bottom: 6px;
}

.policy-body-text a {
  color: var(--gold-soft);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.policy-body-text strong {
  color: var(--white);
}

.policy-nav-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 0.8rem;
  margin-bottom: 30px;
  transition: color 0.25s ease;
}
.policy-nav-back:hover {
  color: var(--gold);
}
.policy-nav-back i {
  color: var(--gold);
}

@media (max-width: 600px) {
  .policy-main {
    padding: 110px 18px 50px;
  }
  .nav-menu {
    display: none;
  }
}