.auto_fill_cards {
    /*border: 1px solid green;*/
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(15em, 100%), 1fr));
    gap: var(--column-gap, 0.5rem);
    flex-wrap: wrap;
}
.auto_fit_cards {
    /*border: 1px solid green;*/
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(15em, 100%), 1fr));
    gap: var(--column-gap, 0.5rem);
    flex-wrap: wrap;
}

.num {
    text-align: right;
}

table.settings tr,
table.settings td {
    /* border: 0; */
     padding: 20px 10px;
}
table.settings tr td:first-child {
    font-weight: var(--font-semibold);
}

.sort_link {
     display: inline-flex;
  align-items: center; /* optional: keeps text and icon vertically aligned */
  gap: 0.25em;         /* optional: space between text and icon */
  white-space: nowrap;
}