.difficulty-grade { display: flex; flex-direction: column; }
.difficulty-grade > .difficulty-record { margin-top: auto; }
.difficulty-record { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 4px; padding-top: 22px; color: #4d6939; font-size: 13px; line-height: 1.7; }
.difficulty-record strong { font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
.taxon-records { margin-top: 16px; padding-top: 12px; border-top: 1px solid #e0eadc; }
.taxon-record { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; padding: 4px 0; min-width: 0; }
.record-label { color: #718069; font-size: 12px; line-height: 1.6; }
.record-size { display: inline-flex; align-items: baseline; gap: 5px; color: #287f7a; white-space: nowrap; }
.record-size strong { font-size: 22px; line-height: 1.3; font-weight: 600; font-variant-numeric: tabular-nums; }
.record-size > span { font-size: 11px; }
.record-scope { flex-basis: 100%; color: #527b60; font-size: 12px; overflow-wrap: anywhere; }
.other-taxon-records { margin-top: 20px; }
.other-taxon-records > h4 { color: #527b60; font-size: 13px; font-weight: 500; }
.other-taxon-records .taxon-records { margin-top: 8px; }
.hero-content > .taxon-records { padding-top: 0; border-top: 0; margin-bottom: 16px; }
.rearing-source-list { padding-bottom: 20px; overflow-wrap: anywhere; }
.rearing-source-list h3 { font-size: 14px; margin-bottom: 8px; }
.rearing-source-list > div { margin-top: 12px; }
.rearing-source-list strong { color: #476d54; font-size: 12px; }
.rearing-source-list p { color: #6b7f66; font-size: 11px; line-height: 1.8; margin-top: 4px; }
@media(max-width:820px) {
 .record-label, .record-scope { font-size: 11px; }
 .record-size strong { font-size: 20px; }
 .taxon-records { margin-top: 12px; padding-top: 9px; }
}