/* The opening image of each resource fills an equally sized preview. */
#knowledge .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
#knowledge .knowledge-card{width:100%;min-width:0;padding:0;overflow:hidden;align-items:stretch;background:var(--bg);text-align:left}
#knowledge .knowledge-card:hover{background:var(--surface2);border-color:var(--accent)}
#knowledge .knowledge-media{display:block;position:relative;flex:none;width:100%;aspect-ratio:16/9;margin:0;padding:0;overflow:hidden;background:#0b0f14;border-bottom:1px solid var(--border)}
#knowledge .knowledge-media img,#knowledge .knowledge-media video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:left center;margin:0;padding:0}
#knowledge .knowledge-diagram{background:#fff}
#knowledge .knowledge-diagram img{object-fit:contain;object-position:left center}
#knowledge .knowledge-copy{display:flex;flex:1;flex-direction:column;align-items:stretch;padding:26px;text-align:left}
#knowledge .knowledge-copy .eyebrow{font-size:12px;margin-bottom:14px}
#knowledge .knowledge-copy h3{max-width:none;font-size:26px;line-height:1.2}
#knowledge .knowledge-copy p{font-size:16px;line-height:1.6;margin:16px 0 24px;flex:1}
#knowledge .knowledge-copy .text-link{width:100%;margin-top:auto;padding-top:18px;justify-content:flex-start;text-align:left}
.guide-preview-image{display:block;width:100%;height:auto;margin:0 0 20px;background:white}
@media(max-width:600px){#knowledge .knowledge-grid{grid-template-columns:1fr;gap:20px}#knowledge .knowledge-copy{padding:22px}#knowledge .knowledge-copy h3{font-size:24px}}