/* Supporting design details remain readable in the reader and record drawer. */
.design-table[data-design-sheet="Control Data Mappings"] { min-width: 720px; table-layout: fixed; }
.design-table[data-design-sheet="Control Data Mappings"] th:nth-child(1) { width: 20%; }
.design-table[data-design-sheet="Control Data Mappings"] th:nth-child(2) { width: 23%; }
.design-table[data-design-sheet="Control Data Mappings"] th:nth-child(3) { width: 22%; }
.design-table[data-design-sheet="Control Data Mappings"] th:nth-child(4) { width: 35%; }
.design-table[data-design-sheet^="Control "] td { vertical-align: top; text-align: left; line-height: 1.55; padding: 12px; overflow-wrap: anywhere; }
.design-table[data-design-sheet^="Control "] .record-link { text-align: left; line-height: 1.5; }
.design-table[data-design-sheet="Control Index"] th:last-child { width: 40%; }
.binding-row { border: 1px solid #ccd9eb; border-radius: 10px; padding: 20px; margin: 18px 0; display: grid; gap: 14px; }
.binding-row legend { font-weight: 650; padding: 0 6px; }
.binding-row label { display: grid; gap: 6px; }
.binding-row input, .binding-row select, .binding-row textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 10px 12px; border: 1px solid #ccd9eb; border-radius: 8px; background: #fff; color: #19324a; font: inherit; line-height: 1.5; }
.binding-row textarea { resize: vertical; min-height: 76px; }
.binding-row input:focus, .binding-row select:focus, .binding-row textarea:focus { outline: 2px solid #3157ed; outline-offset: 2px; }
.binding-row .field-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
@media(max-width: 600px) { .binding-row .field-row { grid-template-columns: 1fr; } }