/* Match the survey's plain tables and template tabs across all audio domains. */
.examples-container { max-width: 1320px; margin: 0 auto; width: 100%; }
.examples-intro { margin: 0 auto 24px; max-width: 900px; text-align: center; }
.examples-description { text-align: center; margin: 16px auto; max-width: 900px; }
.example-category-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 14px 0 20px; }
.example-category-filters button { border: 1px solid #ccc; border-radius: 3px; background: white; color: #4a4a4a; padding: 5px 12px; font-size: 13px; }
.example-category-filters button.active { background: #ececec; border-color: #aaa; font-weight: 600; }
.editing-examples-table { table-layout: fixed; width: 100%; font-size: 13px; }
.speech-examples-table col:nth-child(1), .speech-examples-table col:nth-child(4) { width: 20%; }
.speech-examples-table col:nth-child(2), .speech-examples-table col:nth-child(5) { width: 21%; }
.speech-examples-table col:nth-child(3) { width: 18%; }
.media-examples-table col { width: 33.333%; }
.editing-examples-table th { text-align: left; padding: 12px 10px; border-bottom: 1px solid #aaa; color: #4a4a4a; }
.editing-examples-table td { padding: 18px 10px 10px; vertical-align: top; line-height: 1.6; overflow-wrap: anywhere; }
.editing-examples-table tbody:nth-of-type(odd) { background: #f8f8f8; }
.editing-examples-table tbody { border-bottom: 1px solid #ddd; }
.editing-examples-table audio { width: 100%; height: 38px; display: block; margin-top: 10px; }
.example-title { display: block; min-height: 21px; font-weight: 500; }
.example-category { display: block; font-size: 11px; color: #666; margin-bottom: 6px; }
.example-preservation { margin-top: 12px; color: #666; font-size: 12px; }
.editing-examples-table mark { background: #fff0b5; color: inherit; padding: 1px 2px; }
.audio-error { font-size: 12px; margin-top: 8px; }
@media (max-width: 900px) {
  .editing-examples-table, .editing-examples-table tbody, .editing-examples-table tr, .editing-examples-table td { display: block; width: 100%; }
  .editing-examples-table thead, .editing-examples-table colgroup { display: none; }
  .editing-examples-table tbody { padding: 10px 6px; margin-bottom: 20px; }
  .editing-examples-table td { padding: 10px; }
  .editing-examples-table td[data-label]::before { content: attr(data-label); display: block; font-size: 12px; color: #666; font-weight: 600; margin-bottom: 6px; }
  .editing-examples-table audio { max-width: 360px; }
}