.tf-page .motif-table{table-layout:fixed !important;}
.tf-page .motif-table th:nth-child(1),
.tf-page .motif-table td:nth-child(1){width:22% !important;}
.tf-page .motif-table th:nth-child(2),
.tf-page .motif-table td:nth-child(2){width:10% !important;overflow:hidden !important;}
.tf-page .motif-table th:nth-child(3),
.tf-page .motif-table td:nth-child(3){width:15% !important;min-width:120px !important;white-space:nowrap !important;word-break:keep-all !important;overflow-wrap:normal !important;hyphens:none !important;}
.tf-page .motif-table th:nth-child(4),
.tf-page .motif-table td:nth-child(4){width:16% !important;}
.tf-page .motif-table th:nth-child(5),
.tf-page .motif-table td:nth-child(5){width:13% !important;}
.tf-page .motif-table th:nth-child(6),
.tf-page .motif-table td:nth-child(6){width:17% !important;}
.tf-page .motif-table th:nth-child(7),
.tf-page .motif-table td:nth-child(7){width:7% !important;}
.tf-page .motif-table .chip{
  display:inline-block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  vertical-align:middle !important;
  font-size:11.5px !important;
  line-height:1.2 !important;
  padding:3px 7px !important;
}

/* Keep the 3D model table controls visually consistent with the page.
   These are sortable table headers, not primary action buttons. */
.tf-page .model-table th{background:#f0f3f8 !important;}
.tf-page .model-table .sort-btn,
.tf-page .summary-table .sort-btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:6px !important;
  color:#253044 !important;
  cursor:pointer !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  font:inherit !important;
  font-size:13px !important;
  font-weight:750 !important;
  line-height:1.25 !important;
  min-height:0 !important;
  padding:2px 4px !important;
  text-align:left !important;
  text-decoration:none !important;
  width:auto !important;
}
.tf-page .model-table .sort-btn:hover,
.tf-page .model-table .sort-btn:focus,
.tf-page .summary-table .sort-btn:hover,
.tf-page .summary-table .sort-btn:focus{
  background:#e8eef7 !important;
  color:var(--accent-dark) !important;
  outline:0 !important;
  text-decoration:none !important;
}
.tf-page .model-table .sort-icon,
.tf-page .summary-table .sort-icon{
  color:var(--muted) !important;
  font-size:11px !important;
  line-height:1 !important;
}
.tf-page .model-table td,
.tf-page .summary-table td{vertical-align:middle !important;}
.tf-page .model-table tbody tr:hover,
.tf-page .summary-table tbody tr:hover{background:#fbfcfe !important;}
.tf-page .model-actions a,
.tf-page .model-table td a{
  border-radius:5px !important;
  padding:1px 3px !important;
}
.tf-page .model-actions a:hover,
.tf-page .model-table td a:hover{
  background:#eef5ff !important;
  text-decoration:none !important;
}

.search-results-table th:nth-child(7),
.search-results-table td:nth-child(7),
.search-results-table .search-col-pfam{display:none !important;}
.search-results-table .search-col-id{width:14% !important;}
.search-results-table .search-col-gene{width:12% !important;}
.search-results-table .search-col-protein{width:42% !important;}
.search-results-table .search-col-prediction{width:18% !important;}
.search-results-table .search-col-pwm{width:7% !important;}
.search-results-table .search-col-3d{width:7% !important;}
.search-results-table .protein-cell{overflow-wrap:anywhere !important;white-space:normal !important;}
.search-results-table .number-cell{text-align:center !important;white-space:nowrap !important;}

/* Search section disclosure: replace browser triangle with a small aligned chevron. */
details > summary[style*="cursor:pointer"]{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  list-style:none !important;
  color:var(--ink) !important;
  line-height:1.15 !important;
}
details > summary[style*="cursor:pointer"]::-webkit-details-marker{display:none !important;}
details > summary[style*="cursor:pointer"]::marker{content:"" !important;}
details > summary[style*="cursor:pointer"]::before{
  content:"" !important;
  width:9px !important;
  height:9px !important;
  border-right:2px solid #9aa4b2 !important;
  border-bottom:2px solid #9aa4b2 !important;
  transform:rotate(45deg) translateY(-2px) !important;
  transform-origin:center !important;
  transition:transform .16s ease,border-color .16s ease !important;
  flex:0 0 auto !important;
  margin-right:0 !important;
}
details:not([open]) > summary[style*="cursor:pointer"]::before{
  transform:rotate(-45deg) translateY(1px) !important;
}
details > summary[style*="cursor:pointer"]:hover::before{border-color:#64748b !important;}
details > summary[style*="cursor:pointer"] strong{
  font-size:28px !important;
  line-height:1.15 !important;
}
details > summary[style*="cursor:pointer"] span.muted{
  float:none !important;
  margin-left:auto !important;
  margin-top:0 !important;
  padding-top:3px !important;
  text-align:right !important;
}