/**
 * page-content.css
 *
 * Inner page content styles for the PeaceBridge Global website.
 * Provides the solid header background variant used on content pages,
 * the collapsible table-of-contents toggle button with its rotating
 * chevron icon, and the dropdown list card with a subtle box shadow.
 */

.header-container {
    background-color: rgb(217 197 180);
}

.table-btn {
    position: relative;
}

.table-btn.active .icon {
    transform: rotate(180deg);
}

.table-btn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #000;
    bottom: 0;
    left: 0;
}

.table-list {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
}