/*! article */.article-reading{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.article-reading__main,.article-reading__aside{min-width:0}.article-reading__aside,.article-toc[hidden]{display:none}.article-toc__anchor{display:block;scroll-margin-top:calc(max(var(--sticky-header-height, 0px),var(--header-height, 0px)) + 80px)}.article-navigation__heading{margin:0 0 16px;font-size:18px;line-height:1.3;font-weight:600}.article-toc ol,.article-related__list{list-style:none;margin:0;padding:0}.article-toc li+li{margin-top:12px}.article-toc a{color:inherit;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.article-toc--mobile{position:sticky;top:var(--sticky-header-height, 0px);z-index:20;min-width:0;background:rgb(var(--color-background))}.article-toc--mobile details{border:1px solid rgb(var(--color-border-light));border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000014}.article-toc--mobile summary{cursor:pointer;font-weight:600}.article-toc--mobile summary:after{content:"\2304";float:inline-end}.article-toc--mobile ol{max-height:40vh;overflow-y:auto;padding-top:12px}.article-related--desktop{display:none}.article-related--mobile{margin-top:40px}.article-related__list{display:grid;gap:16px}.article-related__item{display:flex;gap:12px;align-items:flex-start}.article-related__image{flex:0 0 36%;max-width:120px;aspect-ratio:5 / 3;overflow:hidden;border-radius:8px}.article-related__image img{display:block;width:100%;height:100%;object-fit:cover}.article-related__info{min-width:0}.article-related__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:inherit;font-size:14px;line-height:1.35}.article-related__date{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:12px;line-height:1.3;opacity:.65}.article-related__date .icon{width:14px;height:14px;flex:none}@media screen and (min-width:768px){.article-reading{grid-template-columns:minmax(0,4fr) minmax(0,1fr)}.article-reading--left{grid-template-columns:minmax(0,1fr) minmax(0,4fr)}.article-reading--left .article-reading__aside{grid-column:1;grid-row:1}.article-reading--left .article-reading__main{grid-column:2;grid-row:1}.article-reading__aside{display:block;position:sticky;top:calc(var(--sticky-header-height, 0px) + 16px);max-height:calc(100vh - var(--sticky-header-height, 0px) - 32px);overflow-y:auto;overscroll-behavior:contain}.article-toc--mobile,.article-related--mobile{display:none}.article-related--desktop{display:block;margin-top:32px}}.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.05;--tw-scale-y: 1.05}.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}.article .rte .article-table{max-width:100%;margin-block:2rem;overflow-x:auto;overscroll-behavior-inline:contain}.article .rte .article-table table{width:100%!important;min-width:var(--article-table-min-width, 0px);margin:0!important;transform-origin:top left}.article .rte .article-table--scaled{overflow:hidden}.article .rte .article-table th,.article .rte .article-table td{overflow-wrap:anywhere}.article .rte figure:has(.article-table){margin-inline:0}@media screen and (max-width:767px){.article .rte .article-table table{min-width:var(--article-table-mobile-min-width, 0px);table-layout:auto!important}.article .rte .article-table th,.article .rte .article-table td{padding:10px 8px;font-size:14px;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}}@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:before{background-color:rgb(var(--color-foreground)/ .025)}.comments-section :is(.article-card,.new-comment,.comment-card){background-color:rgb(var(--color-background));padding:var(--sp-5);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)}
/*# sourceMappingURL=/cdn/shop/t/86/assets/article.css.map */