html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Force common theme wrappers to full width */
.wrapper,
.main-content,
.site-content,
.page-wrapper,
.content-wrapper,
#content,
.container {
    max-width: 100% !important;   /* remove any width limit */
    width: 100% !important;
    padding-left: 10px !important;   /* optional small padding */
    padding-right: 10px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
}

/* Your container styles */
.container {
    border: 1px solid #d3d3d3;
}

/* Inner divs fill container */
.container div {
    width: 100% !important;
    box-sizing: border-box;
}

/* Header */
.container .header {
    background-color: #d3d3d3;
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
}

/* Content */
.container .content {
    display: none;
    padding: 5px;
    width: 100% !important;
    box-sizing: border-box;
}

/* Make Research page wider */
body.wide-page .site-main .container {
    max-width: 1200px;   /* increase width, default is ~840px */
    width: 100%;
    padding-left: 20px;  /* optional: reduce side padding */
    padding-right: 20px;
    box-sizing: border-box;
}

/* Optional: reduce extra margins for content */
body.wide-page .site-main {
    padding-left: 10px;
    padding-right: 10px;
}