/* krishpi.sreeb.dev — print pack. A4, black on white, one sheet per page. */
@page { size: A4; margin: 14mm; }

:root{
  --ink:#111;
  --soft:#555;
  --faint:#8a8a8a;
  --rule:#c9c9c9;
  --rule-soft:#e4e4e4;
  --accent:#C51A4A;
  --t1:#BF3A2B; --t2:#B8830A; --t3:#2F7D50; --t4:#2A6BA8;
  --slab:'Zilla Slab', Georgia, 'Times New Roman', serif;
  --sans:'Source Sans 3', system-ui, -apple-system, sans-serif;
  --mono:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  color-scheme: light;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:#ececeb;
  color:var(--ink);
  font-family:var(--sans);
  font-size:11pt;
  line-height:1.45;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}
img,svg{max-width:100%}

/* the sheet: A4 on screen, the page itself in print */
.sheet{
  width:210mm; min-height:297mm; padding:14mm;
  margin:24px auto; background:#fff;
  box-shadow:0 2px 18px rgba(0,0,0,.14);
  display:flex; flex-direction:column;
}
.sheet + .sheet{margin-top:0}

.sheet-head{border-bottom:2px solid var(--ink); padding-bottom:4.5mm; margin-bottom:5.5mm}
.sheet-head .eyebrow{
  font-size:8pt; letter-spacing:.16em; text-transform:uppercase;
  color:var(--accent); margin:0 0 2mm; font-weight:600;
}
.sheet-head h1{font-family:var(--slab); font-size:23pt; line-height:1.02; margin:0 0 2mm; letter-spacing:-.01em}
.sheet-head p{margin:0; font-size:10pt; color:var(--soft); max-width:150mm}

.sheet-foot{
  margin-top:auto; padding-top:3.5mm; border-top:1px solid var(--rule-soft);
  font-size:7.5pt; color:var(--faint); display:flex; justify-content:space-between; gap:8mm;
}

/* ruled writing lines */
.rule-lines{border-bottom:1px solid var(--rule); height:9mm}
.field-label{font-size:8pt; letter-spacing:.12em; text-transform:uppercase; color:var(--faint); margin:0 0 1mm; font-weight:600}
.tickbox{display:inline-block; width:3.6mm; height:3.6mm; border:1px solid var(--ink); border-radius:.6mm; vertical-align:-.4mm; margin-right:1.6mm}

/* screen-only chrome */
.printbar{
  max-width:210mm; margin:24px auto -6px; padding:0 4px;
  font-size:12px; color:#555; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.printbar a{color:var(--accent); text-decoration:none}
.printbar a:hover{text-decoration:underline}

@media print{
  body{background:#fff}
  .sheet{
    width:auto; min-height:0; padding:0; margin:0;
    box-shadow:none; display:block;
    break-after:page; page-break-after:always;
  }
  .sheet:last-of-type{break-after:auto; page-break-after:auto}
  .printbar{display:none}
  a{color:inherit; text-decoration:none}
}