/* sitekits printable kit. The sheet (.pg-sheet) is laid out in real millimetres so the preview and the print are the same page. */
.hero-inline{padding:1.2rem 0 .4rem}
.hero-inline .lead{font-size:1.1rem;color:var(--muted);max-width:62ch}
.pg-h{font-size:1.05rem;margin:0 0 .6rem}
.pg-form .row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.pg-wide{grid-column:1/-1}
@media (min-width:760px){.pg-wide{grid-column:span 2}}
.pg-form textarea{width:100%;min-height:96px;padding:.5rem .7rem;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;resize:vertical}
.pg-toggle{display:flex;align-items:center;gap:.55rem;font-weight:550;min-height:44px;margin:0}
.pg-inline{display:flex;gap:.5rem}
.pg-paper{border:1px solid var(--rule);border-radius:12px;margin:.8rem 0 0;padding:.2rem .9rem .5rem}
.pg-paper legend{font-weight:700;padding:0 .4rem}
.pg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem;margin:1rem 0 .6rem}
.pg-warn{color:var(--error);font-weight:600;margin:.3rem 0}
.pg-note{margin:.7rem 0 0}

/* stage: preview scaled by kit.js, 1:1 without it */
.pg-stage{background:var(--tint);border:1px solid var(--rule);border-radius:14px;padding:12px;overflow-x:auto}
.pg-js .pg-stage{overflow:hidden}
.pg-sheet{--a:215.9mm;--b:279.4mm;--w:var(--a);--h:var(--b);width:var(--w);height:var(--h);background:#fff;color:#111;box-shadow:0 2px 12px rgba(0,0,0,.18);
  transform-origin:top left;padding:10mm;display:flex;flex-direction:column;overflow:hidden;position:relative;
  font:10pt/1.25 system-ui,-apple-system,"Segoe UI",Roboto,"Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",Arial,sans-serif;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
.pg-sheet[data-paper="a4"]{--a:210mm;--b:297mm}
.pg-sheet[data-orient="landscape"]{--w:var(--b);--h:var(--a)}
.pg-sheet{--c:#6d28d9;--t:#ede9fe}
.pg-sheet[data-theme="blue"]{--c:#1d4ed8;--t:#dbeafe}
.pg-sheet[data-theme="green"]{--c:#15803d;--t:#dcfce7}
.pg-sheet[data-theme="pink"]{--c:#be185d;--t:#fce7f3}
.pg-sheet[data-theme="orange"]{--c:#c2410c;--t:#ffedd5}
.pg-sheet[data-ink="1"]{--c:#000;--t:#fff}
.pg-sheet *{box-sizing:border-box}
.pg-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2mm 8mm;border-bottom:.8mm solid var(--c);padding-bottom:3mm;margin-bottom:4mm}
.pg-title{margin:0;font-size:22pt;line-height:1.2;font-weight:800;color:var(--c);overflow-wrap:anywhere}
.pg-fields{display:flex;flex-wrap:wrap;gap:2mm 6mm;font-size:10.5pt}
.pg-field{display:inline-flex;align-items:flex-end;gap:2mm;min-width:0;max-width:100%}
.pg-field b{font-weight:700;white-space:nowrap}
.pg-fv{font-style:normal;min-width:30mm;max-width:100%;overflow-wrap:anywhere;word-break:break-all;border-bottom:.3mm solid #000;padding:0 1mm;min-height:6mm;line-height:6mm}
.pg-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:4mm}
.pg-block{display:flex;flex-direction:column}
.pg-block-name{margin:0 0 1.5mm;font-size:13pt;font-weight:800;color:var(--c)}
.pg-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10pt}
.pg-table th,.pg-table td{border:.35mm solid #000;padding:.6mm 1.6mm;text-align:center;vertical-align:middle;background:#fff;color:#000;overflow-wrap:anywhere;word-break:break-word;overflow:hidden}
.pg-table th{white-space:normal}
.pg-table tbody tr:last-child td{border-bottom:.35mm solid #000}
.pg-table thead th{background:var(--t);font-weight:700;font-size:9.5pt;height:7mm}
.pg-table th.pg-corner,.pg-table tbody th{width:var(--lw,30%);text-align:left}
.pg-table tbody th{font-weight:600;background:#fff;font-size:9.5pt;line-height:1.15}
.pg-table tbody tr{height:clamp(9mm,calc(((var(--h) - 64mm) / var(--blocks) - 18mm) / var(--rows)),15mm)}
.pg-table th.pg-x,.pg-table td.pg-x{width:18mm}
.pg-table td.pg-amt{font-weight:700}
.pg-table td.pg-txt{font-size:9pt;font-weight:600;overflow-wrap:anywhere}
.pg-lb{overflow-wrap:anywhere}
.pg-ic{font-size:15pt;margin-right:2mm;vertical-align:middle}
.pg-box{display:inline-block;width:5.2mm;height:5.2mm;border:.5mm solid #000;border-radius:1mm;vertical-align:middle}
.pg-circle{display:inline-block;width:6mm;height:6mm;border:.5mm solid #000;border-radius:50%;vertical-align:middle}
.pg-cell svg{width:6.5mm;height:6.5mm;vertical-align:middle;fill:none;stroke:#000;stroke-width:1.1;stroke-linejoin:round}
.pg-foot{display:flex;flex-wrap:wrap;gap:2mm 8mm;margin-top:4mm;padding-top:3mm;border-top:.35mm solid #000;font-size:10.5pt}
.pg-foot .pg-fv{min-width:60mm}
/* token grid */
.pg-tokens{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-auto-rows:min-content;gap:5mm;align-content:start;padding-top:2mm}
.pg-tok{position:relative;aspect-ratio:1;border:.4mm dashed var(--c);border-radius:4mm;display:flex;align-items:center;justify-content:center;max-height:60mm;background:#fff}
.pg-tok .pg-box{width:55%;height:55%;border-width:.7mm}
.pg-tok .pg-circle{width:62%;height:62%;border-width:.7mm}
.pg-tok svg{width:62%;height:62%;fill:none;stroke:#000;stroke-width:1;stroke-linejoin:round}
.pg-num{position:absolute;left:2mm;top:1mm;font-size:9pt;font-weight:700;color:var(--c)}
/* cards grid */
.pg-sheet:has(.pg-cards){padding:8mm}
.pg-cards{display:grid;gap:6mm;grid-template-columns:1fr;grid-auto-rows:1fr;min-height:0}
.pg-per2{grid-template-columns:1fr}
.pg-sheet[data-orient="landscape"] .pg-per2{grid-template-columns:1fr 1fr}
.pg-per4{grid-template-columns:1fr 1fr}
.pg-card{display:flex;flex-direction:column;min-width:0;min-height:0;border:.5mm solid var(--c);border-radius:3mm;padding:3mm}
.pg-card-title{margin:0 0 2mm;text-align:center;font-weight:800;font-size:14pt;color:var(--c);overflow-wrap:anywhere}
.pg-bingo{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);border:.35mm solid #000}
.pg-bc{border:.3mm solid #000;display:flex;align-items:center;justify-content:center;text-align:center;padding:1mm;font-weight:600;font-size:10pt;line-height:1.15;overflow:hidden;overflow-wrap:anywhere;min-width:0;min-height:0;background:#fff;color:#000}
.pg-free{background:var(--t);font-weight:800;color:var(--c)}
.pg-per1.pg-n3 .pg-bc{font-size:22pt}.pg-per1.pg-n4 .pg-bc{font-size:18pt}.pg-per1.pg-n5 .pg-bc{font-size:15pt}
.pg-per2.pg-n3 .pg-bc,.pg-per4.pg-n3 .pg-bc{font-size:13pt}
.pg-per2.pg-n4 .pg-bc,.pg-per4.pg-n4 .pg-bc{font-size:11pt}
.pg-per2.pg-n5 .pg-bc,.pg-per4.pg-n5 .pg-bc{font-size:9pt}
.pg-per4 .pg-card-title{font-size:12pt}
.pg-sheet[data-ink="1"] .pg-free{background:#fff;color:#000}
.pg-sheet[data-ink="1"] .pg-table thead th{background:#fff}
.pg-sheet[data-ink="1"] .pg-head{border-bottom-color:#000}
@media (max-width:520px){.pg-bar .btn{flex:1 1 100%}}
@media print{
  html,body{background:#fff!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;display:block!important}
  .site-head,.site-foot,.crumbs,.skip{display:none!important}
  main{padding:0!important;margin:0!important;width:auto!important}
  main>*:not(.pg-app){display:none!important}
  .pg-app>*:not(.pg-stage){display:none!important}
  .pg-stage{border:0!important;padding:0!important;height:auto!important;overflow:visible!important;background:none!important;border-radius:0!important}
  .pg-sheet{transform:none!important;margin:0!important;box-shadow:none!important;height:calc(var(--h) - 1.5mm)!important;break-inside:avoid;page-break-after:avoid}
}