.brand-article-index{--article-accent:#e6f2e5;color:#293b37}.brand-article-index--news{--article-accent:#fff1c5}.article-index-content{max-width:1080px;margin-inline:auto;padding:40px 24px 80px}.article-index-heading{display:flex;align-items:center;gap:28px;padding:40px;background:var(--article-accent);border-radius:24px;margin-bottom:32px}.article-index-icon{display:grid;place-items:center;flex:0 0 80px;height:80px;background:#fffefa;border-radius:50%;color:#476858}.article-index-icon svg{width:36px;height:36px;stroke-width:1.5}.brand-article-index .article-index-title{margin:0;padding:0;border:0;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.5;text-wrap:pretty}.article-index-description{margin-top:12px;font-size:16px;line-height:1.9}.article-index-list{list-style:none;padding:0;margin:0}.article-index-list>li{border-bottom:1px solid #dbe4de}.article-index-link{display:grid;grid-template-columns:112px minmax(0,1fr) 24px;align-items:start;gap:24px;padding:28px 20px;border-radius:12px;text-decoration:none;overflow-wrap:anywhere}.article-index-link:hover{background:#f0f6ef}.article-index-link:focus-visible{outline:3px solid #527b68;outline-offset:3px}.article-index-link time{padding-top:4px;color:#596c64;font-size:14px;line-height:1.8}.article-index-summary{min-width:0}.article-index-link h2{margin:0;font-size:20px;font-weight:700;line-height:1.65;color:#293b37}.article-index-link .article-index-summary>p{margin-top:8px;font-size:15px;line-height:1.85;color:#596c64}.article-index-arrow{width:22px;height:22px;margin-top:5px;color:#527b68}.article-index-empty{padding:32px;border:1px solid #dbe4de;border-radius:16px;line-height:1.9}@media (max-width:640px){.article-index-content{padding:24px 16px 56px}.article-index-heading{align-items:flex-start;gap:16px;padding:24px;border-radius:20px;margin-bottom:16px}.article-index-icon{flex-basis:44px;height:44px}.article-index-icon svg{width:24px;height:24px}.article-index-heading>div{min-width:0}.article-index-description{font-size:15px}.article-index-link{grid-template-columns:minmax(0,1fr) 22px;gap:8px 16px;padding:24px 8px}.article-index-link time{grid-column:1;padding:0}.article-index-summary{grid-column:1}.article-index-arrow{grid-column:2;grid-row:2}.article-index-link h2{font-size:18px}}