/* ============================================================
   stub.css — placeholder sections. One object, one line of text,
   centred in whatever height the masthead leaves over.

   Its own file rather than a block in site.css: the root page would otherwise
   carry it for nothing, and a stub is meant to be deleted whole once the
   section it stands in for exists.
   ============================================================ */

.stub {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2.4vh, 26px);
  text-align: center;
  padding-bottom: clamp(24px, 5vh, 60px);
}

.stub canvas {
  width: clamp(180px, 34vh, 300px);
  height: clamp(180px, 34vh, 300px);
  display: block;
}

.stub__lead {
  margin: 0;
}

.stub__note {
  margin: 0;
  max-width: 46ch;
  color: var(--fg-2);
}

/* Sits on the footer rule at the bottom of the page, as on the root page. */
.stub-tail {
  flex: none;
}