.doc {
  padding-block: var(--s-7) var(--s-9);
  max-width: 72ch;
}

.doc__title {
  margin: 0 0 var(--s-2);
  font-size: var(--t-h1);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.doc__meta {
  margin: 0 0 var(--s-7);
  color: var(--text-faint);
  font-size: var(--t-sm);
}

.doc__section + .doc__section { margin-top: var(--s-7); }

.doc__section h2 {
  margin: 0 0 var(--s-3);
  font-size: var(--t-h2);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.doc p { margin: 0 0 var(--s-3); color: var(--text-dim); }

.doc__lead {
  padding: var(--s-4);
  border-left: 3px solid var(--accent);
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  background: var(--accent-soft);
  color: var(--text) !important;
}

.doc ul {
  margin: 0 0 var(--s-3);
  padding-left: 1.1em;
  color: var(--text-dim);
}

.doc li { margin-bottom: var(--s-2); }

.doc strong { color: var(--text); }

.doc__note {
  padding: var(--s-3) var(--s-4);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: var(--surface-2);
  font-size: var(--t-sm);
}

.doc__foot {
  margin-top: var(--s-8);
  padding-top: var(--s-5);
  border-top: 1px solid var(--line);
  color: var(--text-faint);
  font-size: var(--t-sm);
}