/* Scoped compatibility controls and matrix readability; no global theme overrides. */
#mexela-client-filter-tools:empty { display: none; }
#mexela-client-filter-tools { margin: 1.5rem 0; }
#mexela-client-filter-tools fieldset { min-width: 0; padding: 1.1rem; border: 1px solid #bfcbd7; border-radius: .5rem; background: #f7fafc; color: #172c40; }
#mexela-client-filter-tools legend { max-width: 100%; padding: 0 .4rem; font-weight: 700; font-size: 1.1rem; }
#mexela-client-filter-tools p { margin: .7rem 0; }
#mexela-client-filter-tools .mexela-client-filter-controls { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-end; }
#mexela-client-filter-tools .mexela-client-filter-field { display: flex; flex: 1 1 13rem; flex-direction: column; gap: .35rem; min-width: 0; }
#mexela-client-filter-tools label { font-weight: 600; }
#mexela-client-filter-tools select { width: 100%; max-width: 100%; min-width: 0; min-height: 44px; padding: .5rem; border: 1px solid #60788e; border-radius: .25rem; background: #fff; color: #172c40; font: inherit; }
#mexela-client-filter-tools button { min-height: 44px; padding: .5rem .9rem; border: 1px solid #315f88; border-radius: .25rem; background: #fff; color: #172c40; font: inherit; cursor: pointer; }
#mexela-client-filter-tools select:focus-visible, #mexela-client-filter-tools button:focus-visible { outline: 3px solid #185f96; outline-offset: 3px; }
#mexela-client-filter-tools [hidden], figure[hidden]:has(> table[id^="mexela-client-table-"]), table[id^="mexela-client-table-"][hidden], table[id^="mexela-client-table-"] tr[hidden] { display: none !important; }
figure:has(> table[id^="mexela-client-table-"]) { max-width: 100%; overflow-x: auto; }
table[id^="mexela-client-table-"] { min-width: 42rem; width: 100%; table-layout: auto; }
table[id^="mexela-client-table-"] caption { text-align: left; padding: .65rem 0; }
table[id^="mexela-client-table-"] th, table[id^="mexela-client-table-"] td { vertical-align: top; white-space: normal; overflow-wrap: break-word; padding: .7rem; }
@media (max-width: 600px) { #mexela-client-filter-tools .mexela-client-filter-controls { display: block; } #mexela-client-filter-tools .mexela-client-filter-field { margin-bottom: .85rem; } }

/* Keyboard-accessible horizontal region for the additional developer matrix. */
figure.mexela-client-developer-region { max-width: 100%; overflow-x: auto; }
figure.mexela-client-developer-region:focus-visible { outline: 3px solid #185f96; outline-offset: 3px; }
#mexela-client-table-developer { min-width: 48rem; }

/* Keep the existing developer ZIP checksum inside this matrix page. */
body.page-id-1028 #developer-examples-download + p + p code { white-space: normal; overflow-wrap: anywhere; word-break: break-word; }