/* Size the detail labels to their text instead of a percentage of the page. */
table.corpus-query-layout {
    min-width: 0;
}

table.corpus-query-layout > tbody > tr > td.fullwidth {
    min-width: 0;
}

table.corpus-introduction-details {
    table-layout: auto;
    width: 100%;
}

table.corpus-introduction-details td.layout-bg {
    width: 1%;
    white-space: nowrap;
}

table.corpus-introduction-details td.layout-fg {
    overflow-wrap: anywhere;
}

table.corpus-introduction-action a.control-box {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1.4;
    padding: 0.3rem 0.65rem;
}

@media (max-width: 850px) {
    table.corpus-introduction-details,
    table.corpus-introduction-details > tbody,
    table.corpus-introduction-details tr,
    table.corpus-introduction-details td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    table.corpus-introduction-details td.layout-bg {
        white-space: normal;
    }
}