/* SOLVLET — Lab
   Small additions for the prototype pages. Everything else comes from
   /style.css; nothing here redefines a rule that lives there. */

/* A quiet box for the standing note at the top of a lab page:
   same paper, rule and padding as .card, but full reading width. */
.lab-note {
  max-width: var(--measure);
  margin: 0 0 clamp(2rem, 5vw, 2.75rem);
  padding: clamp(1.5rem, 4vw, 2rem);
  background: var(--paper-alt);
  border: 1px solid var(--rule);
  border-radius: 4px;
  font-size: 0.97rem;
  color: var(--ink-muted);
}

/* ---- shared by every prototype page ---- */

/* Switched with the hidden attribute; .btn's inline-flex would beat it. */
[hidden] { display: none !important; }

/* Read by assistive tech, not shown. */
.vh {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.pagehead__crumb {
  margin: 0.25rem 0 0;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  color: var(--ink-muted);
}