.resources-listing{display:grid;grid-gap:var(--gap)}.resources-listing__sidebar-list{border:0;margin:0;padding:0}.resources-listing__cards{display:grid;grid-gap:6rem var(--gap-lg);margin-block:2rem;scroll-margin-top:4rem}.resources-listing__card{display:grid;grid-template-rows:auto 1fr;grid-gap:var(--gap);align-items:start;color:var(--base-color)}.resources-listing__card-image{display:block}.resources-listing__card-image>img{aspect-ratio:3/2;border-radius:var(--border-radius);object-fit:cover;width:100%}.resources-listing__card-details{display:grid;grid-gap:var(--gap-sm);justify-items:start}.resources-listing__card-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap-sm)}.resources-listing__card-tag{pointer-events:none}.resources-listing__card-title{color:var(--secondary-color);font-family:var(--secondary-font-family);font-weight:500;line-height:1.3}.resources-listing__card-title>a{color:var(--base-color);text-decoration:none}.resources-listing__no-results{font-family:var(--secondary-font-family);font-size:1.8rem;font-weight:600;grid-column:1/-1;text-align:center}@media(min-width:768px){.resources-listing{grid-template-columns:28rem 1fr;grid-gap:var(--gap-lg);align-items:start}.resources-listing__sidebar{position:sticky;top:10rem}.resources-listing__cards{grid-template-columns:repeat(2,1fr)}}@media(hover:hover){.resources-listing__card{background-color:hsla(0,0%,100%,0);border-radius:var(--border-radius-lg);margin:-2rem;padding:2rem;transition:background-color .2s ease}.resources-listing__card:active,.resources-listing__card:focus,.resources-listing__card:hover{background-color:#fff;box-shadow:var(--box-shadow-card)}.resources-listing__card-title>a>svg{display:inline;margin-left:3px;opacity:0;position:relative;top:-3px;transition:opacity .2s ease}.resources-listing__card:active .resources-listing__card-title>a>svg,.resources-listing__card:focus .resources-listing__card-title>a>svg,.resources-listing__card:hover .resources-listing__card-title>a>svg{opacity:1}.resources-listing__card-title>a:active,.resources-listing__card-title>a:focus,.resources-listing__card-title>a:hover{color:var(--primary-color)}}