.article-template__content{font-size:var(--body-xl);line-height:1.55;letter-spacing:var(--ls-body-xl)}.article-template__content :where(p,ul,ol,figure,table){margin-bottom:1.2em}.article-template__content [id]{scroll-margin-top:calc(var(--liv-nav-stack, var(--header-height, 0px)) + 24px)}.article-template__content :is(h2,h3,h4){font-family:var(--heading-font);font-weight:var(--heading-font-weight-bold, 700)}.article-template__content h2,.article-template__content:not(:has(h2)) h3{margin:1.6em 0 .6em;padding-top:1.2em;border-top:1px solid var(--liv-grey-200);font-size:var(--h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4)}.article-template__content:has(h2) h3,.article-template__content:not(:has(h2)) h4{margin:1.4em 0 .5em;font-size:var(--h5);line-height:var(--lh-h5);letter-spacing:var(--ls-h5)}.article-template__content>:is(h2,h3):first-child{margin-top:0;padding-top:0;border-top:0}.article-template__content sup{font-size:.65em;line-height:0}.article-template__content sup a{text-decoration:none}.article-toc{margin-bottom:1.2em;padding:2rem 2.4rem;border-radius:1.2rem;background:var(--liv-blue-100);font-size:var(--h7);line-height:var(--lh-h7)}.article-toc__title{margin-bottom:.8em;font-weight:var(--body-font-weight-bold, 700)}.article-template__content .article-toc ol{margin:0;padding-left:0;list-style-position:inside}.article-toc li+li{margin-top:.5em}.article-cta{padding:1.6rem 2rem;border-left:3px solid var(--liv-blue-200);border-radius:0 1.2rem 1.2rem 0;background:var(--liv-blue-100)}.article-disclaimers{margin-top:2.4em;padding:2.4rem;border-radius:1.2rem;background:var(--liv-blue-100);font-size:var(--h7);line-height:var(--lh-h7);letter-spacing:var(--ls-h7)}.article-template__content .article-disclaimers :is(h2,h3,h4){margin:0 0 .6em;padding-top:0;border-top:0;font-size:var(--h6);line-height:var(--lh-h6)}.article-template__content .article-disclaimers :is(h2,h3,h4):not(:first-child){margin-top:1.6em}.article-template__content .article-disclaimers p{margin-bottom:.8em}:is(.article-steps,.article-compare,.article-cards,.article-bands){margin:0 0 1.2em}:is(.article-steps__card,.article-compare__card,.article-cards__card,.article-bands__card){padding:2.4rem;border-radius:1.2rem;background:var(--liv-blue-100)}.article-template__content :is(.article-steps,.article-compare,.article-cards,.article-bands) :where(p,ul,table){margin:0}.article-template__content :is(.article-steps__eyebrow,.article-compare__eyebrow,.article-cards__eyebrow,.article-bands__eyebrow){margin-bottom:.6rem;font-size:var(--body-xs);letter-spacing:.12em}.article-template__content :is(.article-steps__title,.article-compare__title,.article-cards__title,.article-bands__title){margin-bottom:2.4rem;font-family:var(--heading-font);font-weight:var(--heading-font-weight-bold, 700);font-size:var(--h5);line-height:var(--lh-h5);letter-spacing:var(--ls-h5)}.article-template__content .article-steps__list{display:grid;gap:2rem;margin:0;padding:0;list-style:none;counter-reset:step}.article-steps__list>li{--bar-max: 3.6rem;position:relative;padding-top:calc(var(--bar-max) + 1rem);counter-increment:step}.article-steps__list>li:nth-child(1){--bar: 1.2rem}.article-steps__list>li:nth-child(2){--bar: 2.4rem}.article-steps__list>li:nth-child(3){--bar: 3.6rem}.article-steps__list>li:after{content:"";position:absolute;top:calc(var(--bar-max) - var(--bar));left:0;width:.8rem;height:var(--bar);border-radius:999px;background:var(--liv-blue-200)}.article-steps__list>li:before{content:counter(step,decimal-leading-zero);position:absolute;top:calc(var(--bar-max) - 1.1em);left:1.6rem;font-family:var(--mono-font);font-size:var(--h4);line-height:1.1;color:var(--liv-blue-300)}.article-steps__list strong{display:block;margin-bottom:.3rem}.article-steps__list span{display:block;font-size:var(--h7);line-height:var(--lh-h7)}.article-template__content .article-steps__note{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--liv-blue-200)}.article-template__content :is(.article-steps__pull,.article-compare__pull,.article-cards__pull,.article-bands__pull){margin-top:1rem;font-weight:var(--body-font-weight-bold, 700)}:is(.article-steps,.article-compare,.article-cards,.article-bands) figcaption{margin-top:.8rem;font-size:var(--body-xs);line-height:var(--lh-body-xs)}.article-template__content :is(.article-compare__pull,.article-cards__pull,.article-bands__pull){margin-top:2.4rem}.article-template__content .article-compare__band{margin-bottom:1.6rem;padding-bottom:1.6rem;border-bottom:1px solid var(--liv-blue-200)}.article-template__content .article-compare__table{width:calc(100% + 1.6rem);margin:-.8rem;border:0;border-collapse:separate;border-spacing:.8rem;table-layout:fixed}.article-compare__table :is(th,td){padding:1.2rem 1.4rem;border:0;font-size:var(--h7);line-height:var(--lh-h7);letter-spacing:var(--ls-h7);text-align:left;vertical-align:top}.article-compare__table thead td:first-child{width:24%;padding:0}.article-compare__table thead th{padding-bottom:0;font-family:var(--heading-font);font-weight:var(--heading-font-weight-bold, 700);font-size:var(--h6);line-height:var(--lh-h6);letter-spacing:var(--ls-h6)}.article-compare__table tbody th{padding-left:0;font-weight:inherit;color:var(--liv-grey-400)}.article-compare__table tbody td{border-radius:.8rem;background:var(--liv-white)}.article-template__content .article-cards__list{display:grid;gap:1.2rem;padding:0}.article-template__content .article-cards__list>li{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:1.6rem;border-radius:.8rem;background:var(--liv-white)}.article-template__content .article-cards__list>li:before{content:none}.article-cards__list strong{font-family:var(--heading-font);font-weight:var(--heading-font-weight-bold, 700);font-size:var(--h6);line-height:var(--lh-h6);letter-spacing:var(--ls-h6)}.article-cards__list span{font-size:var(--h7);line-height:var(--lh-h7);color:var(--liv-grey-400)}.article-cards__list .article-cards__meta{order:-1;font-size:var(--body-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--liv-blue-200)}.article-cards__list .article-cards__detail{margin-top:auto;padding-top:1rem;border-top:1px solid var(--liv-grey-100);font-size:var(--body-xs);line-height:var(--lh-body-xs);color:inherit}.article-template__content .article-cards__band{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--liv-blue-200)}.article-template__content .article-cards__band+.article-cards__band{margin-top:.8rem;padding-top:0;border-top:0}.article-bands__band{padding:1.6rem 2rem;border:1px solid transparent;border-radius:.8rem;background:var(--liv-white);font-size:var(--h7);line-height:var(--lh-h7);letter-spacing:var(--ls-h7)}.article-bands__band+.article-bands__band{margin-top:1.2rem}.article-bands__band--muted{border:1px dashed var(--liv-blue-200);background:transparent;color:var(--liv-grey-400)}.article-template__content .article-bands__label{margin-bottom:.8rem;font-family:var(--heading-font);font-weight:var(--heading-font-weight-bold, 700);font-size:var(--h6);line-height:var(--lh-h6);letter-spacing:var(--ls-h6);color:var(--liv-blue-400)}.article-template__content .article-bands__band ul>li+li{margin-top:.4em}.article-template__content .article-bands__detail{margin-top:1.2rem;font-size:var(--body-xs);line-height:var(--lh-body-xs);color:var(--liv-grey-400)}.article-template__content .article-bands__label+.article-bands__detail{margin-top:0}@media screen and (max-width:749px){.article-template__content table{display:block;max-width:100%;overflow-x:auto}.article-template__content .article-compare__table,.article-compare__table :is(thead,tbody){display:block;width:auto;margin:0;overflow:visible}.article-compare__table tr{display:flex;flex-wrap:wrap;gap:.6rem}.article-compare__table tbody tr{margin-top:1.2rem}.article-compare__table thead td:first-child{display:none}.article-compare__table :is(thead th,tbody td){flex:1 1 0;min-width:0;padding:1rem;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.article-compare__table thead th{padding-block:0;font-size:var(--h7)}.article-compare__table tr:has(>:nth-child(4))>:is(th[scope=col],td){padding-inline:.8rem}.article-compare__table tr:has(>:nth-child(4))>th[scope=col]{font-size:var(--body-xs);overflow-wrap:normal}:is(.article-compare__card,.article-cards__card,.article-bands__card){padding:2rem 1.6rem}.article-compare__table tbody th{flex:0 0 100%;padding:0}}@media screen and (min-width:750px){.article-template__content .article-steps__list{grid-template-columns:repeat(3,minmax(0,1fr))}.article-template__content .article-cards__list{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-article-content.css.map */