/* ---- Core page wrapper (matches About/Privacy) ---- */

.pgi-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 1rem
}

.container-xxl {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 1rem
}

/* ---- Footer ---- */
.pgi-footer {
    border-top: 1px solid rgba(0,0,0,.08);
    padding: 1rem 0;
    font-size: .95rem;
    color: rgba(0,0,0,.78)
}

.pgi-footer__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem
}

.pgi-footer__nav {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    margin-bottom: .5rem
}

    .pgi-footer__nav a, .pgi-footer__nav .linklike {
        color: inherit;
        text-decoration: none
    }

        .pgi-footer__nav a:hover, .pgi-footer__nav .linklike:hover {
            text-decoration: underline
        }

.linklike {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer
}

.pgi-footer__credits, .pgi-footer__disclaimer {
    margin: .25rem 0
}

/* ---- Table + mobile wrap ---- */
.table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.ft-table {
    min-width: 720px
}

/* ---- Header tooltips (no JS) ---- */
.th-help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    margin-left: .35rem;
    border-radius: 999px;
    font: 600 .75rem/1 system-ui,Segoe UI,Arial,sans-serif;
    border: 1.5px solid currentColor;
    color: inherit;
    background: transparent;
    cursor: help
}

/*  .th-help:focus-visible {
        outline: 2px solid rgba(0,0,0,.25);
        outline-offset: 2px
    }

    .th-help[data-tip] {
        position: relative
    }

        .th-help[data-tip]::after {
            content: attr(data-tip);
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 125%;
            white-space: nowrap;
            padding: .4rem .55rem;
            border-radius: .45rem;
            background: #111;
            color: #fff;
            font: 500 .75rem/1.2 system-ui,Segoe UI,Arial,sans-serif;
            opacity: 0;
            pointer-events: none;
            transition: opacity .12s ease;
            box-shadow: 0 6px 20px rgba(0,0,0,.15);
            z-index: 10
        }

        .th-help[data-tip]:hover::after, .th-help[data-tip]:focus::after {
            opacity: 1
        }

@media (max-width:520px) {
    .th-help[data-tip]::after {
        white-space: normal;
        width: min(78vw,24rem);
        text-wrap: balance
    }
} */

/* ---- Ad slots (tight by default on text pages) ---- */
.ad-slot {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow-x: clip
}

.ad-ins {
    display: block;
    width: 100%
}

.ad--tight .ad-ins {
    min-height: 0;
    margin: 8px 0
}

.ad--md .ad-ins {
    min-height: 90px;
    margin: 12px 0
}

.ad--show-desktop {
    display: block
}

.ad--show-mobile {
    display: none
}

@media (max-width:768px) {
    .ad--show-desktop {
        display: none
    }

    .ad--show-mobile {
        display: block
    }
}

.ad--fixed-320x50 .ad-ins {
    width: 320px;
    height: 50px;
    min-height: 50px;
    margin: 8px auto
}

.ad--fixed-320x100 .ad-ins {
    width: 320px;
    height: 100px;
    min-height: 100px;
    margin: 8px auto
}
/* clickable chips used for on-page nav */
.edu-chips a.edu-chip {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .65rem;
    border-radius: .75rem;
    border: 1px solid rgba(0,0,0,.08);
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.03);
}

    .edu-chips a.edu-chip:hover {
        background: #f7f9fb;
    }

/* reference link in table */
.ref-link {
    text-decoration: none;
    border-bottom: 1px dotted currentColor;
}

    .ref-link:hover {
        border-bottom-style: solid;
    }