.featured-articles-wrapper{margin-block:var(--udexSpacer56)}.featured-articles-card.text-card .description{display:-webkit-box}.featured-articles-card{min-width:0}.featured-articles-card udex-tile{border-radius:var(--udexRadiusL);box-shadow:var(--sapContent_Shadow0);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;text-decoration:none;transition:box-shadow .3s ease}.featured-articles-card udex-tile::part(tile){display:flex;flex-direction:column;height:var(--eds-size-360);padding:0}.featured-articles-card udex-tile .picture{flex-shrink:0;height:var(--eds-size-130)}.featured-articles-card udex-tile .picture picture{display:block;height:100%}.featured-articles-card udex-tile img{height:100%;object-fit:cover;width:100%}.featured-articles-card udex-tile .cardcontent{flex-grow:1;flex-shrink:1;padding-block:var(--udexSpacer16) var(--udexSpacer12);padding-inline:var(--udexSpacer20)}.featured-articles-card udex-tile .cardcontent .type{color:var(--udexColorGrey7);display:flex;font-size:var(--udexTypographyEyebrowSFontSize);font-weight:var(--udexTypographyFontWeightMedium);letter-spacing:.03em;line-height:var(--udexTypographyEyebrowLineHeight);margin-block-end:var(--udexSpacer8);text-transform:uppercase}.featured-articles-card udex-tile .cardcontent .tag-label{background:var(--udexColorBlue1);border:var(--udexCoreSizeBorderXS) solid var(--sapInformationBorderColor);border-radius:var(--udexRadiusS);-webkit-box-orient:vertical;color:var(--udexColorBlue9);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);inset:var(--udexSpacer8) var(--udexSpacer8) auto auto;-webkit-line-clamp:1;line-clamp:1;line-height:var(--udexTypographyBodyLineHeight);overflow:hidden;padding-block:var(--udexSpacer4);padding-inline:var(--udexSpacer8);text-wrap:pretty}.featured-articles-card udex-tile .cardcontent .title{-webkit-box-orient:vertical;color:var(--udexCoreHeadingDark);display:-webkit-box;font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);-webkit-line-clamp:2;line-clamp:2;line-height:var(--udexTypographyHeadingLineHeight);overflow:hidden;text-wrap:pretty}.featured-articles-card udex-tile .cardcontent .description{-webkit-box-orient:vertical;color:var(--udexCoreTextDark);display:none;font-size:var(--udexTypographyBodyXSFontSize);-webkit-line-clamp:3;line-clamp:3;line-height:var(--udexTypographyBodyLineHeight);margin-block:var(--udexSpacer16) 0;margin-inline:0;overflow:hidden;text-wrap:pretty}.featured-articles-card udex-tile .infoblock{flex-shrink:0;padding-block:0 var(--udexSpacer24);padding-inline:var(--udexSpacer20)}.featured-articles-card udex-tile .infoblock .author-profile{display:flex;margin-block-start:0}.featured-articles-card udex-tile .infoblock .author-profile udex-avatar{margin-right:var(--udexSpacer16)}.featured-articles-card udex-tile .infoblock .author-profile .avatar-info .name{color:var(--udexColorNeutralBlack);font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyDisplayLineHeight);margin-block-end:var(--udexSpacer4)}.featured-articles-card udex-tile .infoblock .author-profile .avatar-info .description{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden}.featured-articles-card udex-tile .infoblock .author-profile:not(:has(.description)) .avatar-info{align-items:center;display:flex}.featured-articles-card udex-tile .infoblock .author-profile .author{font-size:var(--udexTypographyNavigationRegularXSFontSize)}.featured-articles-card udex-tile .infoblock .author-profile .author:only-of-type{display:inline-block}.featured-articles-card udex-tile .infoblock .author.subtitle{color:var(--udexColorNeutralBlack);font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyDisplayLineHeight);margin-block-end:var(--udexSpacer4)}.featured-articles-card udex-tile .infoblock .info{color:var(--sapContent_LabelColor);font-size:var(--udexTypographyBodyXXSFontSize)}.featured-articles-card udex-tile .infoblock .author-profile+.info{margin-block-start:var(--udexSpacer12)}.featured-articles-card udex-tile .infoblock .author-profile:has(udex-avatar)+.info{display:none}.featured-articles-card udex-tile:hover{box-shadow:var(--eds-card-hover-shadow)}.featured-articles-card udex-tile:active,.featured-articles-card udex-tile:focus{outline:var(--udexSpacer2) solid var(--udexColorBlue7)}@media(width>=980px){.featured-articles-card.horizontal{height:var(--eds-size-240)}.featured-articles-card.horizontal:not(.text-card){display:grid;grid-column-gap:var(--udexSpacer24);grid-template-columns:3fr 2fr}.featured-articles-card.horizontal:not(.text-card) .description{display:-webkit-box}.featured-articles-card.horizontal:not(.text-card) udex-tile{display:grid;grid-column:1/-1;grid-template-columns:subgrid;grid-template-rows:1fr min-content}.featured-articles-card.horizontal:not(.text-card) udex-tile::part(tile){display:inherit;grid-column:inherit;grid-template-columns:inherit;grid-template-rows:inherit;height:var(--eds-size-240)}.featured-articles-card.horizontal:not(.text-card) udex-tile .cardcontent{order:-1;padding-block:var(--udexSpacer24) var(--udexSpacer12);padding-inline:var(--udexSpacer24) 0}.featured-articles-card.horizontal:not(.text-card) udex-tile .cardcontent .tag-label{inset:var(--udexSpacer32) var(--udexSpacer32) auto auto}.featured-articles-card.horizontal:not(.text-card) udex-tile .picture{grid-row:span 2;height:auto;order:1;padding-block:var(--udexSpacer24);padding-inline:0 var(--udexSpacer24)}.featured-articles-card.horizontal:not(.text-card) udex-tile .picture img{aspect-ratio:unset;border-radius:var(--udexRadiusM);height:100%;max-width:100%;object-fit:cover}.featured-articles-card.horizontal:not(.text-card) udex-tile .infoblock{order:3;padding-block:0 var(--udexSpacer24);padding-inline:var(--udexSpacer24) 0}}.featured-articles ul{display:grid;gap:var(--udexSpacer32) var(--hlx-grid-gutters);grid-template-columns:1fr;list-style:none;margin:0;padding:0}.featured-articles.horizontal ul{grid-column-gap:0;grid-template-columns:auto}@media(width>=640px){.featured-articles:not(.horizontal) ul.hlx-col-s-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=980px){.featured-articles{gap:var(--udexSpacer40) var(--udexGridMGutters)}.featured-articles:not(.horizontal) ul.hlx-col-m-2{grid-template-columns:repeat(12,minmax(0,1fr))}.featured-articles:not(.horizontal) ul.hlx-col-m-2>*{grid-column:span 4}.featured-articles:not(.horizontal) ul.hlx-col-m-3{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-articles:not(.horizontal) ul.hlx-col-m-4{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-articles:not(.horizontal,.stacked) ul.hlx-col-m-4{grid-template-columns:repeat(12,minmax(0,1fr))}.featured-articles:not(.horizontal,.stacked) ul.hlx-col-m-4>*{grid-column:span 3}.featured-articles.stacked:not(.horizontal) ul.hlx-col-m-2,.featured-articles.stacked:not(.horizontal) ul.hlx-col-m-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=1280px){.featured-articles:not(.horizontal) ul.hlx-col-l-2{grid-template-columns:repeat(12,minmax(0,1fr))}.featured-articles:not(.horizontal) ul.hlx-col-l-2>*{grid-column:span 4}.featured-articles:not(.horizontal) ul.hlx-col-l-3{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-articles:not(.horizontal) ul.hlx-col-l-4{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-articles:not(.horizontal,.stacked) ul.hlx-col-l-4{grid-template-columns:repeat(12,minmax(0,1fr))}.featured-articles:not(.horizontal,.stacked) ul.hlx-col-l-4>*{grid-column:span 3}:where(.has-sidenav) .featured-articles:not(.horizontal) ul.hlx-col-l-2{grid-template-columns:repeat(9,minmax(0,1fr))}:where(.has-sidenav) .featured-articles:not(.horizontal) ul.hlx-col-l-2>*{grid-column:span 4}.featured-articles.stacked:not(.horizontal) ul.hlx-col-l-2,.featured-articles.stacked:not(.horizontal) ul.hlx-col-l-4{grid-template-columns:repeat(9,minmax(0,1fr))}.featured-articles.stacked:not(.horizontal) ul.hlx-col-l-2>*,.featured-articles.stacked:not(.horizontal) ul.hlx-col-l-4>*{grid-column:span 4}.featured-articles.stacked:not(.horizontal) ul.hlx-col-l-3{grid-template-columns:repeat(9,minmax(0,1fr))}.featured-articles.stacked:not(.horizontal) ul.hlx-col-l-3>*{grid-column:span 3}}
