/* The fact label of a whole dataset (templates/hooks/factlabel_dataset_section.html):
 * the look of a model's FM Fact Label, its title's face and its rules, as
 * three tables side by side that stack on a narrow screen. */

.dataset-factlabel-title {
    font-family: "Libre Franklin", var(--hub-font-sans, sans-serif);
    font-weight: 800;
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
}

.dataset-factlabel-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    gap: 1.5rem;
    align-items: start;
}

.dataset-factlabel-table {
    width: 100%;
    border-top: 0.5rem solid var(--hub-body-color, #071437);
    font-variant-numeric: tabular-nums;
}

.dataset-factlabel-table th,
.dataset-factlabel-table td {
    padding: 0.3rem 0.25rem;
    border-bottom: 1px solid var(--hub-gray-300, #dbdfe9);
    font-weight: 400;
}

.dataset-factlabel-table tr.is-thick > * {
    border-bottom: 3px solid var(--hub-body-color, #071437);
    font-weight: 700;
}

.dataset-factlabel-table .is-indented {
    padding-left: 1rem;
}