.rec-articles .container{margin:0 auto;width:1080px}.rec-articles .section-heading{align-items:center;display:flex;gap:10px;margin-bottom:0}.rec-articles .section-heading__bar{align-self:center;background:#f05b5d;border-radius:3px;display:block;flex-shrink:0;height:1em;width:5px}.rec-articles .section-heading__title{color:#211715;font-size:22px;font-weight:700;line-height:1}.rec-articles .tag{align-items:center;background:#eaf2fc;border-radius:6px;color:#104b9f;display:inline-flex;font-size:11px;font-weight:700;line-height:1;padding:5px 10px;white-space:nowrap}.rec-articles{background:#fff;padding:56px 0 72px}.rec-articles__hd{margin-bottom:28px}.rec-articles__grid{display:grid;gap:24px;margin-bottom:32px}.rec-articles__grid--cols-1{grid-template-columns:1fr}.rec-articles__grid--cols-2{grid-template-columns:repeat(2,1fr)}.rec-articles__grid--cols-3{grid-template-columns:repeat(3,1fr)}.rec-articles .article-card{background:#fff;border:1px solid #e4eaf2;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s}.rec-articles .article-card:hover{box-shadow:0 4px 16px rgba(16,75,159,.1)}.rec-articles .article-card__thumb{height:190px;object-fit:cover;width:100%}.rec-articles .article-card__body{display:flex;flex:1;flex-direction:column;gap:9px;padding:16px}.rec-articles .article-card__meta{align-items:center;display:flex;gap:8px}.rec-articles .article-card__date{color:#6b7280;font-size:11px;line-height:1}.rec-articles .article-card__title{color:#211715;font-size:15px;font-weight:700;line-height:1.55;white-space:pre-line}.rec-articles__more{display:flex;justify-content:center}.rec-articles__more-link{align-items:center;border:1px solid #104b9f;border-radius:8px;color:#104b9f;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:12px 22px;text-decoration:none;transition:background .2s,color .2s}.rec-articles__more-link:hover{background:#104b9f;color:#fff}@media (max-width:1080px){.rec-articles .container{padding:0 32px;width:auto}.rec-articles__grid--cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rec-articles .container{padding:0 16px}.rec-articles{padding:40px 0 56px}.rec-articles .section-heading__title{font-size:18px;line-height:1}.rec-articles__grid--cols-1,.rec-articles__grid--cols-2,.rec-articles__grid--cols-3{grid-template-columns:1fr}}