/* Editorial knowledge pages and product advice, using the native theme font and palette. */
.knowledge-article { --article-column: 84rem; --article-gutter: 2.5rem; padding-bottom: 4rem; }
.knowledge-article .breadcrumbs > .container-fluid, .knowledge-article .article > .container-fluid { display: block; box-sizing: border-box; width: 100%; max-width: calc(var(--article-column) + var(--article-gutter) + var(--article-gutter)); margin: 0 auto; padding-left: var(--article-gutter); padding-right: var(--article-gutter); }
.knowledge-article .breadcrumbs__title { display: block; float: none; flex: none; width: 100%; max-width: none; margin: 0 0 1.6rem; font-size: 3.6rem; line-height: 1.18; font-weight: 500; overflow-wrap: break-word; }
.knowledge-article .breadcrumbs__menu { display: flex; flex: none; flex-wrap: wrap; justify-content: flex-start; width: 100%; min-width: 0; max-width: none; margin: 0; padding: 0; white-space: normal; overflow: visible; }
.knowledge-article .breadcrumbs__menu > li:first-child { padding-left: 0; }
.knowledge-article__tags { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: .8rem; width: 100%; min-width: 0; max-width: none; margin: 1.2rem 0 0; }
.knowledge-article__tags a { display: inline-flex; align-items: center; min-height: 32px; padding: .4rem 1rem; border: 1px solid #e2e2ec; border-radius: .5rem; color: var(--theme-primary-color, #d60055); font-size: 1.4rem; line-height: 1.4; text-decoration: none; }
.knowledge-article__meta { display: block; float: none; width: 100%; max-width: none; margin: 1.6rem 0 0; color: #62626e; font-size: 1.4rem; line-height: 1.5; }
.knowledge-article__cover { display: block; width: 100%; max-width: none; aspect-ratio: 16 / 9; margin: 0 0 4rem; overflow: hidden; border-radius: 1.2rem; background: #f4f4f8; }
.knowledge-article__cover img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.knowledge-article .article__body { margin: 0; }
.knowledge-article .article__body > .row { display: block; margin: 0; }
.knowledge-article__reading { display: block; width: 100%; max-width: none; margin: 0; padding: 0; }
.knowledge-article .article__body--blog { font-family: inherit; font-size: 1.7rem; line-height: 1.7; color: var(--body-color, #343434); }
.knowledge-article .article__body--blog p { margin: 0 0 1.8rem; }
.knowledge-article .article__body--blog h2 { margin: 3.6rem 0 1.6rem; font-size: 2.6rem; line-height: 1.25; font-weight: 500; }
.knowledge-article .article__body--blog h3 { margin: 2.8rem 0 1.2rem; font-size: 2.1rem; line-height: 1.35; font-weight: 500; }
.knowledge-article .article__body--blog ul, .knowledge-article .article__body--blog ol { margin: 0 0 2rem; padding-left: 2.4rem; }
.knowledge-article .article__body--blog li { margin: 0 0 .8rem; padding-left: .2rem; }
.knowledge-article .article__body--blog a { color: var(--theme-primary-color, #d60055); text-decoration: underline; text-underline-offset: .25rem; overflow-wrap: anywhere; }
.knowledge-article .article__body--blog img { max-width: 100%; height: auto; }
.knowledge-article .article__body--blog table, .knowledge-article .article__body--blog pre { display: block; max-width: 100%; overflow-x: auto; }
.knowledge-article .article__body--blog blockquote { margin: 2.4rem 0; padding: 1.6rem 2rem; border-left: 3px solid var(--theme-primary-color, #d60055); background: #f4f4f8; }
/* Generated source footers finish with the last heading and its source list. */
.knowledge-article .article__body--blog > h2:last-of-type + ul { padding: 2rem 2.4rem 1.2rem 4rem; border-radius: .8rem; background: #f4f4f8; font-size: 1.4rem; line-height: 1.6; }
.knowledge-article .article__author-holder, .knowledge-article .article__foot { display: block; width: 100%; max-width: none; margin: 3.2rem 0 0; }
.knowledge-article .article__author-holder > .row, .knowledge-article .article__foot > .row { margin: 0; }
.knowledge-article .article__author-holder [class*="col-xl-"], .knowledge-article .article__foot > .row > [class*="col-xl-"] { flex: 0 0 100%; max-width: 100%; margin-left: 0; padding-left: 0; padding-right: 0; }
.knowledge-article a:focus-visible, .product-expert-advice a:focus-visible { outline: 2px solid var(--theme-primary-color, #d60055); outline-offset: 4px; }
.product-expert-advice { margin: 3.2rem 0 4.8rem; scroll-margin-top: 160px; }
.product-expert-advice h2 { margin: 0 0 2rem; font-size: 2.8rem; line-height: 1.2; font-weight: 500; }
.product-expert-advice__list { display: grid; gap: 1.6rem; }
.product-expert-advice__card { display: grid; grid-template-columns: 24rem minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 3.2rem; row-gap: 1.2rem; padding: 3.2rem; border: 1px solid #e2e2ec; border-radius: 1.2rem; background: #fff; }
.product-expert-advice__identity { display: flex; align-items: flex-start; gap: 1.4rem; min-width: 0; color: inherit; text-decoration: none; }
.product-expert-advice__identity img { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.product-expert-advice__identity > span { min-width: 0; }
.product-expert-advice__name { display: block; margin-bottom: .6rem; font-size: 1.8rem; line-height: 1.3; font-weight: 500; overflow-wrap: anywhere; }
.product-expert-advice__position { display: block; color: #62626e; font-size: 1.4rem; line-height: 1.5; }
.product-expert-advice__copy { grid-column: 2; grid-row: 1 / span 2; max-width: 86rem; min-width: 0; color: var(--body-color, #343434); font-size: 1.6rem; line-height: 1.65; overflow-wrap: anywhere; }
.product-expert-advice__copy p { margin: 0 0 1.4rem; white-space: pre-line; }
.product-expert-advice__copy p:last-child { margin-bottom: 0; }
.product-expert-advice__copy--profile { font-size: 1.5rem; color: #62626e; }
.product-expert-advice__profile { grid-column: 1; align-self: start; justify-self: start; display: inline-flex; align-items: center; min-height: 44px; color: var(--theme-primary-color, #d60055); font-size: 1.4rem; line-height: 1.4; text-decoration: underline; text-underline-offset: .25rem; }
.product-expert-advice__list--profiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.product-expert-advice__list--profiles .product-expert-advice__card { display: flex; flex-direction: column; gap: 1.6rem; padding: 2.4rem; }
.product-expert-advice__list--profiles .product-expert-advice__profile { margin-top: auto; }
@media (max-width: 991px) {
 .product-expert-advice__list--profiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .product-expert-advice__card { grid-template-columns: 21rem minmax(0, 1fr); column-gap: 2.4rem; padding: 2.4rem; }
}
@media (max-width: 767px) {
 .product-expert-advice__list--profiles { grid-template-columns: minmax(0, 1fr); }
 .knowledge-article .breadcrumbs__title { font-size: 2.7rem; line-height: 1.2; }
 .knowledge-article__cover { margin-bottom: 2.8rem; border-radius: .8rem; }
 .knowledge-article .article__body--blog { font-size: 1.6rem; line-height: 1.65; }
 .knowledge-article .article__body--blog h2 { margin-top: 2.8rem; font-size: 2.3rem; }
 .knowledge-article .article__body--blog h3 { font-size: 1.9rem; }
 .product-expert-advice { margin: 2.4rem 0 3.2rem; scroll-margin-top: 104px; }
 .product-expert-advice h2 { font-size: 2.4rem; }
 .product-expert-advice__card { display: flex; flex-direction: column; gap: 1.6rem; padding: 2rem; }
 .product-expert-advice__copy { max-width: 100%; font-size: 1.5rem; line-height: 1.65; }
 .product-expert-advice__profile { margin-top: -.4rem; }
}
