/* The furniture every demo carries that belongs to us rather than to the
 * theme: the credit at the foot of the page, and the note a form leaves
 * behind when someone uses it.
 *
 * The credit line, first.
 *
 * The same credit sits on a dozen different footers, several of them near
 * black, so it cannot take the theme's own link colour: on half of them that
 * colour is an ink meant for a pale page and the credit all but disappears.
 * It borrows the colour of the line it is part of instead, and says it is a
 * link with its underline.
 */
a.demo-credit {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

a.demo-credit:hover {
  text-decoration-thickness: 2px;
}

/* What a form says once it has been used. It stands where the form stood, so
   it takes the colour and the type of whatever section that was, and only asks
   for the room the controls gave up. */
.demo-form-note {
  margin: 0;
  padding: 0.35rem 0;
  color: inherit;
}

.demo-form-note:focus { outline: none; }