/* Legal / policy prose. Tokens, type and shell come from direct.css — this only
   widens the measure a little and spaces the sections out, so a redesign pass can
   replace it without touching the words. */

.wordmark-link { text-decoration: none; color: inherit; }

main.legal { max-width: 40rem; }

.legal h1 { margin-bottom: .5rem; }
.legal .lede { margin: 0 0 1.8rem; }

.legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.1rem;
  padding: 1rem 1.2rem;
  margin-bottom: 2.4rem;
  background: var(--paper-sunk);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-size: .9rem;
}
.legal-nav a { color: var(--accent); text-decoration: none; }
.legal-nav a:hover { color: var(--accent-deep); text-decoration: underline; }

.legal section { margin-bottom: 2.2rem; }
.legal section h2 {
  padding-bottom: .4rem;
  margin-bottom: .7rem;
  border-bottom: 1px solid var(--line);
}
.legal p { margin: 0 0 .9rem; }
.legal ol { margin: 0 0 .9rem; padding-left: 1.3rem; }
.legal li { margin-bottom: .5rem; }
.legal a { color: var(--accent); }

/* Anchor targets shouldn't hide under the top of the window. */
.legal section { scroll-margin-top: 1.5rem; }

.legal-updated {
  color: var(--ink-faint);
  font-size: .84rem;
  border-top: 1px solid var(--line);
  padding-top: 1.1rem;
}

.foot a { color: var(--ink-faint); }
.foot a:hover { color: var(--accent); }