/* Terms and Privacy text. Loaded after site.css (banner and card come from there). */

.legal-card .draft-notice {
  margin: 0 0 8px;
  padding: 16px 20px;
  border: 1px solid #ffe27a;
  border-radius: 12px;
  background: #fff7d6;
  color: var(--navy);
}

.legal-card h2 {
  margin: 36px 0 8px;
  font-size: 21px;
}

.legal-card p {
  margin: 0;
  color: var(--gray);
  line-height: 1.75;
}

.legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}

.credits-sources { margin-top: 24px; }
.credits-sources summary { cursor: pointer; font-weight: 700; }
.credits-list { padding-left: 22px; line-height: 1.7; }
.credits-list li { margin: 14px 0; scroll-margin-top: 110px; }
.credits-list li:target { background: #fff7d6; outline: 8px solid #fff7d6; border-radius: 4px; }
.legal-card a:not(.btn) { color: #24659f; text-decoration: underline; text-underline-offset: 3px; }

.legal-card ul { margin: 8px 0 0; padding-left: 22px; }
.legal-card li { margin: 8px 0; color: var(--gray); line-height: 1.75; }
.legal-card li strong { color: var(--navy); }