.ssbb {
    --course-accent: #273445;
    --course-accent-soft: rgba(255, 255, 255, 0.96);
    --course-accent-line: rgba(39, 52, 69, 0.24);
    --course-accent-text: #1d2937;
}

.ssbb .course-offering-header h2 {
    font-size: 2.28rem;
    line-height: 1.06;
    margin-bottom: 0;
    font-weight: 700;
    max-width: none;
}

.ssbb .course-offering-header .course-meta-strip {
    margin-bottom: 0;
}

.ssbb .course-offering-header .course-meta-inline-link:hover,
.ssbb .course-offering-header .course-meta-inline-link:focus-visible {
    color: #3ea25e;
}

.ssbb .course-section h2,
.ssbb .course-section h3,
.ssbb .course-copy,
.ssbb .course-meta,
.ssbb .course-list-item,
.ssbb .section-label,
.ssbb .course-section-meta {
    max-width: none;
}

.ssbb .course-enrollment-section [data-enrollment-form] button[type="submit"]:hover,
.ssbb .course-enrollment-section [data-enrollment-form] button[type="submit"]:focus-visible {
    background-color: #3ea25e;
    color: #ffffff;
    border-color: #273445;
}

@media (max-width: 767.98px) {
    .ssbb .course-offering-header h2 {
        font-size: 1.72rem;
        line-height: 1.1;
    }

    .ssbb .course-offering-header .course-meta-strip > .course-meta-action {
        min-width: 100%;
    }
}