/* ============================================================
   CUTTING-MAT BACKGROUND  (all pages)
   A generic blueprint cutting mat (cutting-mat.svg) sits behind
   every page. Two settings control how it looks:

     --mat-opacity : how strong the mat drawing is   (0 = hidden, 1 = full)
     --sheet-alpha : how solid the cream page panel is (0 = clear, 1 = solid)

   TO TUNE: open any page with  ?tune  on the end of the address,
   e.g.  https://darkbenchworks.com/?tune  — a slider panel appears
   (only for you, only while tuning). Drag until it looks right, press
   COPY, and paste the copied line over the :root line below.
   ============================================================ */
:root{--mat-opacity:0.09;--sheet-alpha:1}

.dbw-mat{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url("cutting-mat.svg") center / cover no-repeat;
  opacity:var(--mat-opacity)}

/* let the mat show around and through the page panel */
.outer,.dbw-outer{background:transparent !important}
.sheet,.dbw-sheet{background:rgba(244,241,234,var(--sheet-alpha)) !important}

/* ---------- tuner panel (only appears in ?tune mode) ---------- */
.mat-tuner{position:fixed;right:16px;bottom:16px;z-index:9999;width:min(320px,calc(100vw - 32px));
  background:#F4F1EA;border:1.5px solid #1A1A1A;box-shadow:4px 4px 0 #1A1A1A;padding:14px 16px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;color:#1A1A1A}
.mat-tuner h2{font-family:'Oswald','Arial Narrow',sans-serif;font-size:15px;letter-spacing:.06em;margin:0 0 10px;
  display:flex;justify-content:space-between;align-items:center}
.mat-tuner label{display:flex;justify-content:space-between;margin:10px 0 4px;font-weight:600}
.mat-tuner input[type=range]{width:100%;accent-color:#8B0000;min-height:28px}
.mat-tuner code{display:block;background:#fff;border:1px solid #BBBBBB;padding:6px 8px;margin:12px 0 8px;font-size:11px;word-break:break-all}
.mat-tuner .row{display:flex;gap:8px}
.mat-tuner button{flex:1;font:inherit;font-weight:600;letter-spacing:.04em;min-height:40px;cursor:pointer;
  border:1.5px solid #8B0000;background:transparent;color:#8B0000}
.mat-tuner button:hover,.mat-tuner button.primary{background:#8B0000;color:#F4F1EA}