.gidb-entity-image {
    display: block;
    height: auto;
    max-width: 100%;
}

.gidb-missing {
    border: 1px dashed #c33;
    color: #a00;
    padding: .15rem .35rem;
}

.gidb-details {
    margin-block: 2.5rem;
}

.gidb-detail-section {
    margin-block: 1.75rem;
}

.gidb-table-wrap {
    overflow-x: auto;
}

.gidb-data-table {
    border-collapse: collapse;
    width: 100%;
}

.gidb-data-table th,
.gidb-data-table td {
    border-bottom: 1px solid rgba(127, 127, 127, .25);
    padding: .65rem .75rem;
    text-align: left;
    vertical-align: top;
}

.gidb-data-table th {
    width: 13rem;
}

.gidb-card-grid,
.gidb-image-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

.gidb-data-card {
    border: 1px solid rgba(127, 127, 127, .25);
    border-radius: .5rem;
    padding: 1rem;
}

.gidb-data-card h4 {
    margin-top: 0;
}

.gidb-image-grid img {
    aspect-ratio: 1;
    height: auto;
    object-fit: contain;
    width: 100%;
}

.gidb-value-chip {
    background: rgba(127, 127, 127, .12);
    border-radius: 999px;
    display: inline-block;
    padding: .35rem .65rem;
}
.gidb-farm {
    display: inline-flex;
    align-items: center;
    gap: .4em;
    padding: .45em .75em;
    border-radius: 999px;
    font-weight: 600;
}

.gidb-farm--open {
    background: #e7f7ed;
    color: #176b3a;
}

.gidb-farm--closed {
    background: #fff3df;
    color: #8a4b08;
}

.gidb-farm--always {
    background: #eef2f7;
    color: #374151;
}

.gidb-relation-card {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
    border: 1px solid rgba(127, 127, 127, .25);
    border-radius: .75rem;
    text-decoration: none;
}

.gidb-relation-card img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.gidb-relation-card strong {
    margin-left: auto;
}