.article{padding-block:0}.article__image{margin-inline:var(--remove-page-width-margin)}@media (min-width: 992px){.article__image{margin-inline:0}}.article__image img,.article__image svg,.article__image .article-card__image-placeholder{aspect-ratio:1.5;-o-object-fit:cover;object-fit:cover}@media (min-width: 768px){.article__image img,.article__image svg,.article__image .article-card__image-placeholder{border-radius:var(--border-radius-elements)}}@media (min-width: 992px){.article__image img,.article__image svg,.article__image .article-card__image-placeholder{aspect-ratio:3}}.article__image svg{height:auto}.article .article-card__image-placeholder{position:relative}.article .article-card__image-placeholder .placeholder-icon{position:absolute;top:0;left:0;right:0;bottom:0}.article .article-card__image-placeholder svg{height:100%}.article__content{max-width:100%;padding-block:var(--spacing-lg);padding-inline:var(--spacing-md);margin-block:0 var(--spacing-xl);margin-inline:auto;position:relative;background-color:var(--color-background);border-radius:var(--border-radius-elements)}@media (min-width: 992px){.article__content{padding-block:var(--spacing-xl);padding-inline:var(--spacing-xl);margin-block:0 var(--spacing-xl)}}.article__header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:solid 1px var(--color-border)}.article__header .title{margin:0;text-wrap:auto}@media (min-width: 992px){.article__header{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-md)}}.article__header.align-left{flex-direction:row;justify-content:flex-start}.article__header.align-center{flex-direction:row;justify-content:center}.article__header.align-right{flex-direction:row;justify-content:flex-end}.article__author{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;text-decoration:none;color:inherit;transition:opacity .2s ease}.article__author:hover{opacity:.7}.article__author-image{width:6.4rem;height:6.4rem;flex-shrink:0;border-radius:50%;overflow:hidden}.article__author-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article__author-info{display:flex;flex-direction:column}.article__author-meta{margin:0;color:var(--color-text-secondary)}.article__author-name{margin:0;font-weight:600}.article__author-title{margin:0;font-size:1.4rem}.article-navigation{max-width:95rem;margin-block:var(--spacing-xl);margin-inline:auto;display:flex;gap:1rem}@media (min-width: 992px){.article-navigation{gap:1.5rem}}.article-navigation__previous,.article-navigation__next{flex:0 0 calc(50% - .5rem);padding-block:var(--spacing-md);padding-inline:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:space-between;text-decoration:none;background-color:var(--color-light);border-radius:var(--border-radius-elements);z-index:0}@media (min-width: 992px){.article-navigation__previous,.article-navigation__next{padding-block:var(--spacing-lg);padding-inline:var(--spacing-lg);flex-direction:row;justify-content:flex-end}}@media (min-width: 768px){.article-navigation__previous-text,.article-navigation__next-text{min-width:10rem}}.article-navigation__previous-text p,.article-navigation__next-text p{margin-block:0 1rem;font-size:var(--font-size-h4);font-weight:700;color:var(--color-text)}.article-navigation__previous-text span,.article-navigation__next-text span{font-size:var(--font-size-h5);text-wrap:wrap;overflow-wrap:break-word;--line-clamp: 3;display:-webkit-box;-webkit-line-clamp:var(--line-clamp, 3);line-clamp:var(--line-clamp, 3);-webkit-box-orient:vertical;word-break:var(--word-break, "none");overflow:hidden}@media (min-width: 992px){.article-navigation__previous-text span,.article-navigation__next-text span{font-size:var(--font-size-h5)}}.article-navigation__previous img,.article-navigation__previous .card-product__image-placeholder,.article-navigation__next img,.article-navigation__next .card-product__image-placeholder{max-width:10rem;aspect-ratio:1.25;border-radius:var(--border-radius-elements);-o-object-fit:cover;object-fit:cover}@media (min-width: 992px){.article-navigation__previous img,.article-navigation__previous .card-product__image-placeholder,.article-navigation__next img,.article-navigation__next .card-product__image-placeholder{max-width:12rem;aspect-ratio:1}}.article-navigation__previous{text-align:right;align-items:flex-end}@media (min-width: 992px){.article-navigation__previous{align-items:flex-start}}@media (min-width: 992px){.article-navigation__next{flex-direction:row-reverse}}
