/* A card or a credit drawn inside a page of prose.

   The chrome styles the prose of a page: paragraphs and lists have a measure,
   list items a gap under them, definitions a margin, code a box. A card is
   somebody else's design set down in the middle of that, and its own
   stylesheet says nothing about a margin it never expected to be given. So
   each of those is put back here, at the weight the chrome set it with and
   before the cards' own stylesheets, which then say what they like. */
.nods-panel p, .nods-panel ul, .nods-panel ol { max-width: none; }
.nods-panel ul, .nods-panel ol { padding-left: 0; }
.nods-panel li { margin-bottom: 0; }
.nods-panel dl { margin: 0; }
.nods-panel dt { font-weight: inherit; }
.nods-panel dd { margin: 0; color: inherit; }
.nods-panel code { font: inherit; background: none; border: 0; border-radius: 0; padding: 0; }
.nods-panel small { font-size: inherit; line-height: inherit; color: inherit; }
.nods-panel h2, .nods-panel h3 { margin: 0; font: inherit; }
.nods-panel a { color: inherit; }

/* On a stage a card is looked at, not opened: it stands where it is put, and
   takes the page's faces as a site would hand it its own. Its links go
   nowhere a reader of the docs should be sent. */
.stage .nods-panel {
  position: static; display: block; box-sizing: border-box; max-width: 100%; margin: 0;
  text-align: left; font-family: var(--f-ui);
  --nods-mono: var(--f-mono); --nods-display: var(--f-head);
}
.stage .nods-panel a { pointer-events: none; }