/*! article */.article__top{row-gap:var(--sp-2)}.article__top li{padding-inline-end:var(--sp-4)}.article__top li:after{content:"";position:absolute;inset-inline-end:0;width:1px;height:16px;background-color:currentColor;opacity:.3}.article__top li:last-child{padding-inline-end:0}.article__top li:last-child:after{content:none}.article__top .icon{width:var(--sp-4);height:var(--sp-4)}.article .page-width--narrow .banner__box{padding-block:0}.article .badge{padding:var(--sp-2) var(--sp-4);font-size:var(--text-3xs);color:var(--badge-foreground);background-color:var(--badge-background)}@media screen and (pointer:fine){.article .badge{--tw-scale-x: 1;--tw-scale-y: 1;transform:scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:transform var(--animation-primary)}.article .badge:hover{--tw-scale-x: 1;--tw-scale-y: 1}.article .banner__media~.banner__content .badge{transition-property:transform}}@media screen and (min-width:768px){.article .badge{padding:var(--sp-2d5) var(--sp-4d5);font-size:var(--text-xs)}}@media screen and (min-width:1024px){.article.grid{gap:var(--sp-16)}.article__media{max-width:var(--page-width);margin:0 auto;padding-inline:var(--gap-padding)}.article__image{border-radius:var(--rounded-block)}}.article .banner__title+*{margin-block-start:0}.article .rte>*:first-child{margin-block-start:0}.article .rte figure img{border-radius:var(--rounded-block)}.article .rte .image-with-text img{margin:0}@media screen and (min-width:1024px){.article .rte :is(figure,.image-with-text){margin-inline-end:calc(var(--sp-10)*-1);margin-inline-start:calc(var(--sp-10)*-1)}.article .rte figure figcaption{margin-inline-start:var(--sp-10)}.article .rte .grid-cols-2 figure:first-child{margin-inline-end:0}.article .rte .grid-cols-2 figure:last-child{margin-inline-start:0}.article .rte .grid-cols-2 figure figcaption{margin-inline-start:var(--rounded-block)}}@media screen and (min-width:1536px){.article .rte :is(figure,.image-with-text){margin-inline-end:calc(var(--sp-20)*-1);margin-inline-start:calc(var(--sp-20)*-1)}.article .rte figure figcaption{margin-inline-start:var(--sp-20)}}/*! comments */.comments-section{padding-block:clamp(40px,5vw,80px)}.comments-section :is(.article-card,.new-comment,.comment-card){border-radius:var(--rounded-block)}.comments-wrapper{padding-block-start:var(--sp-5)}.comments-wrapper .pagination{padding-block-end:var(--sp-5)}.comment-card .gravatar{width:var(--sp-15)}@media screen and (max-width:767px){.comment-card .article-card__top li{padding-inline-end:0}.comment-card .article-card__top li:after{content:none}}@media screen and (min-width:1024px){.comments-section>.grid{gap:var(--sp-15)}.comments-section .article-card{padding:var(--sp-7d5) var(--sp-10)}.comments-section :is(.new-comment,.comment-card){padding:var(--sp-10)}.comments-wrapper{padding-block-start:var(--sp-7d5)}}@media screen and (min-width:1280px){.comments-section .page-width--narrow .article-card:nth-child(1){margin-inline-start:calc(var(--sp-20) * -1)}.comments-section .page-width--narrow .article-card:nth-child(2){margin-inline-end:calc(var(--sp-20) * -1)}}.comment-count .icon{width:var(--sp-4);height:var(--sp-4)}@media screen and (min-width:1024px){.article>.page-width--narrow,.article.page-width--narrow,.comments-section .page-width--narrow{max-width:720px}}.article .article__top{font-size:13px;letter-spacing:.01em;color:rgb(var(--color-foreground) / .6)}.article .article__top li:after{height:12px;background-color:rgb(var(--color-foreground) / .25)}.article .heading,.article .banner__title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.05;text-transform:uppercase}.article .rte{font-family:Charter,Iowan Old Style,Iowan Old Style BT,Apple Garamond,"Source Serif Pro",Cambria,Georgia,serif;font-size:17px;line-height:1.5;color:rgb(var(--color-foreground) / .92)}.article .rte :where(p):not(:where([class~=not-rte] *)){margin-block:1.2em}.article .rte :where(h2,h3,h4):not(:where([class~=not-rte] *)){font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.01em;text-transform:uppercase;line-height:1.05!important;color:rgb(var(--color-foreground))}.article .rte :where(h2):not(:where([class~=not-rte] *)){font-size:clamp(22px,2.4vw,28px);line-height:1.25;margin-block:2em .6em}.article .rte :where(h3):not(:where([class~=not-rte] *)){font-size:clamp(19px,2vw,22px);line-height:1.3;margin-block:1.6em .4em;font-family:Charter,Iowan Old Style,Iowan Old Style BT,Apple Garamond,"Source Serif Pro",Cambria,Georgia,serif;font-style:italic;text-transform:capitalize}.article .rte :where(h4):not(:where([class~=not-rte] *)){font-size:clamp(17px,1.8vw,19px);line-height:1.35;margin-block:1.4em .3em;font-weight:600}.article .rte blockquote,.article .rte blockquote p{font-size:1em;line-height:1.6;font-style:italic;color:rgb(var(--color-foreground) / .72)}.article .rte blockquote{border-left:3px solid rgb(var(--color-foreground) / .25);margin:1.8em 0;padding:.1em 0 .1em 1.2em;--quote-icon-width: 0;--quote-icon-height: 0}.article .rte blockquote:before,.article .rte blockquote:after{content:none!important;display:none!important}.article .rte a:not(.button):not(.badge){color:rgb(var(--color-foreground));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgb(var(--color-foreground) / .4);transition:text-decoration-color .15s ease,color .15s ease}.article .rte a:not(.button):not(.badge):hover{text-decoration-color:rgb(var(--color-foreground))}.article .rte :where(img):not(:where([class~=not-rte] *)){margin-block:2em;border-radius:6px}.article .rte figure img,.article .rte .image-with-text img{border-radius:6px}.article .rte :where(figure):not(:where([class~=not-rte] *)){margin-block:2.4em}@media screen and (min-width:1024px){.article .rte :where(figure,.image-with-text):not(:where([class~=not-rte] *)){margin-inline:0}.article .rte figure figcaption{margin-inline-start:0}}.article .rte :where(figcaption):not(:where([class~=not-rte] *)){font-family:var(--font-body-family);font-size:14px;line-height:1.5;text-align:center;color:rgb(var(--color-foreground) / .6);margin-block-start:.8em}.article .rte :where(hr):not(:where([class~=not-rte] *)){border:0;height:1px;background:rgb(var(--color-foreground) / .12);margin-block:2.6em}.article .rte :where(ul,ol):not(:where([class~=not-rte] *)){margin-block:1.4em}.article .rte :where(li):not(:where([class~=not-rte] *)){margin-block-start:.4em}.article-toc{display:none}@media screen and (min-width:1280px){.article-toc{display:block;position:fixed;top:140px;left:min(calc(50% + 400px),calc(100vw - 260px));width:220px;max-height:calc(100vh - 200px);overflow-y:auto;padding-right:12px;z-index:5;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground) / .2) transparent;opacity:0;visibility:hidden;transform:translate(6px);transition:opacity .22s ease,transform .22s ease,visibility .22s;pointer-events:none}.article-toc.is-visible{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.article-toc__title{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground) / .6)}.article-toc__list{list-style:none;margin:0;padding:0 0 0 12px;border-left:1px solid rgb(var(--color-foreground) / .12)}.article-toc__item{margin:0}.article-toc__link{display:block;position:relative;padding:6px 0 6px 4px;font-size:13px;line-height:1.4;color:rgb(var(--color-foreground) / .55);text-decoration:none;transition:color .15s ease}.article-toc__link:hover{color:rgb(var(--color-foreground) / .85)}.article-toc__link.is-active{color:rgb(var(--color-foreground));font-weight:600}.article-toc__link.is-active:before{content:"";position:absolute;top:6px;bottom:6px;left:-13px;width:2px;background:rgb(var(--color-foreground));border-radius:1px}}@media screen and (min-width:1600px){.article-toc{width:240px}}.reading-progress{display:block;position:fixed;top:var(--reading-progress-top, var(--header-height, 0px));inset-inline:0;height:3px;z-index:19;background:#fff;pointer-events:none}.reading-progress__bar{display:block;height:100%;width:100%;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left center;transition:transform .12s linear;will-change:transform}@media screen and (min-width:768px){.reading-progress{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/article.css.map */