:where([data-theme=surface]){--date-badge-bg-color: var(--midnight-joshua-tree)}:where([data-theme=dgsom]){--related-content-bg-color: var(--ucla-blue);--date-badge-bg-color: var(--ucla-blue);--related-content-padding-bottom: var(--size-50)}:where([data-theme=labs-dynamic]){--related-content-bg-color: var(--ucla-blue);--related-content-padding-bottom: var(--size-50)}.related-content{background-color:var(--related-content-bg-color, var(--ucla-blue));padding:var(--size-10);padding-block-end:var(--related-content-padding-bottom)}.related-content .date-badge{background-color:var(--date-badge-bg-color)}.related-content__inner{margin:0 auto;max-inline-size:var(--size-container)}.related-content__header{display:flex;flex-direction:column;justify-content:space-between}@media (width >= 768px){.related-content__header{align-items:center;flex-direction:row}}.related-content__title{color:var(--white);font-family:var(--font-heading);font-size:var(--font-size-8);font-weight:var(--font-weight-600)}.related-content__items{display:grid;grid-gap:var(--size-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--size-72)),1fr));inline-size:100%;justify-items:center;padding-block:var(--size-8)}.card--event .card__date--wrapper{align-items:initial;flex-direction:column}.card--event .readtime{margin-block-start:var(--size-3)}.related-content__more-link-wrapper{align-items:center;display:flex;justify-content:flex-end}.related-content__more-link-wrapper svg{block-size:1rem;display:inline-block;inline-size:1rem;margin-inline-start:var(--size-05)}.related-content__more-link-wrapper svg path{color:var(--white)}.related-content__more-link-wrapper .button--link{color:var(--white);font-size:var(--font-size-3)}.related-content__top,.related-content__bottom{display:none}@media (width >= 768px){.related-content__top,.related-content__bottom{display:block;inline-size:100%}}