.dtes-reading-material,
.dtes-video-gate {
    max-width: 1040px;
    margin: 2rem auto;
    padding: 0 1rem;
    color: #172033;
}

.dtes-video-gate {
    border: 1px solid #d7dee8;
    border-radius: 8px;
    padding: 1.25rem;
    background: #ffffff;
}

.dtes-dashboard-hero,
.dtes-dashboard-section {
    margin-bottom: 1.25rem;
}

.section-kicker {
    margin: 0 0 .35rem;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #50627a;
}

.dtes-dashboard h2,
.dtes-video-gate h2 {
    margin: 0 0 .5rem;
    font-size: 1.55rem;
    line-height: 1.2;
}

.dtes-dashboard p,
.dtes-video-gate p {
    max-width: 760px;
    line-height: 1.55;
}

.dtes-list {
    display: grid;
    gap: .75rem;
}

.dtes-list article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    padding: .9rem 1rem;
    background: #ffffff;
}

.dtes-list strong,
.dtes-list span {
    display: block;
}

.dtes-list span {
    margin-top: .3rem;
    color: #50627a;
}

.dtes-material-actions {
    margin: 0;
    flex: 0 0 auto;
}

@media (max-width: 640px) {
    .dtes-list article {
        align-items: flex-start;
        display: grid;
    }

    .dtes-dashboard h2,
    .dtes-video-gate h2 {
        font-size: 1.28rem;
    }
}