/* ==========================================================================
   AN AUSTRIAN ECONOMIST · V4 · THE MAKER'S WORKBENCH (apps hub)
   --------------------------------------------------------------------------
   The flat cabinet recomposed as a workbench (creator ledger item 17,
   July 2026). The bench is a full-bleed band of the deeper stock with a
   ruled back edge; the Chambers reference sheet stands propped over that
   edge; the instruments lie ON the bench as solid paper cards, one paper
   lapping the next, each under its seal and numbered FIG. 1 / FIG. 2 in
   the plate's own idiom (Chambers numbers his instruments; so does the
   house). Every element states something true: the band is the bench,
   the lap is how papers lie, the blank seal is a tool not yet struck.
   Replaces cabinet.css (left on disk, unreferenced). Page layer only.
   ========================================================================== */

@layer page {

/* ----- The bench: a band with a back edge the objects can cross ----- */
.bench {
  margin-top: calc(var(--flow-band) + clamp(2.5rem, 6vw, 4.5rem));
  border-top: 1px solid var(--paper-line);
  border-bottom: 1px solid var(--paper-line);
  /* The bench's leading edge (QC refinement R6, July 2026). A lone 1px
     hairline at a tone boundary reads as a bare tone change (the critic's
     finding; the rule was there and did not carry), so the edge takes the
     notices' own frame geometry: two 1px lines of the same token, 3px of
     the page's paper between them. The inset pair anchors to the border
     box, above any padding, and the propped plate crosses it as before. */
  box-shadow:
    inset 0 3px 0 var(--paper),
    inset 0 4px 0 var(--paper-line);
  padding-bottom: var(--flow-band);
}
.bench-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--flow-band);
  align-items: start;
}
@media (min-width: 900px) {
  .bench-grid {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    column-gap: clamp(var(--s-6), 4vw, var(--s-12));
  }
}

/* ----- The reference sheet, propped over the bench's back edge ----- */
.bench-plate { margin: 0; }
.bench-plate .plate-well { padding: clamp(0.875rem, 0.6rem + 1.2vw, 1.5rem); }
.bench-plate img { width: 100%; mix-blend-mode: multiply; }
.bench-plate figcaption { margin-top: var(--s-3); }
/* Caption ink steps up half a register on the deeper stock (ink-3 sits at
   the AA line against the band; ink-2 clears it plainly). */
.bench .fig-caption { color: var(--ink-2); }
@media (min-width: 900px) {
  .bench-plate { margin-top: calc(-1 * clamp(2.5rem, 6vw, 4.5rem)); }
  .bench-tools { padding-top: var(--s-8); }
}

/* ----- The instruments: papers lying on the bench ----- */
.tool {
  position: relative;
  border: 1px solid var(--paper-line);
  padding: 3px;
  /* A solid object on the bench: the card paints the page's own paper. */
  background-color: var(--paper);
  background-image: var(--paper-tile);
  background-size: var(--paper-tile-size);
}
.tool__inner {
  border: 1px solid var(--paper-line);
  padding: clamp(var(--s-4), 2.5vw, var(--s-6)) clamp(var(--s-4), 2.5vw, var(--s-6)) clamp(var(--s-4), 2.5vw, var(--s-5));
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(var(--s-4), 2.5vw, var(--s-6));
  align-items: center;
}
.tool--live { z-index: 2; }
.tool--forthcoming {
  z-index: 1;
  border-color: var(--paper-edge);
}
.tool--forthcoming .tool__inner { border-color: var(--paper-edge); }
@media (min-width: 640px) {
  /* The lap: the forthcoming sheet lies tucked beneath the live one,
     offset toward the bench's right, its exposed corner showing. */
  .tool--live { width: 94%; }
  .tool--forthcoming {
    width: 88%;
    margin-inline-start: auto;
    margin-top: calc(-1 * var(--s-2));
  }
}
@media (max-width: 639.9px) {
  .tool + .tool { margin-top: var(--s-4); }
  .tool__inner {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

/* The figure number, in the corner of the sheet (the Chambers idiom). */
.tool__tag {
  position: absolute;
  top: 10px;
  left: 12px;
  font-family: var(--font-mono);
  font-size: var(--type-plate-label);
  font-weight: 500;
  letter-spacing: var(--track-plate);
  color: var(--gold-deep);
}
.tool--forthcoming .tool__tag { color: var(--ink-3); }

.tool__seal {
  width: clamp(6rem, 9vw, 7.5rem);
  height: auto;
  display: block;
}
.tool__seal--blank { width: 4.6rem; opacity: 0.85; margin-inline: auto; }

.tool__kicker {
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: var(--track-kicker);
  color: var(--gold-deep);
}
.tool__kicker--quiet { color: var(--ink-3); }
.tool__register {
  margin-top: var(--s-1);
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  letter-spacing: 0.14em;
  color: var(--ink-3);
}
.tool__name {
  margin-top: var(--s-2);
  font-size: var(--type-lg);
  letter-spacing: 0.01em;
  line-height: 1.15;
}
.tool__name--quiet { font-size: var(--type-md); }
.tool__body {
  margin-top: var(--s-2);
  max-inline-size: 46ch;
  font-family: var(--font-text);
  font-size: var(--type-body);
  line-height: 1.6;
  color: var(--ink-2);
  text-wrap: pretty;
}
.tool__body--quiet { font-size: var(--type-small); color: var(--ink-3); }
.tool__direct { margin-top: var(--s-1); }
.tool__direct a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: var(--track-kicker);
}
@media (max-width: 639.9px) {
  .tool__seal { margin-inline: auto; }
  .tool__direct a { justify-content: center; }
}

/* On the pocket edition the tools come first (the reader came for them);
   the reference sheet closes the bench. */
@media (max-width: 899.9px) {
  .bench { margin-top: var(--flow-band); padding-top: var(--flow-band); }
  .bench-plate { order: 2; max-width: 34rem; margin-inline: auto; }
  .bench-tools { order: 1; }
}

} /* @layer page */