/* The farm data home (/data) and the sources page (/data/sources), drawn on top of tools.css (tt-*, th-*) and data.css (dx-status). The result cards are mockup (a)'s dx-result rules (docs/design/usda-data-explorer/explorer.css). */
.dx-home .th-chips { margin-bottom: 1rem; }
.dx-count { margin: 0 0 .7rem; font-size: 13.5px; color: #43514a; }
.dx-results { list-style: none; padding: 0; margin: 0 0 1.4rem; display: grid; gap: .6rem; }
.dx-result { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .2rem .9rem; align-items: start; background: #fff; border: 1px solid #e7e1d6; border-radius: 10px; padding: .85rem 1rem; text-decoration: none; color: #1f2a24; }
.dx-result:hover { border-color: #1b3d2a; }
.dx-result:focus-visible { outline: 3px solid var(--accent, #d97746); outline-offset: 2px; }
.dx-result .ic { color: #8f3f16; font-size: 1.2rem; line-height: 1.3; }
.dx-result .nm { font-weight: 800; color: #16281d; font-size: 1rem; }
.dx-result .mt { grid-column: 2; font-size: 13px; color: #43514a; line-height: 1.45; }
.dx-result .st { grid-row: 1 / span 2; grid-column: 3; text-align: right; display: flex; flex-direction: column; gap: .35rem; align-items: flex-end; font-size: 12.5px; color: #435049; }
@media (max-width: 620px) { .dx-result { grid-template-columns: auto minmax(0, 1fr); } .dx-result .st { grid-row: auto; grid-column: 2; align-items: flex-start; text-align: left; } }
.dx-h2 { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #435049; margin: 1.6rem 0 .7rem; }
.dx-sources > div { flex: 1 1 22rem; min-width: 0; }
.dx-sources p { max-width: none; }
.dx-source-list { list-style: none; margin: .7rem 0 0; padding: 0; display: grid; gap: .5rem; font-size: 13.5px; line-height: 1.5; color: #43514a; }
.dx-source-list b { color: #16281d; }
.dx-src h2 { font-size: 1.25rem; margin: 0 0 .7rem; color: #16281d; }
.dx-src p { margin: 0 0 .6rem; font-size: 14.5px; line-height: 1.55; color: #2f3d36; }
.dx-src p b { color: #16281d; }
.dx-ext { display: inline-flex; align-items: center; gap: .35rem; margin-right: 1rem; color: #1b3d2a; font-weight: 600; text-decoration: underline; }
.dx-src-series { list-style: none; padding: 0; margin: 0; display: grid; gap: .4rem; }
.dx-src-series li { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .9rem; padding: .55rem 0; border-bottom: 1px solid #eef0ec; font-size: 14px; }
.dx-src-series a { font-weight: 700; color: #1b3d2a; }
.dx-src-last { color: #435049; font-size: 13px; }
.dx-back { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; color: #1b3d2a; font-weight: 700; text-decoration: underline; }
.dx-back:focus-visible { outline: 3px solid var(--accent, #d97746); outline-offset: 2px; }