#articles{padding:20px clamp(20px,5vw,10vw);}#articles h1{font-weight:normal;text-transform:uppercase;}.article__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:20px 0;}.article__item{display:grid;grid-template-rows:auto 1fr;gap:10px;width:100%;padding:10px;border:2px solid var(--color-border);border-radius:8px;box-shadow:rgb(0 0 0 / 8%) 0 4px 12px;transition:all 0.2s ease-in-out;}.article__item:hover{border:2px solid var(--color-green);transform:scale(1.02);}.article__item img{width:100%;height:315px;object-fit:cover;border-radius:8px;}.article__item_details{display:flex;flex-direction:column;height:100%;}.article__item_details h2{margin:5px 0;font-size:1.2em;}.article__item_calendar{display:flex;align-items:center;}.article__item_calendar div{display:grid;}.article__item_calendar .icon{width:25px;height:25px;margin-right:0.5em;}.article__announcement{display:-webkit-box;width:100%;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}