.ui-resource-row > div { min-width: 0; width: 100%; }
.resource-metadata { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 20px; margin: 16px 0; }
.resource-metadata > div { display: grid; grid-template-columns: 5em minmax(0, 1fr); gap: 8px; min-width: 0; }
.resource-metadata dt { color: var(--ink-soft); }
.resource-metadata dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.resource-description { margin-block: 16px; }
.resource-updated { margin-block: 8px; }
.resource-search { display: block; margin-block: 24px; }
.resource-search label { display: block; margin-bottom: 8px; }
.resource-search input, .resource-search select { width: 100%; min-width: 0; }
.resource-search-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-block: 16px; }
.resource-search-fields > div, .resource-search-keyword { min-width: 0; }
.resource-results { display: grid; gap: 16px; }
.resource-results > .ui-resource-row { margin: 0; padding: 24px; }
@media (max-width: 640px) {
    .resource-metadata, .resource-search-fields { grid-template-columns: minmax(0, 1fr); }
    .resource-results > .ui-resource-row { padding: 16px; }
}