.m-article-tile{position:relative;display:flex;flex-direction:column;text-decoration:none;height:380px;border:var(--v4-border-width-1) solid var(--v4-color-neutral-300);border-radius:var(--v4-radius-8);overflow:hidden}.m-article-tile:focus-visible{outline:none}.m-article-tile:focus-visible::after{content:"";position:absolute;inset:0;border:2px solid var(--v4-color-interactive-default);border-radius:inherit;z-index:3;pointer-events:none}@media screen and (min-width: 1024px){.m-article-tile:focus-visible{outline:2px solid var(--v4-color-interactive-default);outline-offset:2px}.m-article-tile:focus-visible::after{content:none}}.m-article-tile__caption{position:absolute;z-index:2;top:var(--v4-space-24);right:var(--v4-space-24);max-width:calc(100% - 2*var(--v4-space-24) - var(--v4-space-16));margin:0;padding:var(--v4-space-4) var(--v4-space-8);border-radius:var(--v4-radius-8);background:var(--v4-color-neutral-300);font:var(--v4-typography-font-weight-semibold) 16px/24px var(--v4-typography-font-family);color:var(--v4-color-neutral-900);overflow-wrap:anywhere}.m-article-tile__caption--blue{background:#74bde8}.m-article-tile__caption--gray{background:var(--v4-color-neutral-300)}.m-article-tile__caption--green{background:#81eebb}.m-article-tile__caption--teal{background:#0f717f;color:var(--v4-color-neutral-white)}.m-article-tile__caption--yellow{background:#fff06c}.m-article-tile__info{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 auto;row-gap:var(--v4-space-8);padding:var(--v4-space-24);background:var(--v4-color-neutral-white)}.m-article-tile__title{overflow:hidden;font:var(--v4-typography-md-semibold);color:var(--v4-color-neutral-900)}.m-article-tile__metadata{font:var(--v4-typography-sm);color:var(--v4-color-neutral-800)}.m-article-tile__date~.m-article-tile__author:before{content:" | "}