@page { size: A4; margin: 14mm; }
body { font-family: "Segoe UI", Helvetica, Arial, sans-serif; color: #1c1915; margin: 0; padding: 16px; font-size: 12pt; }
h1 { font-size: 1.5rem; margin: 0 0 2px; }
.sub { color: #5f6475; margin: 0 0 14px; font-size: 0.9rem; }
table { border-collapse: collapse; margin: 0 auto 16px; }
/* ponytail: fixed 10mm cells; 15 cols = 150mm, fits A4 with margins. Scale if grids ever exceed 18 cols. */
td { width: 10mm; height: 10mm; min-width: 10mm; border: 1px solid #1c1915; position: relative; text-align: center; vertical-align: middle; font-weight: 700; font-size: 15pt; padding: 0; }
td.b { background: #1e3a32; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
td i { position: absolute; top: 1px; left: 2px; font-size: 7pt; font-style: normal; font-weight: 600; }
.cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; break-inside: avoid; }
h2 { font-size: 1rem; margin: 10px 0 4px; }
ul { list-style: none; margin: 0; padding: 0; font-size: 10pt; }
li { margin: 0 0 3px; }
.pimg { width: 24mm; height: 16mm; vertical-align: middle; border: 1px solid #ccc; border-radius: 2px; margin-right: 3px; }
.foot { color: #5f6475; font-size: 8pt; margin-top: 14px; }
.bar { display: flex; gap: 8px; margin-bottom: 14px; }
.bar a, .bar button { font: inherit; font-size: 1.05rem; font-weight: 700; padding: 12px 18px; min-height: 48px; border: 2px solid #1c1915; background: #f0b429; color: #1c1915; text-decoration: none; cursor: pointer; }
.bar a { background: transparent; }
@media print { body { padding: 0; } .bar { display: none; } }