/* The blog's six resource cards, isolated from page-specific Divi rules. */
#course-comparison { background:#28292b; padding:64px 24px; }
#course-comparison .soa-compare-grid { max-width:1280px; margin:auto; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
#course-comparison .soa-compare-card { background:#ededed; border-radius:20px; overflow:hidden; display:flex; flex-direction:column; min-width:0; text-align:center; }
#course-comparison .soa-compare-image { display:block; position:relative; width:100%; aspect-ratio:940/788; flex:none; }
#course-comparison img { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
#course-comparison .soa-compare-card:last-child img { object-fit:contain; background:#98c26c; }
#course-comparison .soa-compare-details { padding:36px 10px 36px; display:flex; flex-direction:column; align-items:center; flex:1; }
#course-comparison h3 { color:#000; font:500 16px/1.2 'Open Sans',Arial,sans-serif; letter-spacing:0; padding:0; margin:0; min-height:58px; }
#course-comparison hr { width:60px; border:0; border-top:1px solid #999; margin:12px 0 16px; }
#course-comparison p { color:#737373; font:400 14px/1.7 'Open Sans',Arial,sans-serif; margin:0 0 18px; padding:0; }
#course-comparison .soa-compare-link { display:inline-block; margin-top:auto; padding:5px 14px; border:2px solid #fff; background:#51a9ab; color:#fff; font:500 14px/1.7 'Open Sans',Arial,sans-serif; text-decoration:none; }
#course-comparison .soa-compare-link:hover { background:#397d7f; }
#course-comparison a:focus-visible { outline:3px solid #98c26c; outline-offset:3px; }
#course-comparison .soa-compare-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:980px) { #course-comparison .soa-compare-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } }
@media(max-width:600px) { #course-comparison { padding:40px 20px; } #course-comparison .soa-compare-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } #course-comparison .soa-compare-details { padding:24px 8px; } }
@media(max-width:360px) { #course-comparison .soa-compare-grid { grid-template-columns:1fr; max-width:260px; } }