﻿.advListGoToLinks {
    background: #fff;
    padding: 0 1em 1em 1em;
    display: block;
    margin: 0.5em 0 2em 0;
    border: 1px solid #ccc;
}

.advListGoToLinksGroup {
    display: flex;
    flex-wrap: wrap;
}

.advListGoToLinks .advListGoToLinksGroup a {
    padding: 0.5em;
    margin: 0 .75em 0 0;
    border-bottom: 2px solid #fff;
}

    .advListGoToLinks .advListGoToLinksGroup a:hover {
        background: #f8f8f8;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom: 2px solid #cc0000;
        color: #003b8d;
        text-decoration: none;
        font-weight: bold;
    }
.advListTableWrap {
    container-type: inline-size;
    display: block;
    box-sizing: border-box;
    --flip-pad: 12ch;
    font-family: inherit;
    font-size: 1rem;
}
.advListTable {
    display: grid;
    grid-template-columns: var(--grid-cols);
    border: 1px solid #ddd;
    box-sizing: border-box;
    overflow-x: hidden;
    font-family: inherit;
    font-size: 1rem;
    margin: 1em;
}
.advListHeaderRow,
.advListDataRow {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    align-items: start;
}

.advListHeaderRow {
    font-weight: 600;
    background: var(--cc-lightGrey);
}
.advListHeaderCell,
.advListDataCell {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    border: 1px solid black;
    text-align: left;
    line-height: 1.3;
    word-break: break-word;
    white-space: normal;
    overflow-wrap: anywhere;
    overflow: visible;
    height: 100%;
}

    /* Role-based cell styles */
    .advListHeaderCell[data-role="currency"],
    .advListDataCell[data-role="currency"] {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    .advListHeaderCell[data-role="narrow"],
    .advListDataCell[data-role="narrow"] {
        /* uses default styles */
    }

    .advListHeaderCell[data-role="wide"],
    .advListDataCell[data-role="wide"] {
        /* uses default styles */
    }

/* Alternating color striping */
.advListDataRow:nth-child(odd) .advListDataCell {
    background: #fafafa;
}
.advListSmallTable {
    display: none;
    margin: 1em 0;
}

.advListSmallRow {
    border-top: 1px solid #eee;
    padding: .5rem 0;
}

.advListSmallList {
    margin: 0;
    padding: 0;
}

.advListSmallCell {
    display: grid;
    grid-template-columns: 14ch 1fr;
    gap: .4rem .75rem;
    padding: .25rem .75rem;
    align-items: start;
}

.advListSmallLabel {
    margin: 0;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

.advListSmallValue {
    margin: 0;
    word-break: break-word;
    overflow-wrap: anywhere;
}
@supports (container-type: inline-size) {
    @container (max-width: calc(var(--min-sum, 9999ch) + var(--flip-pad, 0ch))) {
        .advListTable {
            display: none;
        }

        .advListSmallTable {
            display: block;
        }
    }

    @container (max-width: 1500px) {
        .advListTable:has(.advListHeaderCell:nth-child(n+12)) {
            display: none;
        }

            .advListTable:has(.advListHeaderCell:nth-child(n+12)) ~ .advListSmallTable {
                display: block;
            }
    }

    @container (max-width: 1420px) {
        .advListTable:has(.advListHeaderCell:nth-child(n+11)):not(:has(.advListHeaderCell:nth-child(n+12))) {
            display: none;
        }

            .advListTable:has(.advListHeaderCell:nth-child(n+11)):not(:has(.advListHeaderCell:nth-child(n+12))) ~ .advListSmallTable {
                display: block;
            }
    }

    @container (max-width: 1300px) {
        .advListTable:has(.advListHeaderCell:nth-child(n+10)):not(:has(.advListHeaderCell:nth-child(n+11))) {
            display: none;
        }

            .advListTable:has(.advListHeaderCell:nth-child(n+10)):not(:has(.advListHeaderCell:nth-child(n+11))) ~ .advListSmallTable {
                display: block;
            }
    }

    @container (max-width: 1150px) {
        .advListTable:has(.advListHeaderCell:nth-child(n+8)):not(:has(.advListHeaderCell:nth-child(n+10))) {
            display: none;
        }

            .advListTable:has(.advListHeaderCell:nth-child(n+8)):not(:has(.advListHeaderCell:nth-child(n+10))) ~ .advListSmallTable {
                display: block;
            }
    }

    @container (max-width: 980px) {
        .advListTable:has(.advListHeaderCell:nth-child(n+6)):not(:has(.advListHeaderCell:nth-child(n+8))) {
            display: none;
        }

            .advListTable:has(.advListHeaderCell:nth-child(n+6)):not(:has(.advListHeaderCell:nth-child(n+8))) ~ .advListSmallTable {
                display: block;
            }
    }

    @container (max-width: 860px) {
        .advListTable:has(.advListHeaderCell:nth-child(n+4)):not(:has(.advListHeaderCell:nth-child(n+6))) {
            display: none;
        }

            .advListTable:has(.advListHeaderCell:nth-child(n+4)):not(:has(.advListHeaderCell:nth-child(n+6))) ~ .advListSmallTable {
                display: block;
            }
    }

    @container (max-width: 720px) {
        .advListTable:has(.advListHeaderCell:nth-child(n+2)):not(:has(.advListHeaderCell:nth-child(n+4))) {
            display: none;
        }

            .advListTable:has(.advListHeaderCell:nth-child(n+2)):not(:has(.advListHeaderCell:nth-child(n+4))) ~ .advListSmallTable {
                display: block;
            }
    }
}

@supports not (container-type: inline-size) {
    @media (max-width: 900px) {
        .advListTable {
            display: none;
        }

        .advListSmallTable {
            display: block;
        }
    }
}
@supports (container-type: inline-size) {
    @container (max-width: 520px) {
        .advListSmallCell {
            grid-template-columns: 1fr;
            grid-template-areas: "label" "value";
            row-gap: .15rem;
            padding: .35rem .75rem;
        }

        .advListSmallLabel {
            grid-area: label;
            font-size: .95rem;
            line-height: 1.2;
            margin: 0 0 .1rem 0;
            color: #444;
            white-space: normal;
        }

        .advListSmallValue {
            grid-area: value;
            font-size: 1rem;
            line-height: 1.35;
            white-space: normal;
            word-break: break-word;
            overflow-wrap: anywhere;
            text-align: left;
        }
    }
}

