body #resources-overview h2{text-align:left!important;margin-bottom:24px!important}
.resource-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.resource-card,.resource-tool{box-sizing:border-box;border:1px solid #d7e0e4;border-radius:5px;background:#f5f7f7;color:#203749;text-decoration:none!important;transition:border-color .2s,box-shadow .2s}
.resource-card{padding:14px;display:flex;flex-direction:column;min-width:0}.resource-preview{height:220px;overflow:hidden;background:#fff;border:1px solid #e1e6e8;border-radius:3px;margin-bottom:16px}.resource-paper{display:block;width:100%;height:100%;object-fit:contain}
body #resources-overview h3{font:600 20px/1.3 Helvetica,Arial,sans-serif!important;letter-spacing:0!important;margin:0!important;color:#203749!important;text-align:left!important}
.resource-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;color:#456d85;font-size:24px}.resource-card-foot small{font:500 12px Helvetica,Arial,sans-serif;background:#e8eef0;padding:6px 9px;border-radius:3px}
.resource-suite-list{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;padding:8px}.resource-suite{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;align-items:center}.resource-suite img{width:100%;aspect-ratio:4/3;object-fit:cover}.resource-suite b{font:600 12px Helvetica,Arial,sans-serif}.resource-suite small{display:block;font:400 10px Helvetica,Arial,sans-serif;color:#536b78;margin-top:4px}.resource-suite:nth-child(1){color:#4a786a}.resource-suite:nth-child(2){color:#456d85}.resource-suite:nth-child(3){color:#8b743d}
.resource-media{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr 1fr;gap:4px;height:100%}.resource-media img{width:100%;height:100%;min-height:0;object-fit:cover}.resource-media img:first-child{grid-column:1/-1}
.resource-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.resource-tool{padding:20px;display:flex;gap:16px;align-items:center}.resource-tool>span:last-child{margin-left:auto;font-size:24px}.resource-symbol{font:500 30px Helvetica,Arial,sans-serif;color:#456d85}.resource-card:hover,.resource-tool:hover{border-color:#6b9295;box-shadow:0 4px 14px #2037490d}.resource-card:focus-visible,.resource-tool:focus-visible{outline:2px solid #456d85;outline-offset:4px}
@media(max-width:700px){.resource-card-grid,.resource-tool-grid{grid-template-columns:1fr}.resource-preview{height:240px}.resource-suite b{font-size:15px}.resource-suite small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.resource-card,.resource-tool{transition:none}}

.resource-media img:first-child{object-position:center 30%}
