.blog-feed{flex-direction:column;gap:40px;min-height:calc(100vh - var(--navigationBarHight));margin-left:auto;margin-right:auto;margin-top:calc(var(--navigationBarHight) + 5vh)}.blog-feed,.blog-feed-filter{display:flex;align-items:center;width:80%}.blog-feed-filter{justify-content:space-between;gap:50px;height:5vh;border-bottom:1px solid var(--text-gray)}.blog-feed-filter-search{display:flex;justify-content:center;align-items:center;gap:10px;background-color:var(--text-light);padding:10px;margin-bottom:20px;border-radius:50px}.blog-feed-filter-search-icon{color:var(--btn-orange)}.blog-feed-filter-search-input{width:165px;border:none;background-color:transparent}.blog-feed-filter-search-input:focus{border:none;outline:none}.article-card{display:flex;flex-wrap:wrap;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:40px;transition:box-shadow .3s ease;min-width:320px;width:55%;max-width:80%;position:relative}.article-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.article-card-thumbnail{width:100px;height:100px;border-radius:4px;margin-right:20px;object-fit:cover}.article-card-content,.article-card-title{flex:1 1}.article-card-title{color:var(--text-dark);font-size:24px;font-weight:700;margin-bottom:10px}.article-card-content{color:var(--text-gray);font-size:16px;line-height:1.6}.article-card-footer{display:flex;margin-top:auto;margin-left:auto}.article-card-footer-update-info{color:#999;font-size:14px}.article-card-footer-read-more{background-color:transparent;border:none;color:var(--btn-orange);cursor:pointer;font-size:16px;text-decoration:underline}.article-card-footer-read-more:hover{text-decoration:none}@media screen and (max-width:1024px){.article-card{width:70%;gap:10px}}@media screen and (max-width:768px){.article-card{align-items:center;gap:5px;max-width:90%}.article-card-thumbnail{margin:auto auto 20px}}.articleContainer{position:relative;min-width:320px;max-width:80%;width:55%;border-radius:4px}.articleContainer .seriesBackground{position:absolute;transition:all .5s;background:#fff;width:100%;height:30px;border-radius:inherit;transition:transform .25s;border:1px solid #ddd}.articleContainer .seriesBackground1{top:-5px;left:0;z-index:-1;scale:.99}.articleContainer .seriesBackground2{top:-8px;left:0;z-index:-2;scale:.98}.articleContainer .article-card-series{width:100%;min-width:none;max-width:none}.articleContainer .cardStyle{position:absolute;top:10px;right:30px;color:var(--text-dark);width:90px;text-align:center;border:1px solid var(--text-gray);border-radius:4px;padding:3px 0;display:flex;justify-content:center;align-items:center;gap:5px}@media screen and (max-width:768px){.articleContainer .cardStyle{right:10px}}.articleContainer .cardStyle-icon{color:var(--text-gray)}.articleContainer:hover .seriesBackground1{transform:translateY(-5px)}.articleContainer:hover .seriesBackground2{transform:translateY(-10px)}@media screen and (max-width:1024px){.articleContainer{width:70%}}