/* ============================================
   LEGAL PAGE — Typography and content styles
   Applies inside .legal-content only so these
   opinionated resets don't bleed elsewhere.
   ============================================ */

/* Page heading */
.section h1 {
  margin-bottom: var(--space-8);
}

/* Last-updated dateline */
.legal-updated {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  margin-bottom: var(--space-10);
}

/* Body copy */
.legal-content p {
  line-height: 1.8;
  margin-bottom: var(--space-4);
}

/* Section headings */
.legal-content h2 {
  font-size: var(--text-2xl);
  font-weight: var(--weight-bold);
  margin-top: var(--space-12);
  margin-bottom: var(--space-4);
  color: var(--color-dark);
}

.legal-content h3 {
  font-size: var(--text-lg);
  font-weight: var(--weight-semibold);
  margin-top: var(--space-8);
  margin-bottom: var(--space-3);
  color: var(--color-dark);
}

/* Lists */
.legal-content ul,
.legal-content ol {
  padding-left: var(--space-8);
  margin-bottom: var(--space-4);
}

.legal-content ul {
  list-style-type: disc;
}

.legal-content ol {
  list-style-type: decimal;
}

.legal-content li {
  line-height: 1.8;
  margin-bottom: var(--space-3);
}

.legal-content li:last-child {
  margin-bottom: 0;
}

/* Links */
.legal-content a {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-content a:hover {
  color: var(--color-primary-hover);
}

/* Horizontal rule between major sections */
.legal-content hr {
  border: none;
  border-top: 1px solid var(--color-border);
  margin: var(--space-12) 0;
}


/* ============================================
   PRINT STYLES
   ============================================ */

@media print {
  .site-header,
  .site-footer,
  .btn,
  nav {
    display: none !important;
  }

  body {
    font-size: 12pt;
    color: #000;
  }

  .container--narrow {
    max-width: 100%;
    padding: 0;
  }

  .legal-content a {
    text-decoration: underline;
    color: #000;
  }

  .legal-content a::after {
    content: ' (' attr(href) ')';
    font-size: 0.85em;
    color: #555;
  }
}