.yt-article-page{color:var(--yt-color-text);background:var(--yt-color-polar)}.yt-article-spacing--compact{padding-block:clamp(2.2rem,4vw,3.25rem)}.yt-article-spacing--default{padding-block:clamp(3rem,5.6vw,4.8rem)}.yt-article-spacing--spacious{padding-block:clamp(4rem,7vw,6.1rem)}.yt-article-main{padding-block:clamp(3rem,4vw,4.5rem) clamp(3rem,5.8vw,5rem)}.yt-article-progress{position:fixed;inset-block-start:var(--yt-sticky-header-height, var(--header-height, 0px));inset-inline:0;z-index:calc(var(--layer-sticky, 8) + 1);height:2px;pointer-events:none;background:transparent}.yt-article-progress span{display:block;width:100%;height:100%;background:var(--yt-color-primary);transform:scaleX(0);transform-origin:left center}.shopify-design-mode .yt-article-progress{display:none}.yt-article-card{--yt-article-card-padding-inline: clamp(2.75rem, 5vw, 4rem);position:relative;width:min(100%,1120px);margin-inline:auto;overflow:clip;border:1px solid color-mix(in srgb,var(--yt-color-border) 92%,#fff);border-radius:min(var(--yt-radius-card),12px);background:#fff;box-shadow:0 18px 44px #11161c0d}.yt-article-card:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:2px;background:linear-gradient(90deg,var(--yt-color-primary),color-mix(in srgb,var(--yt-color-primary) 18%,transparent));pointer-events:none}.yt-article-header{padding:clamp(2.25rem,3vw,2.75rem) var(--yt-article-card-padding-inline) clamp(1.75rem,2.35vw,2.25rem);color:var(--yt-color-text)}.yt-article-header__copy{display:flex;width:100%;max-width:none;flex-direction:column;align-items:flex-start}.yt-article-badge,.yt-article-meta{display:flex;flex-wrap:wrap;align-items:center}.yt-article-badge{gap:.45rem;width:fit-content;margin:0 0 clamp(.875rem,1.4vw,1.125rem);padding:.34rem .58rem;border:1px solid color-mix(in srgb,var(--yt-color-primary) 30%,var(--yt-color-border));border-radius:min(var(--yt-radius-button),7px);color:var(--yt-color-primary);background:color-mix(in srgb,var(--yt-color-primary) 7%,#fff);font-family:var(--yt-font-technical);font-size:.68rem;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.yt-article-badge span{width:.42rem;height:.42rem;border-radius:50%;background:currentcolor}.yt-article-title{width:100%;max-width:1040px;margin:0;color:inherit;font-family:var(--yt-font-heading);font-size:clamp(2.875rem,3.4vw,3.375rem);font-weight:850;letter-spacing:0;line-height:1.05;overflow-wrap:anywhere;text-wrap:balance}.yt-article-meta{gap:.35rem .65rem;margin-top:clamp(1rem,1.5vw,1.375rem);color:var(--yt-color-muted);font-family:var(--yt-font-technical);font-size:.72rem;font-weight:800;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.yt-article-meta>*+*:before{content:"/";margin-inline-end:.65rem;color:color-mix(in srgb,var(--yt-color-muted) 54%,transparent)}.yt-article-excerpt{display:-webkit-box;max-width:920px;margin-top:clamp(.875rem,1.25vw,1.125rem);overflow:hidden;color:color-mix(in srgb,var(--yt-color-muted) 90%,var(--yt-color-text));-webkit-box-orient:vertical;-webkit-line-clamp:3}.yt-article-featured{margin:0;padding-inline:var(--yt-article-card-padding-inline)}.yt-article-featured__media{overflow:hidden;border:1px solid var(--yt-color-border);border-radius:min(var(--yt-radius-media),18px);background:var(--yt-color-carbon)}.yt-article-featured--16_9 .yt-article-featured__media{aspect-ratio:16 / 9}.yt-article-featured--16_8 .yt-article-featured__media{aspect-ratio:16 / 8}.yt-article-featured--4_3 .yt-article-featured__media{aspect-ratio:4 / 3}.yt-article-featured--natural .yt-article-featured__media{aspect-ratio:auto}.yt-article-featured img{display:block;width:100%;height:100%;object-fit:cover}.yt-article-featured--natural img{height:auto}.yt-article-featured figcaption{max-width:80ch;margin:.65rem auto 0;color:var(--yt-color-muted);font-size:.85rem;line-height:1.5}.yt-article-divider{margin:clamp(1.75rem,3vw,2.5rem) var(--yt-article-card-padding-inline);border-top:1px solid var(--yt-color-border)}.yt-article-toc{width:min(calc(100% - (var(--yt-article-card-padding-inline) * 2)),860px);margin:0 auto clamp(1.8rem,3vw,2.5rem)}.yt-article-toc__desktop{padding:1rem;border:1px solid var(--yt-color-border);border-radius:min(var(--yt-radius-card),10px);background:color-mix(in srgb,var(--yt-color-polar) 76%,#fff)}.yt-article-toc ol{display:grid;gap:.3rem;margin:.75rem 0 0;padding:0;list-style:none}.yt-article-toc a{display:block;padding:.42rem .5rem;border-left:2px solid transparent;color:color-mix(in srgb,var(--yt-color-text) 76%,var(--yt-color-muted));font-size:.88rem;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}.yt-article-toc a:hover,.yt-article-toc a:focus-visible,.yt-article-toc a.is-active{border-left-color:var(--yt-color-primary);color:var(--yt-color-primary);background:color-mix(in srgb,var(--yt-color-primary) 7%,transparent)}.yt-article-toc__child a{padding-left:1rem;font-size:.82rem}.yt-article-toc__mobile{display:none}.yt-article-body-inner,.yt-article-footer,.yt-article-comments{width:min(calc(100% - (var(--yt-article-card-padding-inline) * 2)),860px);margin-inline:auto}.yt-article-content{width:100%;color:color-mix(in srgb,var(--yt-color-text) 88%,var(--yt-color-muted));font-size:clamp(1rem,1.05vw,1.08rem);line-height:1.76}.yt-article-content>*{margin-block:0}.yt-article-content>*+*{margin-top:1.1rem}.yt-article-content h2,.yt-article-content h3,.yt-article-content h4{color:var(--yt-color-text);font-family:var(--yt-font-heading);font-weight:800;letter-spacing:0;line-height:1.16;scroll-margin-top:calc(var(--yt-sticky-header-height, var(--header-height, 0px)) + 1.4rem);text-wrap:balance}.yt-article-content h2{margin-top:clamp(2.4rem,5vw,3.6rem);padding-top:1rem;border-top:1px solid var(--yt-color-border);font-size:clamp(1.55rem,2.5vw,2.2rem)}.yt-article-content h3{margin-top:2rem;font-size:clamp(1.22rem,1.8vw,1.55rem)}.yt-article-content h4{margin-top:1.6rem;font-size:1.05rem}.yt-article-content h2+*,.yt-article-content h3+*,.yt-article-content h4+*{margin-top:.65rem}.yt-article-content a{color:var(--yt-color-primary);text-decoration-thickness:1px;text-underline-offset:.2em;overflow-wrap:anywhere}.yt-article-content a:focus-visible,.yt-article-share__button:focus-visible,.yt-article-tags a:focus-visible,.yt-article-support-link:focus-visible,.yt-article-nav__item:focus-visible{outline:2px solid var(--yt-color-primary);outline-offset:3px}.yt-article-content ul,.yt-article-content ol{padding-left:1.35rem}.yt-article-content li+li{margin-top:.45rem}.yt-article-content blockquote{margin-inline:0;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--yt-color-primary) 26%,var(--yt-color-border));border-left:3px solid var(--yt-color-primary);border-radius:min(var(--yt-radius-card),8px);color:color-mix(in srgb,var(--yt-color-text) 88%,var(--yt-color-primary));background:color-mix(in srgb,var(--yt-color-primary) 7%,#fff)}.yt-article-content blockquote.warning,.yt-article-content blockquote.yt-warning,.yt-article-content .warning-note,.yt-article-content .yt-warning-note{border-color:color-mix(in srgb,var(--yt-color-warning) 36%,var(--yt-color-border));border-left-color:var(--yt-color-warning);color:color-mix(in srgb,var(--yt-color-text) 88%,var(--yt-color-warning));background:color-mix(in srgb,var(--yt-color-warning) 10%,#fff)}.yt-article-content code{padding:.14rem .34rem;border-radius:5px;color:var(--yt-color-text);background:color-mix(in srgb,var(--yt-color-carbon) 9%,#fff);font-size:.92em;overflow-wrap:anywhere}.yt-article-content pre{max-width:100%;overflow-x:auto;padding:1rem;border:1px solid var(--yt-color-border);border-radius:min(var(--yt-radius-card),8px);color:var(--yt-color-polar);background:var(--yt-color-flight-black);line-height:1.55}.yt-article-content pre code{padding:0;color:inherit;background:transparent;white-space:pre}.yt-article-content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;border:1px solid var(--yt-color-border);border-radius:min(var(--yt-radius-card),8px);background:#fff}.yt-article-content th,.yt-article-content td{min-width:9rem;padding:.78rem .9rem;border-bottom:1px solid var(--yt-color-border);text-align:left;vertical-align:top}.yt-article-content th{color:var(--yt-color-text);background:color-mix(in srgb,var(--yt-color-polar) 70%,#fff);font-family:var(--yt-font-technical);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.yt-article-content img,.yt-article-content video{max-width:100%;height:auto;border-radius:min(var(--yt-radius-media),16px)}.yt-article-content iframe{display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;border:0;border-radius:min(var(--yt-radius-media),16px)}.yt-article-content hr{margin-block:2.2rem;border:0;border-top:1px solid var(--yt-color-border)}.yt-article-footer{display:grid;gap:1.4rem;margin-top:clamp(2.5rem,5vw,4rem);padding-block:clamp(1.4rem,3vw,2rem) clamp(3rem,5vw,4rem);border-top:1px solid var(--yt-color-border)}.yt-article-tags,.yt-article-share{display:grid;gap:.7rem}.yt-article-tags__list,.yt-article-share__actions{display:flex;flex-wrap:wrap;gap:.55rem}.yt-article-tags a,.yt-article-share__button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:.52rem .72rem;border:1px solid var(--yt-color-border);border-radius:min(var(--yt-radius-button),7px);color:var(--yt-color-text);background:#fff;font-family:var(--yt-font-technical);font-size:.72rem;font-weight:800;letter-spacing:.07em;line-height:1.2;text-decoration:none;text-transform:uppercase}.yt-article-tags a:hover,.yt-article-share__button:hover{border-color:color-mix(in srgb,var(--yt-color-primary) 44%,var(--yt-color-border));color:var(--yt-color-primary);background:color-mix(in srgb,var(--yt-color-primary) 6%,#fff)}.yt-article-share__button{cursor:pointer}.yt-article-share__button--native[hidden]{display:none}.yt-article-share__status{min-height:1.2rem;color:var(--yt-color-primary);font-size:.85rem}.yt-article-support-link{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;color:var(--yt-color-primary);font-weight:800;text-decoration:none}.yt-article-support-link .yt-icon,.yt-article-nav__label .yt-icon{width:1rem;height:1rem}.yt-article-author,.yt-article-comments{padding:1rem;border:1px solid var(--yt-color-border);border-radius:min(var(--yt-radius-card),8px);background:#fff}.yt-article-author h2,.yt-article-comments h2,.yt-related-articles__header h2{margin:.4rem 0 0;color:var(--yt-color-text);font-family:var(--yt-font-heading);font-size:clamp(1.4rem,2.4vw,2.1rem);font-weight:850;letter-spacing:0;line-height:1.1}.yt-article-nav-section{padding-top:0;background:var(--yt-color-polar)}.yt-article-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.yt-article-nav__item{display:flex;min-height:8rem;flex-direction:column;justify-content:center;padding:clamp(1rem,2vw,1.35rem);border:1px solid var(--yt-color-border);border-radius:min(var(--yt-radius-card),10px);color:var(--yt-color-text);background:#fff;text-decoration:none;transition:border-color .3s var(--yt-motion-ease),background-color .3s var(--yt-motion-ease)}.yt-article-nav__item:hover{border-color:color-mix(in srgb,var(--yt-color-primary) 44%,var(--yt-color-border));background:color-mix(in srgb,var(--yt-color-primary) 5%,#fff)}.yt-article-nav__item--next{text-align:right}.yt-article-nav__item--previous .yt-icon{rotate:180deg}.yt-article-nav__label{display:inline-flex;gap:.45rem;align-items:center;color:var(--yt-color-primary);font-family:var(--yt-font-technical);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.yt-article-nav__item--next .yt-article-nav__label{justify-content:flex-end}.yt-article-nav__title{display:block;margin-top:.55rem;color:var(--yt-color-text);font-family:var(--yt-font-heading);font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:800;line-height:1.22}.yt-related-articles-section{padding-top:0;background:#fff}.yt-related-articles__header{max-width:48rem;margin-bottom:clamp(1.3rem,3vw,2rem)}.yt-related-articles__header .yt-body{margin-top:.65rem}.yt-related-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.yt-related-articles__item{min-width:0}.yt-article-page .yt-editorial-card{height:100%}.yt-article-page .yt-editorial-card__content{min-height:14rem}@media screen and (max-width:1023px){.yt-article-card{--yt-article-card-padding-inline: clamp(2rem, 5vw, 2.5rem)}.yt-article-main{padding-block:clamp(2.25rem,5vw,3.25rem) clamp(3rem,5.8vw,5rem)}.yt-article-header{padding-block:clamp(1.875rem,4vw,2.375rem) clamp(1.65rem,3vw,2rem)}.yt-article-title{font-size:clamp(2.5rem,5vw,2.875rem)}.yt-article-toc__desktop{display:none}.yt-article-toc__mobile{display:block;border:1px solid var(--yt-color-border);border-radius:min(var(--yt-radius-card),10px);background:#fff}.yt-article-toc__mobile summary{display:flex;min-height:3.1rem;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;cursor:pointer}.yt-article-toc__mobile summary .yt-icon{width:1rem;height:1rem;transition:transform .3s var(--yt-motion-ease)}.yt-article-toc__mobile[open] summary .yt-icon{transform:rotate(180deg)}.yt-article-toc__mobile nav{padding:0 1rem 1rem}.yt-related-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.yt-article-main{padding-block:clamp(1.5rem,7vw,2.25rem) 3.2rem}.yt-article-card{--yt-article-card-padding-inline: clamp(1.125rem, 6vw, 1.5rem);border-radius:min(var(--yt-radius-card),10px)}.yt-article-header{padding-block:clamp(1.5rem,6vw,1.875rem) clamp(1.35rem,5vw,1.65rem)}.yt-article-title{font-size:clamp(2rem,8vw,2.375rem);line-height:1.06}.yt-article-excerpt{margin-top:.75rem;-webkit-line-clamp:3}.yt-article-meta{display:grid;gap:.35rem}.yt-article-meta>*+*:before{content:none}.yt-article-featured--16_8 .yt-article-featured__media,.yt-article-featured--16_9 .yt-article-featured__media{aspect-ratio:4 / 3}.yt-article-body-inner,.yt-article-footer,.yt-article-comments{width:100%}.yt-article-content{font-size:1rem;line-height:1.72}.yt-article-content h2{font-size:clamp(1.35rem,7vw,1.85rem)}.yt-article-content th,.yt-article-content td{min-width:8.5rem}.yt-article-nav,.yt-related-articles__grid{grid-template-columns:1fr}.yt-article-nav__item,.yt-article-nav__item--next{min-height:0;text-align:left}.yt-article-nav__item--next .yt-article-nav__label{justify-content:flex-start}}@media screen and (max-width:389px){.yt-article-header{padding-block:1.4rem 1.25rem}.yt-article-share__actions,.yt-article-tags__list{display:grid;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.yt-article-toc__mobile summary .yt-icon,.yt-article-nav__item{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ytteron-article-page.css.map */