/**
 * This CSS was automatically generated from a source file.
 * Editing this file directly isn't recommended. Modifying the styles of this module can be done
 * with an external stylesheet attached to the page or module.
 */

.featured-resource-card{display:grid;grid-template-columns:1fr 1fr;position:relative;align-items:center}@media not screen and (min-width:48rem){.featured-resource-card{display:block}}.featured-resource-card.focus-visible .featured-resource-card__title a,.featured-resource-card.hover .featured-resource-card__title a,.featured-resource-card:focus-visible .featured-resource-card__title a,.featured-resource-card:hover .featured-resource-card__title a{color:var(--hyperlink-color)}.featured-resource-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.featured-resource-card__body{background-color:var(--overlay-color);transition:.2s background-color;padding:20px 0;display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding-top:60px}@media (min-width:48rem){.featured-resource-card__body{padding:40px}}.featured-resource-card__body.focus-visible,.featured-resource-card__body.hover,.featured-resource-card__body:focus-visible,.featured-resource-card__body:hover{background-color:var(--overlay-hover-color)}@supports not (selector(:has(:focus-visible))){.featured-resource-card__body:focus-within{background-color:var(--overlay-hover-color)}}@supports (selector(:has(:focus-visible))){.featured-resource-card__body:has(:focus-visible){background-color:var(--overlay-hover-color)}}.featured-resource-card__summary{font-size:1.125rem;font-weight:400}.featured-resource-card__tags{margin-top:5px;margin-bottom:0;font-size:0.875rem;font-weight:400}.featured-resource-card__title{text-transform:none}.featured-resource-card__title a::before{position:absolute;top:0;left:0;bottom:0;right:0;content:""}.featured-resource-card .person{border-top:none;margin-top:20px;padding:0}.featured-resource-card .person__name{font-size:0.875rem;font-weight:600;margin:0}