/* dlt-layout.css — page shell and section frames (header/footer removed;
   sections are standalone and reusable across pages) */

.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding-left: var(--container-pad);
    padding-right: var(--container-pad);
}

/* ============ Section frames ============ */
#ethics {
    margin-top: 50px;
}
#ethics, #heromedia, #process-of-evaluation, #people, #identity, #worldimpact {
    margin-bottom: 50px;
}

.section--flush {
    margin-bottom: 0;
}

/* Dark image sections (identity, history) — inset by container padding per reference */
.section-dark {
    position: relative;
    width: min(100% - 2 * var(--container-pad), calc(var(--container-width) - 2 * var(--container-pad)));
    margin-left: auto;
    margin-right: auto;
    background-color: var(--color-black);
    background-size: cover;
    background-position: center;
    min-height: 500px;
    display: flex;
    align-items: center;
    /*justify-content: center;
    text-align: center; */
    padding: 50px var(--container-pad);
}

.section-dark__content {
    max-width: 680px;
}

.section-dark ul.body-lg.text-invert li {
    position: relative;
    padding-left: 15px;
}
.section-dark ul.body-lg.text-invert li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
}