#content #advanced-search .field {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    cursor: inherit;
    display: block;
    line-height: inherit;
    margin: 0 0 20px 0;
    padding: 0;
}

#content #advanced-search .field .button {
    font-size: 0.875em;
    line-height: 18px;
    margin-top: 4px;
    padding: 0 6px;
}

#content #advanced-search .field .field-meta {
    margin: 0;
}

#content #advanced-search .field .field-meta label,
#content #advanced-search .field .field-meta .label {
    font-weight: bold;
}

#content #search-compare {
    margin: 0 0 20px 0;
}

#content .compare-browse {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.25em;
    font-weight: bold;
    text-align:center;
}

#content .compare-browse > a {
    flex: 1 1 auto;
}

@media screen and (max-width: 767px) {
    #content .compare-browse > a {
        min-width: 7%;
    }
}

#content .filters {
    margin-top: 8px;
}

@media screen and (min-width: 768px) {
    #content .filters {
        columns: 2;
    }
}

#content .filters > .filter {
    break-inside: avoid-column;
    padding-bottom: 8px;
}

#content .filters > .filter:last-child {
    padding-bottom: 16px;
}

#content .filters > .filter,
#content .filters > .filter input {
    width: 288px;
}

#content .filters > .filter select {
    width: 140px;
    margin-right: 8px;
}

#content .filters > .filter select + input {
    width: 140px;
}

#content .filters > .filter .field {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    cursor: default;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: right;
}

#content .filters > .filter .field div {
    display: inline-block;
}

#content .filters > .filter .field input {
    width: 140px;
}

#content .media-render {
    margin: 0 0 20px 0;
}

#content .media-render img {
    max-width: 100%;
}

#content .resource-link img {
    margin-right: 4px;
    width: 3em;
}

#content .table td {
    vertical-align: middle;
}

#content .table th[scope="colgroup"] {
    border-bottom: none;
    padding: 0;
}

#content .table tr + tr th[scope="colgroup"] {
    padding-top: 8px;
}