/* documentation: a contents window and one long paper document */
main.docs { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 18px; padding: 18px; align-items: start; background: rgba(28, 18, 12, .55); backdrop-filter: blur(3px); }
.toc { position: sticky; top: 12px; width: auto; }
.toc ol { margin: 0; padding-left: 22px; font-size: 16px; line-height: 1.8; }
.toc a { color: var(--ink); }
.doc { width: auto; max-width: 980px; }
.doc .body { padding: 18px 24px 28px; }
.doc section { margin-bottom: 26px; }
.doc p, .doc li { font-size: 17px; line-height: 1.6; max-width: 72ch; }
.doc code { font: 15px var(--num); background: rgba(255, 246, 196, .8); padding: 0 3px; }
.doc .facts { margin: 8px 0; }
.doc .facts th { width: 200px; }
.doc .facts td { font: 17px/1.5 var(--ui); word-break: normal; }
#addr td { font: 15px/1.5 var(--num); word-break: break-all; }
.doc .facts.wide td, .doc .facts.wide th { border-bottom: 1px solid #b7ab94; padding: 6px 10px 6px 0; vertical-align: top; }
.doc .facts.wide td:first-child { white-space: nowrap; }
.doc .facts.wide td { font-family: var(--ui); word-break: normal; }
.doc .facts.wide td:first-child, #addr td { font-family: var(--num); }
@media (max-width: 860px) {
  main.docs { grid-template-columns: minmax(0, 1fr); padding: 8px; }
  .doc code, .doc td, .doc p, .doc li { overflow-wrap: anywhere; }
  .toc { position: static; }
  .doc .body { padding: 12px; }
  .doc .facts th { width: auto; }
  .doc .facts.wide td:first-child { white-space: normal; }
  .doc .facts, .doc .facts tbody, .doc .facts tr, .doc .facts td, .doc .facts th { display: block; }
  .doc .facts th { padding-bottom: 0; }
}