:root{--cards-gap:1.4rem;--cards-padding:20px;--cards-grid-width:3}.card-outer{flex:1 1 100%;height:100%;width:100%}.card-inner{background-color:#fff;border:1px solid #bfbfbf;border-radius:var(--border-radius-md);height:100%;overflow:hidden;padding:var(--cards-padding) var(--cards-padding) calc(var(--cards-padding)*1.5) var(--cards-padding);padding-bottom:calc(2.4rem + 16px + var(--cards-padding)*1.5);position:relative;transition:background-color .3s ease}.card-inner>a:not(.card-button){height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.card figure{aspect-ratio:3/2;border-radius:var(--border-radius-sm);margin:0 0 calc(var(--cards-padding)*1.25) 0;overflow:hidden}.card figure>img{height:100%;object-fit:cover;object-position:center;width:100%}.card-heading{font-size:1.5rem;line-height:1.1667;min-width:min-content;width:100%}.card-excerpt p{font-size:.875rem}a.card-button{bottom:calc(var(--cards-padding)*1.5);position:absolute;z-index:2}.card:has(a:active) .card-inner,.card:has(a:focus) .card-inner,.card:has(a:hover) .card-inner{background-color:#d7f1fe;border-color:#afdcfa}.card:has(a:active) .card-inner,.card:has(a:focus) .card-inner{outline:var(--focus-outline)}@media only screen and (max-width:1220px){:root{--cards-grid-width:2}}@media only screen and (max-width:800px){:root{--cards-grid-width:1}}