.article-topic{color:#1c3856;z-index:1;background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:5px;width:max-content;padding:4px 16px}.dyn-pages{max-width:1200px;margin:100px auto auto}.payload-richtext{text-align:start;width:100%}.payload-richtext p,.payload-richtext ul{color:#333}.payload-richtext h1,.payload-richtext h2,.payload-richtext h3,.payload-richtext h4{color:var(--color-blue)}.payload-richtext a{color:var(--color-blue);transition:all .3s}.payload-richtext a:hover{color:var(--color-gold);text-decoration:underline}.article-thumbnail-wrapper{width:100%}.article-thumbnail{object-fit:cover;border-radius:10px;width:100%;height:550px}.article-infos{color:#333;flex-direction:row;justify-content:space-between;display:flex}.article-card{background-color:#7fffd4;border-radius:10px;flex-direction:column;justify-content:flex-end;width:300px;height:500px;text-decoration:none;transition:all .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000040}.article-card:visited{color:inherit}.article-card img{object-fit:cover;width:300px;height:500px;transition:all .5s;position:absolute}.article-card:hover{cursor:pointer;transform:scale(1.03);box-shadow:0 2px 8px #00000040}.article-card:hover img{transform:scale(1.05)}.article-card .article-info{z-index:1;flex-direction:column;justify-content:flex-end;gap:8px;padding:8px;display:flex;position:relative}.article-card .article-info:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0;background:linear-gradient(#0000,#333c);width:100%;height:350px;position:absolute;bottom:0;left:0;-webkit-mask:linear-gradient(#0000,#000,#000);mask:linear-gradient(#0000,#000,#000)}.article-card .article-info h3{color:#f5f5f5;margin:0}.article-card .article-info p{z-index:1;color:#f5f5f5;margin:0;font-size:14px;line-height:22px}.article-card .article-topic{color:#333;z-index:1;background-color:#f5f5f5;border-radius:5px;width:max-content;padding:0 16px}@media (max-width:980px){.dyn-pages{gap:30px}h1,h2{line-height:36px}.article-thumbnail-wrapper{width:90%}.article-thumbnail{height:300px}.article-infos{font-size:20px}.article-infos .article-time-author{width:60%}.payload-richtext{width:90%}}