/* "Coming soon" stub pages (quiz.html, reviews.html, pricing.html, ... and the language pages).
   One yellow screen: the logo links home, one paper card hangs on the cord. Kit classes from base.css; the
   section is rendered with .in so the card is visible without site.js (it swings in once on load). */

.stub { position: relative; display: grid; align-content: center; min-height: 100svh; padding-block: 128px 96px; }
.stub-home { position: absolute; top: 28px; left: var(--gut); }
.stub-row { justify-content: center; }
.stub-card {
  display: grid; justify-items: start; gap: 18px; width: min(560px, calc(100vw - 2 * var(--gut)));
  padding: 44px 44px 40px; border-radius: 14px;
}
.stub-card .eyebrow { margin: 0; }
.stub-card h1 { margin: 0; }
.stub-card .lead { margin: 0 0 6px; }

@media (width <= 767px) {
  .stub { padding-block: 112px 72px; }
  .stub-home { top: 20px; }
  .stub-card { padding: 32px 26px 28px; }
}