.resource-node{display:grid;grid-template-columns:4fr 2fr 2fr;align-items:center;border:1px solid #FFF2F2;height:34vh;overflow:hidden}.resource-node img{grid-column-start:2;grid-column-end:2;height:20vh;padding:5px 5px 5px 5px;border:1px solid #cccccc}.resource-node-name{font-size:20px;padding:0px 0px 0px 10px}.resource-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:5px 0}.resource-link{padding-right:10px}.resource-link a{text-decoration:none}.resource-link-uri{display:block;width:80%;padding:2px 0;background-color:#FF4444;color:#fff;font-size:small;font-weight:600;border-radius:8px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background-color 0.3s,transform 0.2s;margin-left:auto}.resource-link-uri:hover{background-color:#C50000;transform:translateY(-2px);cursor:pointer}.resource-link-uri:active{transform:translateY(0);background-color:#854000}.resource-node-link{margin-top:1vh;display:block;width:4vw;padding:2px 0;background-color:#FF8888;color:#fff;font-size:xx-small;font-weight:600;border-radius:4px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background-color 0.3s,transform 0.2s;text-decoration:none;margin-right:auto;margin-left:10px}.resource-node-link:hover{background-color:#C50000;transform:translateY(-2px);cursor:pointer}.resource-node-link:active{transform:translateY(0);background-color:#854000}@media only screen and (max-width:896px){.resource-node-name{font-size:17px}.resource-node img{height:auto;width:100%}.resource-link-uri{width:75%;font-size:small;border-radius:6px}.resource-node-link{width:6vw}}@media only screen and (max-width:640px){.resource-node-name{font-size:14px}.resource-node img{height:auto;width:100%}.resource-link-uri{width:65%;font-size:x-small;border-radius:4px}.resource-node-link{width:7vw}}