.breeding-catalog { max-width: 1240px; }
.breeding-catalog .trait-gene-section { padding: 0; }
.breeding-catalog .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.breeding-catalog .page-heading p { max-width: 72ch; }
.breeding-category-nav { display: flex; flex-wrap: wrap; gap: .75rem 2rem; padding: 1rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.breeding-category-nav a { font-size: 1rem; font-weight: 700; padding: .5rem 0; }
.breeding-catalog .trait-gene-grid { display: block; border: 0; }
.breeding-catalog .trait-gene-column { padding: 0; border: 0; margin: 0 0 2.5rem; }
.breeding-catalog .trait-gene-column h3 { font-size: 1.375rem; line-height: 1.4; padding: 0 0 1rem; border-bottom: 2px solid var(--trait-color, var(--header)); scroll-margin-top: 150px; }
.breeding-catalog .trait-gene-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3rem; }
.breeding-catalog .trait-gene-row { padding: 1.5rem 0; margin: 0; border-bottom: 1px solid var(--border); }
.breeding-catalog .trait-gene-function { font-size: 1.125rem; line-height: 1.5; margin-bottom: 1rem; }
.breeding-catalog .trait-gene-genes { gap: .75rem 1.5rem; margin-bottom: 1rem; }
.breeding-catalog .trait-gene, .breeding-catalog .trait-gene i { font-size: 1.0625rem; }
.breeding-catalog .trait-gene code { font-size: 1rem; line-height: 1.5; overflow-wrap: anywhere; }
.breeding-catalog .trait-gene-reference { font-size: 1rem; line-height: 1.5; }
.breeding-catalog :focus-visible { outline: 2px solid var(--header); outline-offset: 4px; }
.gene-identifier-sources { border-top: 1px solid var(--border); padding: 1rem 0; }
.gene-identifier-sources summary { cursor: pointer; font-weight: 700; }
.gene-source-scroll { overflow-x: auto; }
.gene-source-scroll table { width: 100%; min-width: 680px; border-collapse: collapse; }
.gene-source-scroll caption { text-align: left; padding: .75rem 0; }
.gene-source-scroll th, .gene-source-scroll td { text-align: left; vertical-align: top; padding: .75rem; border-bottom: 1px solid var(--border); }
@media (max-width: 700px) {
    .breeding-category-nav { gap: .25rem 1.5rem; }
    .breeding-catalog .trait-gene-list { grid-template-columns: minmax(0, 1fr); }
    .breeding-catalog .trait-gene-column { margin-bottom: 2rem; }
    .breeding-catalog .trait-gene-column h3 { scroll-margin-top: 230px; }
}
