.co-top10-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.co-top10-link{transition:transform .2s}.co-top10-link:hover{transform:translateY(-3px)}.co-top10-card{transition:box-shadow .2s,border-color .2s;box-shadow:0 2px 8px #0000000f}.co-top10-link:hover .co-top10-card{box-shadow:0 8px 28px #0000001c}.co-top10-cta{opacity:.45;transition:opacity .2s,transform .2s}.co-top10-link:hover .co-top10-cta{opacity:1;transform:translate(3px)}.co-equip-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.co-equip-front>div:hover{box-shadow:0 3px 10px #3b82f61f;background:#dbeafe!important;border-color:#3b82f6!important}.co-equip-back>div:hover{box-shadow:0 3px 10px #d977061f;background:#fef3c7!important;border-color:#d97706!important}.co-type-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.co-type-grid>a>div{transition:box-shadow .15s;box-shadow:0 1px 4px #0000000d}.co-type-grid>a>div:hover{box-shadow:0 3px 12px #0000001a}@media (max-width:768px){.co-hero{padding:28px 16px 24px!important}.co-main{gap:36px!important;padding:28px 16px!important}.co-top10-grid{grid-template-columns:1fr;gap:12px}.co-equip-grid{grid-template-columns:1fr 1fr;gap:8px}.co-type-grid{grid-template-columns:1fr;gap:10px}}@media (max-width:480px){.co-equip-grid{grid-template-columns:1fr}}