.resources{display:grid;grid-gap:var(--gap-md);scroll-margin-top:4rem}.resources__sidebar{background-color:var(--black-10);border-radius:var(--border-radius);padding:2.5rem}.resources__sidebar-list{list-style:none;margin:0;padding:0}.resources__resources{display:grid;grid-gap:var(--gap-md);place-content:flex-start}.resources__resource{display:grid;grid-template-columns:10rem 1fr;position:relative;grid-gap:var(--gap);align-items:center}.resources__resource+.resources__resource:before{background-color:var(--black-40);content:"";display:block;height:1px;position:absolute;top:-2rem;width:100%}.resources__resource-image{aspect-ratio:1/1;border-radius:var(--border-radius);overflow:hidden;position:relative}.resources__resource-image>img{height:100%;inset:0;object-fit:cover;position:absolute;scale:1;transition:scale .3s ease;width:100%}.resources__resource-image:active>img,.resources__resource-image:focus>img,.resources__resource-image:hover>img{scale:1.1}.resources__resource-details{align-items:start;display:flex;flex-direction:column;gap:var(--gap-sm)}.resources__resource-tags{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.resources__resource-tag{border-left:1px solid var(--black-60);line-height:1.2;padding-left:var(--gap-xs)}.resources__resource-tag:first-child{border-left:0;padding-left:0}.resources__resource-name{font-weight:600;line-height:1.5}.resources__resource-name>a{color:var(--base-color);text-decoration:none}.resources__resource-name>a:active,.resources__resource-name>a:focus,.resources__resource-name>a:hover{text-decoration:underline}.resources__resource-button{margin-top:auto}.resources__load-more,.resources__no-results{grid-column:-1/1;text-align:center}.resources__no-results{font-weight:600}.resources__sidebar-list{border:unset;margin-top:1rem}@media (min-width:768px){.resources{display:grid;grid-gap:var(--gap-md);grid-template-columns:30rem 1fr}.resources__sidebar{position:-webkit-sticky;position:sticky;top:13.4rem;-ms-flex-item-align:start;align-self:start}.resources__resources{grid-template-columns:repeat(2,1fr)}.resources__resource{align-items:start;grid-template-columns:auto;grid-template-rows:auto 1fr}.resources__resource+.resources__resource:before{display:none}.resources__resource-image{aspect-ratio:4/3}}@media (min-width:992px){.resources{grid-gap:var(--gap-lg)}.resources__resource-name{font-size:1.8rem}.resources__sidebar{padding:4rem}}