/* Keep the table, search and pagination in one bounded workspace. */
.page-intro .eyebrow {
    display: none;
}
.panel-heading .section-copy {
    flex: 1;
}
.panel-heading .table-tools {
    padding: 0;
}
.panel-heading .search-label {
    width: 225px;
}
td {
    padding-top: 11px;
    padding-bottom: 11px;
}
@media (min-width: 581px) {
    .workspace {
        height: calc(100dvh - 85px);
        padding-top: 20px;
        padding-bottom: 18px;
        display: flex;
        flex-direction: column;
    }
    .page-intro {
        margin-bottom: 12px;
        flex-shrink: 0;
    }
    .workspace > .tabs {
        margin-bottom: 16px;
        flex-shrink: 0;
    }
    .panel {
        display: flex;
        flex-direction: column;
        min-height: 220px;
        flex: 1;
    }
    .panel-heading {
        padding-top: 18px;
        padding-bottom: 14px;
        flex-shrink: 0;
    }
    .table-tools {
        padding-bottom: 14px;
        flex-shrink: 0;
    }
    #content {
        overflow: auto;
        min-height: 70px;
        flex: 1;
    }
    #content .table-scroll {
        overflow: visible;
    }
    .pagination {
        flex-shrink: 0;
        border-top: 1px solid var(--line);
    }
    th {
        position: sticky;
        top: 0;
        z-index: 1;
    }
    .workspace-footnote {
        margin-top: 12px;
        flex-shrink: 0;
    }
    .notice {
        margin-bottom: 12px;
        flex-shrink: 0;
    }
}
@media (max-width: 580px) {
    #content {
        max-height: 48dvh;
        overflow: auto;
    }
    #content table {
        min-width: 760px;
    }
    th {
        position: sticky;
        top: 0;
        z-index: 1;
    }
    .pagination {
        gap: 4px;
    }
    .pagination > span {
        font-size: 10px;
    }
    .pagination button {
        padding: 7px;
    }
}
@media (max-width: 850px) {
    .panel-heading {
        flex-wrap: wrap;
    }
    .panel-heading .table-tools {
        order: 3;
        width: 100%;
    }
    .panel-heading .search-label {
        width: 100%;
    }
    .panel-heading .section-copy {
        min-width: 180px;
    }
}