.articles{padding:30px 0 55px}.articles__head{display:flex;width:100%;align-items:flex-end;justify-content:space-between;gap:20px}.articles__all-link{display:inline-flex;flex:none;align-items:center;gap:6px;margin-left:auto;padding:8px 0;color:var(--blue);font-size:.9rem;font-weight:750;text-decoration:none}.articles__all-link:hover,.articles__all-link:focus-visible{color:var(--blue-dark);text-decoration:underline;text-underline-offset:4px}.article-grid{display:grid;gap:16px}.article-card{display:grid;position:relative;grid-template-columns:130px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.article-card:hover,.article-card:focus-within{border-color:#b9d6f8;box-shadow:0 10px 28px rgba(7,26,61,.09);transform:translateY(-2px)}.article-card__media{overflow:hidden}.article-card__media img{width:100%;height:100%;min-height:130px;object-fit:cover;transition:transform .28s ease}.article-card:hover .article-card__media img,.article-card:focus-within .article-card__media img{transform:scale(1.08)}.article-card__body{display:flex;min-width:0;flex-direction:column;padding:18px}.article-card h3{margin:0 0 20px;font-size:.9rem;line-height:1.25}.article-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.article-card small{color:#78869a}.article-card__link{display:inline-flex;flex:none;align-items:center;justify-content:center;color:var(--navy);font-weight:800;text-decoration:none}.article-card__link::after{position:absolute;z-index:2;inset:0;content:""}.article-card__link:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}@media(max-width:679px){.articles__head{align-items:flex-start;flex-direction:column;gap:10px}.articles__all-link{margin-left:0}}@media(min-width:850px){.article-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.article-card,.article-card__media img{transition:none}.article-card:hover,.article-card:focus-within{transform:none}.article-card:hover .article-card__media img,.article-card:focus-within .article-card__media img{transform:none}}