.course-activity-list-page{position:relative;background:transparent;overflow:hidden;max-width:var(--max-content-width);margin:0 auto;padding:var(--spacing-sm) var(--spacing) 0;min-height:80vh}@media screen and (min-width: 768px){.course-activity-list-page{overflow:visible}}.course-activity-list-page:before{content:"";position:absolute;left:50%;transform:translate(-50%);background:var(--color-green-lightest);top:0;bottom:0;width:100vw;z-index:-1}@media screen and (min-width: 768px){.course-activity-list-page{padding:var(--spacing-md) var(--spacing-md) 0}}.course-activity-list-page__content-area{max-width:var(--max-article-width);padding-top:var(--spacing-sm)}.course-activity-list-page__content-area .banner-block{background-color:transparent;padding:0}@media screen and (min-width: 768px){.course-activity-list-page__content-area .banner-block{flex-direction:row}}.course-activity-list-page__content-area .banner-block:before{display:none}.course-activity-list-page__content-area .banner-block__heading{font-size:1.25rem;line-height:1.5625rem;font-weight:var(--fw-light)}@media screen and (min-width: 768px){.course-activity-list-page__content-area .banner-block__heading{font-size:1.75rem;line-height:2.1875rem}}.course-activity-list-page__content-area .banner-block__main-intro{font-size:1.125rem;line-height:1.5}.course-activity-list-page__content-area>:last-child{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-green-dark)}.course-activity-list-page__heading{margin-bottom:var(--spacing-sm)}.course-activity-list-page__list{display:flex;flex-flow:column nowrap;gap:var(--spacing-sm)}@media screen and (min-width: 768px){.course-activity-list-page__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}}@media screen and (min-width: 1024px){.course-activity-list-page__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}}.course-activity-list-page__section{max-width:var(--max-article-width)}.course-activity-list-page__section:not(:first-child){margin-top:var(--spacing-md)}@media screen and (min-width: 768px){.course-activity-list-page__section:not(:first-child){margin-top:var(--spacing-lg)}}.course-activity-list-page__section:last-child{padding-bottom:var(--spacing-md)}@media screen and (min-width: 768px){.course-activity-list-page__section:last-child{padding-bottom:var(--spacing-lg)}}