/* ============================================================
   THE LONG GAME — print kit
   Brand tokens plus the chrome every printable shares: the back
   bar, the print button, the sheet header and the footer.
   Layout stays in each sheet; the look lives here.

   Ink on white, hard 1pt rules, one marigold mark, teal numbers.
   ============================================================ */

:root{
  --ink:#19292B;
  --ink-2:#44585A;
  --ink-3:#6E8083;
  --teal:#13A8A0;
  --teal-soft:#C8E4E1;
  --pink:#FF5C9E;
  --gold:#FFC24A;
  --paper:#F6F3EA;
  --rule:#D9DBD2;
  --red:#C2365E;
  --green:#157F5B;

  --disp:'Archivo',system-ui,sans-serif;
  --body:'Public Sans',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
}

/* backgrounds and rules must survive the printer */
*{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }

/* ── the site masthead (mast.css), on screen only ────────── */
/* sheets pad the body for print margins; pull the bar up to the top */
body > .mast{margin-top:-0.4in;margin-bottom:16px}
@media screen and (max-width:700px){ body > .mast{margin-top:-16px} }
body{overflow-x:clip}

/* ── back to the site (retired: sheets use the masthead now) ─────────────────────────────────────── */
.backbar{
  font-family:var(--body);font-size:13px;font-weight:600;line-height:1;
  background:var(--teal);
  border-bottom:1px solid var(--ink);
  color:var(--ink);
  display:flex;
}
.backbar a{
  background:var(--paper);color:var(--ink);
  text-decoration:none;border:0;border-right:1px solid var(--ink);
  padding:11px 15px;
}
.backbar a:hover{background:var(--ink);color:var(--paper)}

/* ── print control ────────────────────────────────────────── */
.print-bar{
  display:flex;justify-content:center;gap:10px;
  padding:16px;background:var(--paper);
  border-bottom:1px solid var(--ink);
}
.print-btn{
  font-family:var(--disp);font-variation-settings:'wdth' 100,'wght' 700;
  font-size:15px;cursor:pointer;
  background:var(--gold);color:var(--ink);
  border:1px solid var(--ink);
  padding:.7rem 1.35rem;
  box-shadow:3px 3px 0 var(--ink);
  transition:transform .06s linear,box-shadow .06s linear;
}
.print-btn:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}
.print-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}

/* ── sheet header ─────────────────────────────────────────── */
.header{
  text-align:left;
  margin-bottom:.26in;
  padding-bottom:.12in;
  border-bottom:1.5pt solid var(--ink);
}
.header h1{
  font-family:var(--disp);font-variation-settings:'wdth' 110,'wght' 800;
  font-size:21pt;line-height:1;letter-spacing:-.025em;
  color:var(--ink);margin-bottom:5pt;
  display:flex;align-items:center;gap:7pt;
}
.header h1 span{color:var(--ink)}
.header .lg-mark{width:26pt;height:26pt;flex:0 0 auto}
.header .lg-num{font-family:var(--disp);font-size:13px;font-weight:800;fill:var(--paper)}
.header .tagline{
  font-family:var(--mono);font-size:8.5pt;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);
}
.header .credit{
  font-size:7.5pt;line-height:1.45;color:var(--ink-3);
  margin-top:5pt;max-width:62ch;
}
.header .credit a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* ── sheet footer ─────────────────────────────────────────── */
.footer{
  margin-top:.2in;padding-top:.1in;
  border-top:1.5pt solid var(--ink);
  font-family:var(--mono);font-size:7pt;letter-spacing:.04em;
  color:var(--ink-3);text-align:center;
}
.footer a{color:var(--ink-2);text-decoration:none}

@media print{
  .no-print,.backbar,.print-bar{display:none !important}
  body{background:#fff}
}