.grid-container{display:block;margin:auto}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(1em,2vw,2em);padding:1em;box-sizing:border-box;width:100%}img.logo{width:12em}@media (min-width: 640px){.container{padding:6rem}.grid-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.grid-container{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}}@media (min-width: 1280px){.grid-container{grid-template-columns:repeat(4,minmax(0,1fr));max-width:112rem}}.article-item{position:relative;justify-items:center;padding:1rem 1.25rem;margin:.75rem;border:1px solid rgb(107,114,128);border-radius:.5rem;transition-duration:.15s}.article-item:hover{background-color:#2626264d;cursor:pointer}.article-link{position:absolute;width:100%;height:100%;inset:0}.article-heading{font-weight:600;font-size:1.5rem;line-height:2rem;text-align:center;margin:0}.article-image{margin:1rem;aspect-ratio:1/1;max-width:20rem;margin-inline:auto}.article-image img{aspect-ratio:auto 500 / 300;width:100%;height:auto}.action-buttons{display:flex;justify-content:end}.details-1{display:flex;margin-left:.5rem;column-gap:.5rem}.details-1 div{padding:.5rem;border:2px solid rgb(75,85,99);border-radius:.375rem;font-style:normal;font-weight:500;font-size:.75rem}