#comment-selectors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; }
#comment-selectors > * { min-width: 0; max-width: 100%; }
#comment-selectors select { display: block; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }
.comment-bank-tool #comment-output { min-height: 150px; }
.comment-print-grid { display: none; }
.comment-print-card { min-height: 170px; padding: 14px; border: 1px solid #9da9b1; white-space: pre-wrap; overflow-wrap: anywhere; }
.comment-bank-tool #comment-error { color: #a94442; }
@media (max-width: 767px) { #comment-selectors { grid-template-columns: 1fr; } }
@media print { @page { size: A4 portrait; margin: 12mm; } body * { visibility: hidden !important; } #comment-result, #comment-result * { visibility: visible !important; } #comment-result { position: absolute; inset: 0 auto auto 0; width: 100%; } #comment-output, #comment-result .front-tools-field, #comment-result .front-tools-actions { display: none !important; } .comment-print-grid { display: grid !important; gap: 8mm; } .comment-print-grid.cards-2 { grid-template-columns: repeat(2, 1fr); } .comment-print-grid.cards-4 { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, minmax(90mm, auto)); } .comment-print-grid.cards-8 { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, minmax(55mm, auto)); } .comment-print-card { break-inside: avoid; } }