.blog{padding:0 1em 3em}.blog__container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:1em;max-width:var(--box);margin:0 auto;padding:2rem 0 2rem 0}@media(max-width: 650px){.blog__container{display:block}}.blog__card{display:flex;flex-direction:column;justify-content:flex-start;background:var(--white);gap:1em;border-radius:var(--radius);border:.1em solid var(--bg-89);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.blog__card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.08)}.blog__card:nth-child(4){grid-column:span 2}.blog__card:last-child:nth-child(odd){grid-column:1/-1}@media(max-width: 650px){.blog__card{box-shadow:none;gap:0;margin:.8rem 0}}.blog__img{width:100%}.blog__card-content{padding:0 2em 2em;display:flex;flex-direction:column;flex-grow:1}.blog__card-title{font-size:1.1em}.blog__card-link{color:var(--bl-47);text-decoration:none}.blog__card-link:hover{text-decoration:underline}.blog__card-annotation{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog__card-anchor{text-align:end}.blog__card-bottom{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;color:var(--bg-35)}.blog__card-author{display:flex;align-items:center;gap:.3rem}.blog__footer{display:flex;justify-content:center;align-items:center;gap:.5rem}.blog__arrow-link{display:flex;align-items:center;justify-content:center}.blog__arrow-link:hover{text-decoration:none}.blog__arrow-left{border:solid var(--bg-65);border-width:0 .19em .19em 0;display:inline-block;border-radius:.13em;padding:.2em;transform:rotate(135deg);transition:.3s}.blog__arrow-right{border:solid var(--bg-65);border-width:0 .2em .2em 0;display:inline-block;border-radius:.13em;padding:.2em;transform:rotate(-45deg);transition:.3s}.pagination{width:2.8em;height:2.8em;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;font-weight:500}@media(max-width: 425px){.pagination--inactive,.pagination--dots{width:1.7em;height:1.7em}}.pagination--active{background:var(--bl-55);color:var(--white);cursor:default;margin:0}.pagination--active:hover{background:var(--bl-55);color:var(--white)}.pagination--inactive{background:rgba(0,0,0,0);color:var(--bg-35);cursor:pointer}.pagination--dots{background:rgba(0,0,0,0);color:var(--bg-35);cursor:default}.pagination-link:hover{text-decoration:none}.pagination-link:hover .pagination--inactive{color:var(--bl-55)}/*# sourceMappingURL=S36_BlogList.css.map */