.article-page__banner{align-items:center;background-color:var(--color-blue-50);display:flex;flex-direction:column;gap:24px;padding:30px 0 40px;width:100%}.article-page__breadcrumb{align-items:center;display:flex;gap:4px;justify-content:center;padding:0 36px;width:100%}.article-page__breadcrumb a,.article-page__breadcrumb span{font-family:var(--font-family-host-gellix);font-size:var(--font-size-caption-13);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-positive-1);line-height:var(--line-height-150);text-decoration:none;white-space:nowrap}.article-page__breadcrumb a{color:var(--color-grey-60)}.article-page__breadcrumb-separator{color:var(--color-grey-60);font-size:var(--font-size-caption-13);padding:0 2px}.article-page__breadcrumb-current{color:var(--color-black);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis}.article-page__banner-content{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.article-page__title{color:var(--color-grey-80);font-family:var(--font-family-host-gellix);font-size:var(--font-size-h1);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-negative-1);line-height:var(--line-height-104);margin:0;max-width:582px;padding:2px 0;text-align:center}.article-page__meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.article-page__content-wrapper{display:flex;flex-direction:column;gap:32px;margin:-230px auto 0;max-width:892px;padding:0 var(--container-gutter);padding-bottom:80px;position:relative}.article-page__products{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);justify-items:center}.article-page__products-mobile-wrap{display:none}@media screen and (max-width:989px){.article-page__products{display:none}.article-page__products-mobile-wrap{display:block;margin-right:calc(var(--container-gutter)*-1);overflow:hidden;position:relative}.article-page__products-mobile{min-width:0;overflow:hidden;width:100%}.article-page__products-mobile .swiper-slide{height:auto;width:200px}.article-page__products-mobile .swiper-slide .pc{height:100%}.article-page__products-mobile .swiper-button-next,.article-page__products-mobile .swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.article-page__products-mobile .swiper-button-prev{left:8px}.article-page__products-mobile .swiper-button-next{right:var(--container-gutter)}}.article-page__hero-image{aspect-ratio:892/356;border-radius:var(--radius-m);overflow:hidden;width:100%}.article-page__hero-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-page__body{display:flex;flex-direction:column;gap:40px}.article-page__body .prose{display:flex;flex-direction:column;gap:30px}.article-page__body .prose h2,.article-page__body .prose h3{color:var(--color-grey-80);font-family:var(--font-family-host-gellix);font-weight:var(--font-weight-medium);line-height:var(--line-height-110);margin:0}.article-page__body .prose h2{font-size:var(--font-size-h4)}.article-page__body .prose h3{font-family:var(--font-family-host-gellix);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-positive-1);line-height:var(--line-height-140)}.article-page__body .prose ol,.article-page__body .prose p,.article-page__body .prose ul{color:var(--color-grey-80);font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-16);font-weight:var(--font-weight-regular);line-height:var(--line-height-150);margin:0}.article-page__body .prose ol,.article-page__body .prose ul{padding-left:24px}.article-page__body .prose img{border-radius:var(--radius-xxs);height:auto;width:100%}.article-page__divider{background-color:var(--color-blue-50);border:none;border-radius:16px;height:1px;margin:0;width:100%}.article-page__share{align-items:center;display:flex;justify-content:space-between}.article-page__share-label{color:var(--color-grey-80);font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-20);font-weight:var(--font-weight-medium);line-height:var(--line-height-130)}.article-page__share-icons{align-items:center;display:flex;gap:18px}.article-page__share-icon{align-items:center;border:1px solid var(--color-grey-80);border-radius:var(--radius-full);color:var(--color-grey-80);display:flex;height:41px;justify-content:center;text-decoration:none;transition:background-color var(--transition-normal),color var(--transition-normal);width:41px}.article-page__share-icon .theme-icon{--icon-size:18px}@media (hover:hover){.article-page__share-icon:hover{background-color:var(--color-grey-80);color:var(--color-white)}}.article-page__nav{align-items:center;display:flex;justify-content:space-between;padding-top:4px}.article-page__nav-link{align-items:center;color:var(--color-grey-80);display:flex;font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-18);font-weight:var(--font-weight-medium);gap:10px;line-height:var(--line-height-140);text-decoration:none;transition:opacity var(--transition-normal)}.article-page__nav-link:hover{opacity:.7}.article-page__nav-icon{--icon-size:10px}.article-page__nav-link--prev .article-page__nav-icon{transform:rotate(180deg)}.article-page__more{align-items:flex-start;display:flex;gap:46px;overflow:hidden;padding:0 0 80px max(var(--container-gutter),calc((100vw - var(--scrollbar-width, 0px) - var(--container-max-width))/2 + var(--container-gutter)))}.article-page__more-header{display:flex;flex-direction:column;flex-shrink:0;gap:24px}.article-page__more-header-bottom{display:flex;flex-direction:column;gap:16px}.article-page__more-title{color:var(--color-grey-80);font-size:var(--font-size-h2);line-height:var(--line-height-102);margin:0}.article-page__more-link,.article-page__more-title{font-family:var(--font-family-host-gellix);font-weight:var(--font-weight-medium)}.article-page__more-link{color:var(--color-black);font-size:var(--font-size-body-16);line-height:var(--line-height-140);text-decoration:underline;text-underline-offset:3px}.article-page__more-nav{display:flex;gap:8px}.article-page__more-slider{flex:1;margin-right:calc(var(--container-gutter)*-1);min-width:0;overflow:visible;position:relative}.article-page__more-swiper{clip-path:inset(0 0 0 0);overflow:visible}.article-page__more-swiper .swiper-slide{height:auto}.article-page__more-swiper .swiper-slide .main-blog-card{height:100%}.article-page__swiper-arrow{align-items:center;background-color:var(--color-blue-250);border:none;border-radius:var(--radius-xxs);color:var(--color-white);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;width:36px}.article-page__swiper-arrow:after{display:none}.article-page__swiper-arrow.swiper-button-prev .theme-icon{transform:rotate(180deg)}.article-page__swiper-arrow.swiper-button-disabled{visibility:hidden}.article-page__more-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.article-page__more-arrow--prev{left:16px}.article-page__more-arrow--next{right:max(calc(var(--container-gutter) + 16px),calc((100vw - var(--scrollbar-width, 0px) - var(--container-max-width))/2 + 16px))}.article-page__more-nav{display:none}@media screen and (max-width:989px){.article-page__banner{gap:10px;padding:20px 16px}.article-page__breadcrumb{padding:0}.article-page__breadcrumb a,.article-page__breadcrumb span{font-size:var(--font-size-body-12);font-weight:var(--font-weight-medium)}.article-page__title{font-size:24px;letter-spacing:var(--letter-spacing-negative-1);line-height:1.28;max-width:294px}.article-page__banner-content{gap:10px}.article-page__hero-image{aspect-ratio:auto;border-radius:var(--radius-xxs);height:186px}.article-page__content-wrapper{gap:30px;margin-top:0;padding-bottom:40px;padding-top:30px}.article-page__body{gap:30px}.article-page__body .prose{gap:24px}.article-page__body .prose h2{font-size:var(--font-size-body-20);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-positive-1);line-height:var(--line-height-140)}.article-page__body .prose h3{font-size:var(--font-size-body-18);font-weight:var(--font-weight-semibold);line-height:var(--line-height-130)}.article-page__products-mobile-wrap{margin-right:calc(var(--container-gutter)*-1)}.article-page__products-mobile .pc__media-inner{height:195px}.article-page__share{align-items:center;flex-direction:row;justify-content:space-between}.article-page__share-label{font-size:var(--font-size-body-18)}.article-page__share-icons{gap:12px}.article-page__share-icon{height:32px;width:32px}.article-page__share-icon .theme-icon{--icon-size:14px}.article-page__swiper-arrow{height:26px;width:26px}.article-page__swiper-arrow .theme-icon{--icon-size:14px}.article-page__nav{gap:6px}.article-page__nav-link{font-size:var(--font-size-body-16);gap:6px}.article-page__more{flex-direction:column;gap:24px;overflow:hidden;padding-bottom:40px;padding-left:var(--container-gutter);padding-right:0}.article-page__more-slider{flex:none;margin-right:0;overflow:hidden;width:100%}.article-page__more-swiper{clip-path:none;overflow:hidden}.article-page__more-swiper .main-blog-card__image{aspect-ratio:auto;height:147px}.article-page__more-title{font-size:var(--font-size-h2-mobile)}.article-page__more-arrow--next{right:calc(var(--container-gutter) + 8px)}.article-page__more-arrow--prev{left:8px}}@media screen and (min-width:990px){.article-page__banner{padding-bottom:270px}}