/* ===========================================
   ANOMITY — Legal pages (warm-editorial theme).
   Tokens + shared chrome come from /base.css + /nav.css + /site.css.
   This file styles only the legal article content.
   =========================================== */

.legal-main {
  max-width: 820px;
  margin: 0 auto;
  padding: 3rem 1.5rem 5rem;
}
.legal-doc { width: 100%; }

.legal-eyebrow {
  font-family: var(--mono);
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 1rem;
}
.legal-doc h1 {
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(2rem, 4.4vw, 2.9rem);
  line-height: 1.1;
  letter-spacing: -.018em;
  color: var(--ink);
  margin-bottom: .75rem;
}
.legal-meta {
  font-family: var(--mono);
  font-size: .78rem;
  color: var(--faint);
  padding-bottom: 2rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid var(--rule);
}

/* content typography */
.legal-content { color: var(--ink-2); }
.legal-content h2 {
  font-family: var(--display); font-weight: 500; font-size: 1.5rem; color: var(--ink); line-height: 1.3;
  letter-spacing: -.01em; margin: 3rem 0 1rem; padding-bottom: .5rem; border-bottom: 1px solid var(--rule);
}
.legal-content h3 { font-family: var(--display); font-weight: 500; font-size: 1.25rem; color: var(--ink); line-height: 1.35; margin: 2.25rem 0 .85rem; }
.legal-content h4 { font-family: var(--display); font-weight: 500; font-size: 1.05rem; color: var(--ink); line-height: 1.4; margin: 1.75rem 0 .65rem; }
.legal-content h5, .legal-content h6 {
  font-family: var(--mono); font-size: .8rem; font-weight: 500; color: var(--ink); margin: 1.5rem 0 .5rem;
  text-transform: uppercase; letter-spacing: .08em;
}
.legal-content p { margin-bottom: 1.1rem; color: var(--ink-2); font-size: 1rem; line-height: 1.75; }
.legal-content strong { color: var(--ink); font-weight: 700; }
.legal-content em { color: var(--ink-2); font-style: italic; }
.legal-content a { color: var(--accent-deep); text-decoration: underline; }
.legal-content a:hover { color: var(--accent); }

.legal-content ul, .legal-content ol { margin: 0 0 1.25rem 1.5rem; padding-left: .5rem; }
.legal-content ul li, .legal-content ol li { margin-bottom: .5rem; color: var(--ink-2); line-height: 1.7; }
.legal-content ul { list-style: disc; }
.legal-content ol { list-style: decimal; }
.legal-content ul ul, .legal-content ol ol, .legal-content ul ol, .legal-content ol ul { margin: .5rem 0; }

.legal-content blockquote {
  margin: 1.5rem 0; padding: 1rem 1.25rem; border-left: 3px solid var(--accent);
  background: var(--accent-soft); color: var(--ink-2); border-radius: 0 8px 8px 0;
}
.legal-content code {
  font-family: var(--mono); font-size: .88em; background: var(--accent-soft);
  color: var(--accent-deep); padding: .1em .4em; border-radius: 4px;
}

@media (max-width: 640px) {
  .legal-main { padding: 2rem 1.1rem 3.5rem; }
  .legal-content h2 { font-size: 1.3rem; margin-top: 2.25rem; }
  .legal-content h3 { font-size: 1.1rem; margin-top: 1.85rem; }
  .legal-content h4 { font-size: 1rem; margin-top: 1.5rem; }
  .legal-content p, .legal-content li { font-size: .97rem; line-height: 1.7; }
}