.related-resources{border-top:1px solid #818a8f;margin-top:40px;padding:40px 20px}@media only screen and (max-width:820px){.related-resources{padding-left:0;padding-right:0}}.related-resources h4{font-size:18px;line-height:17px;margin:0 0 20px}.related-resources .resource{--text-p:var(--card-text-p);background-color:var(--card-bg-p);border:2px solid var(--border-p);border-radius:8px;display:flex;margin-bottom:10px;max-width:1024px}.related-resources .resource:last-child{margin-bottom:0}.related-resources .details{align-items:center;border-right:1px solid var(--border-p);display:flex;flex:1;justify-content:space-between;padding:10px 20px}.related-resources .details .languages,.related-resources .details .resource-types{flex:1}.related-resources .languages,.related-resources .resource-types{--text-p:var(--medgray);display:flex;flex-wrap:wrap;font-size:12px;font-weight:700;line-height:1.1;text-transform:uppercase}.related-resources .resource-type+.resource-type:before{content:", "}.related-resources .controls{--text-p:var(--navy);display:flex;font-size:11px;font-weight:700;gap:30px;line-height:1;padding:10px 30px;text-align:center;text-transform:uppercase}.related-resources .filetype{--text-p:var(--dmedgray);font-size:11px;line-height:1;text-transform:uppercase}.related-resources .resource-name{--font-size:16px;font-weight:700;line-height:1.1;text-transform:uppercase}.related-resources .preview-link:before{background:url(../svg/resources-icon-preview.svg) 50% no-repeat;content:"";display:block;height:36px;margin:0 auto 8px;width:36px}.related-resources .download-link{display:block}.related-resources .download-link:before{background:url(../svg/resources-icon-download.svg) 50% no-repeat;content:"";display:block;height:36px;margin:0 auto 8px;width:36px}.related-resources .download-link .file-size{--text-p:var(--dmedgray);display:block}.related-resources .download-link .file-size:before{content:"("}.related-resources .download-link .file-size:after{content:")"}@media only screen and (min-width:821px){.related-resources .resources-list{grid-column:2/5}.related-resources .resource-name{flex:2}}@media only screen and (max-width:820px){.related-resources .details{align-items:flex-start;flex-direction:column}.related-resources .controls{align-items:center}}