.functional-genes-page { font-variant-numeric: tabular-nums lining-nums; }
.functional-genes-hero { background: linear-gradient(112deg, #173738, #245553 68%, #3b625b); }
.functional-genes-hero::after { content: "GENES"; }
.functional-genes-hero h2 span { color: #e2c08b; }
.functional-genes-summary { margin-bottom: 22px; }
.functional-genes-summary > div::after { background: linear-gradient(90deg, #c88743, transparent 78%); }
.functional-genes-filters { grid-template-columns: minmax(240px, 1.5fr) minmax(210px, 1fr) 145px 170px auto; }
.functional-genes-filters label > span { display: block; margin: 0 0 5px; color: #526660; font-size: .62rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
.functional-genes-table { min-width: 2050px; }
.functional-genes-table th { position: sticky; top: 0; z-index: 1; }
.functional-genes-table td { min-width: 125px; max-width: 285px; line-height: 1.5; }
.functional-genes-table td:first-child { min-width: 115px; color: #173e3e; font-family: "SFMono-Regular", Consolas, monospace; font-size: .7rem; font-weight: 800; white-space: nowrap; }
.functional-genes-table td:nth-child(2) { min-width: 185px; color: #735277; font-weight: 700; }
.functional-genes-table td:nth-child(3), .functional-genes-table td:nth-child(9), .functional-genes-table td:nth-child(10) { min-width: 245px; }
.functional-genes-table td:nth-child(11) { min-width: 60px; color: #173e3e; font-weight: 800; white-space: nowrap; }
.functional-genes-table td:nth-child(13), .functional-genes-table td:nth-child(14) { min-width: 190px; }
.functional-genes-table td a { color: #2a6d57; text-decoration: none; overflow-wrap: anywhere; }
.functional-genes-table td a:hover { text-decoration: underline; }
.functional-genes-table td:empty::after { content: "Not reported"; color: #98a49f; font-style: italic; }
.functional-genes-table-wrap { max-height: 68vh; }
.functional-genes-pagination { margin-top: 0; }
@media (max-width: 1080px) { .functional-genes-filters { grid-template-columns: 1.25fr 1fr 1fr; } }
@media (max-width: 760px) { .functional-genes-filters { grid-template-columns: 1fr; padding: 16px 20px; } .functional-genes-table-wrap { max-height: none; } }