.articleCard{container-type:inline-size}.articleCard.classic a{display:flex;flex-direction:column-reverse;text-align:center;text-decoration:none;color:var(--colorBody)}.articleCard.classic a>picture{overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}.articleCard.classic a>picture img{width:100%}.articleCard.classic a>.wrap{margin-top:32px}.articleCard.classic a>.wrap>header .heading{font-size:24px;color:var(--colorPrimary);font-family:var(--fontHeadingClean)}.articleCard.classic a>.wrap>.main{margin-top:16px}.articleCard.classic a>.wrap>.main *{font-size:16px;color:var(--colorBody)}.articleCard.classic a>.wrap>footer{margin-top:12px}.articleCard.classic.hasTags>.tags{justify-content:center;margin-top:16px}.articleCard.focus a{position:relative;display:block;text-align:center;overflow:hidden;border-radius:var(--radius)}.articleCard.focus a>picture img{width:100%}.articleCard.focus a>.wrap{position:absolute;background:#fff;left:10%;right:10%;top:50%;transform:translateY(-50%);padding:24px;border-radius:calc(var(--radius) / 2)}.articleCard.focus a>.wrap>header .heading{font-size:18px;color:var(--colorPrimary);font-family:var(--fontHeadingClean)}@container (min-width:360px){.articleCard.focus a>.wrap{left:15%;right:15%}.articleCard.focus a>.wrap>header .heading{font-size:24px}}@container (min-width:700px){.articleCard.focus a>.wrap>header .heading{font-size:36px}}