/*********************************************
 * Legal Compliance Item
**********************************************/
.vii-legal-compliance-item__inner {gap:24px;}
.vii-legal-compliance-list__tag,
.vii-legal-compliance-item {
    container:vii-legal-compliance-item/inline-size;
    margin-bottom:26px;padding-bottom:24px;
    border-bottom:1px solid var(--vii-color-light-gray-7);
}
.vii-legal-compliance-item:has( + .vii-legal-compliance-list__tag) {margin-bottom:48px;border-bottom:none;}
.vii-legal-compliance-item:last-of-type,
.vii-legal-compliance-list__tag:last-of-type {
    margin-bottom:0;border-bottom:none;
}

.vii-legal-compliance-item__title {width:660px;}
.vii-legal-compliance-item__button {min-width:145px;}
.vii-legal-compliance-item__inner time {width:105px;}

.vii-legal-compliance-item__inner:hover .vii-legal-compliance-item__title,
.vii-legal-compliance-item__inner:focus .vii-legal-compliance-item__title {
    --vii-color-heading:var(--vii-color-primary);
}

/*********************************************
 * Responsive Legal Compliance Item
**********************************************/
@media only screen and (max-width:1024px) {
    .vii-legal-compliance-item {margin-bottom:32px;padding-bottom:32px;}
}
@container vii-legal-compliance-item (max-width:600px) {
    .vii-legal-compliance-item__inner {flex-wrap:wrap;gap:12px;}
    .vii-legal-compliance-item__title {width:100%;}
    .vii-legal-compliance-item__inner time {order:-1;}

}