.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; }
}

/* Scoring panel and compact record footer */
.difficulty-panel.difficulty-compact { background:#e4eec9; border:1px solid #d6e5d7; }
.difficulty-compact .difficulty-grade { --record-pad:24px; background:#e4eec9; padding:20px var(--record-pad) 16px; border-radius:inherit; }
.difficulty-compact .difficulty-grade:has(.difficulty-record) { padding-bottom:0; }
.difficulty-compact .difficulty-heading + .difficulty-score { margin:15px 0 0; }
.difficulty-compact:has(.difficulty-help[open]) { overflow:visible; }
.difficulty-record { align-items:center; gap:6px 7px; padding:12px 0; color:#576b61; }
.difficulty-grade > .difficulty-record { margin:16px calc(-1 * var(--record-pad)) 0; padding:12px var(--record-pad); background:#fbfdfa; border-top:1px solid #d5e2cf; border-radius:0 0 20px 20px; }
.difficulty-record strong { color:#213936; font-size:22px; line-height:1.2; white-space:nowrap; }
.difficulty-record strong small { font-size:14px; font-weight:500; }
.difficulty-record .sub-code, .difficulty-record .record-credit { display:inline-flex; align-items:center; gap:4px; max-width:100%; overflow-wrap:anywhere; margin:0; padding:3px 7px; border-radius:5px; font-size:12px; font-weight:600; line-height:16px; }
.difficulty-record .sub-code { background:#dff0ed; color:#287b75; }
.difficulty-record .record-credit { background:#f4eada; color:#755737; }
.record-credit svg { width:12px; height:12px; flex:none; }
@media (max-width:550px) {
 .difficulty-compact .difficulty-grade { --record-pad:14px; padding-top:16px; }
}