.layout__main {
    #registerable-management-container { overflow-x: auto }

    .attendee-list-table {
        inline-size: 100%;

        :is(th, td):last-child {
            position: sticky;
            inset-inline-end: 0;
            background-color: var(--surface-page);
        }

        tbody tr:hover > :last-child { background-color: color-mix(in srgb, currentColor 12%, var(--surface-page)) }
        td:last-child {
            > button, > form > button { white-space: nowrap }
        }
    }

    @container site (width >= 54rem) {
        #registerable-management-container { overflow-x: visible }
    }
}