/* What only the legal pages need; their frame comes from subpage.css. */
.legal-draft {
  margin:28px 0 0;
  padding:14px 16px;
  border-left:3px solid var(--mark);
  background:var(--surface);
  color:var(--dim);
  font-size:15px;
  line-height:1.5;
}

.legal-section {
  margin-top:clamp(36px,6dvh,64px);
  padding-top:clamp(28px,4dvh,44px);
  border-top:1px solid var(--line);
}

.legal-section h2 {
  margin:0;
  color:var(--ink);
  font-size:clamp(24px,3vw,34px);
  line-height:1.1;
  letter-spacing:-.03em;
}

.legal-section p,
.legal-section li {
  max-width:70ch;
  color:var(--dim);
  font-size:16px;
  line-height:1.65;
}

.legal-section p { margin:14px 0 0; }
.legal-section ul { margin:14px 0 0; padding-left:20px; }
.legal-section li + li { margin-top:6px; }

.legal-placeholder {
  color:var(--primary);
  font-family:var(--mono);
  font-size:.92em;
}