.article-cover{--article-cover-tab-color:#000;--article-cover-tab-inactive-color:#d5d5d5;width:100%}.article-cover__header{justify-content:space-between;align-items:center;gap:24px;width:100%;margin-bottom:28px;display:flex}.article-cover__titles{flex-direction:column;gap:4px;min-width:0;display:flex}.article-cover__titles .typography{margin:0}.article-cover__tabs{flex-shrink:0;align-items:center;gap:10px;display:flex}.article-cover__tab{border:1px solid var(--article-cover-tab-inactive-color);color:#00000059;white-space:nowrap;cursor:pointer;background:0 0;border-radius:50px;justify-content:center;align-items:center;height:42px;padding:0 22px;font-size:16px;font-weight:400;line-height:1;transition:border-color .2s,color .2s;display:inline-flex}.article-cover__tab:hover,.article-cover__tab--active{border-color:var(--article-cover-tab-color);color:var(--article-cover-tab-color)}.article-cover__grid{grid-template-columns:repeat(var(--article-cover-columns,2), 1fr);gap:20px;width:100%;display:grid}.article-cover__promo-layout{grid-template-columns:1.15fr 1fr;align-items:stretch;gap:24px;width:100%;display:grid}.article-cover__promo-side{flex-direction:column;gap:20px;min-width:0;display:flex}.article-cover__card{box-sizing:border-box;min-width:0;color:inherit;background-color:var(--article-cover-background-color,#fff);border:1px solid var(--article-cover-border-color,#e6e9f7);border-radius:16px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.article-cover__card:hover{border-color:#cfd5ea}.article-cover__card--horizontal{background-color:#0000;border:0;border-radius:0;flex-direction:row;align-items:stretch;gap:20px;padding:0}.article-cover__card--horizontal .article-cover__media{flex:0 0 38%;align-self:stretch;max-width:280px;min-height:0}.article-cover__card--horizontal .article-cover__body{flex:1;justify-content:center;padding:4px 0}.article-cover__card--horizontal:hover{border-color:#0000}.article-cover__card--vertical{flex-direction:column;align-items:stretch;gap:16px;min-height:100%;padding:16px}.article-cover__card--vertical .article-cover__media{width:100%;height:200px}.article-cover__card--vertical .article-cover__body{flex:1}.article-cover__card--vertical .article-cover__tag{align-self:flex-start}.article-cover__card--vertical .article-cover__actions{margin-top:auto}.article-cover__card--big-promo{background-color:#dfe3f4;background-image:var(--article-cover-promo-image);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;flex-direction:column;justify-content:flex-end;min-height:560px;padding:20px;position:relative;overflow:hidden}.article-cover__card--big-promo:before{content:"";pointer-events:none;background:linear-gradient(#0000 35%,#0000002e 100%);position:absolute;inset:0}.article-cover__card--big-promo:hover{border-color:#0000}.article-cover__card--see-all{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:220px;padding:32px 24px;transition:background-color .2s,border-color .2s,color .2s}.article-cover__card--see-all .article-cover__see-all-icon .icon-button{pointer-events:none}.article-cover__card--see-all .typography{transition:color .2s}.article-cover__card--see-all:hover{color:#fff;background-color:#000;border-color:#000}.article-cover__card--see-all:hover .typography{color:#fff!important}.article-cover__card--see-all:hover .icon-button{--icon-btn-color:#fff;--icon-btn-bg:transparent;--icon-btn-border:#fff;color:#fff}.article-cover__card--see-all:hover .icon-button svg path{fill:#fff}.article-cover__stretch-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.article-cover__media{aspect-ratio:15/11;border-radius:12px;position:relative;overflow:hidden}.article-cover__media img{object-fit:cover;width:100%;height:100%;display:block}.article-cover__media-chip{z-index:1;position:absolute;top:12px;left:12px}.article-cover__body{flex-direction:column;gap:12px;min-width:0;display:flex}.article-cover__promo-panel{z-index:1;box-sizing:border-box;background-color:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:14px;width:100%;padding:28px 28px 24px;display:flex;position:relative}.article-cover__meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.article-cover__author{align-items:center;gap:10px;min-width:0;display:flex}.article-cover__author-name{align-items:center;gap:6px;min-width:0;display:flex}.article-cover__author-name .typography{width:auto}.article-cover__author-name .typography p{margin:0}.article-cover__author-badge{flex-shrink:0;width:10px;height:10px;overflow:visible}.article-cover__tag{align-self:flex-start;max-width:100%;display:inline-flex}.article-cover__tag .button{max-width:100%}.article-cover__actions{flex-wrap:wrap;align-self:flex-start;gap:12px;display:flex}.article-cover__see-all-icon{display:flex}.article-cover--horizontal .article-cover__grid{align-items:start}.article-cover--vertical .article-cover__card--see-all{min-height:100%}@media (max-width:1100px){.article-cover__grid{grid-template-columns:repeat(2,1fr)}.article-cover__promo-layout{grid-template-columns:1fr}.article-cover__card--big-promo{min-height:480px}.article-cover--horizontal .article-cover__grid{grid-template-columns:1fr}}@media (max-width:700px){.article-cover__header{flex-direction:column;align-items:flex-start}.article-cover__tabs{flex-wrap:wrap}.article-cover__grid{grid-template-columns:1fr;gap:16px}.article-cover__card--horizontal{flex-direction:column;gap:14px}.article-cover__card--horizontal .article-cover__media{flex:none;width:100%;max-width:none}.article-cover__promo-panel{padding:20px 18px 18px}.article-cover__card--big-promo{min-height:420px;padding:12px}.article-cover__meta{flex-direction:column;align-items:flex-start}}
