@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.main--blog,.main--article{padding-block:0}.blog-hub{padding-inline:0}.blog-hub__header{max-width:46rem;margin-inline:auto;text-align:center}.blog-hub__title{margin:0;font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));line-height:var(--leading-tight)}.blog-hub__lead{margin:var(--space-3) 0 0;color:var(--color-on-surface-muted);font-size:var(--text-base);line-height:var(--leading-base)}.blog-hub__topics{margin-top:var(--space-8)}.blog-hub__topic-list{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.blog-hub__topic{display:inline-flex;align-items:center;min-height:2.25rem;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:var(--color-button-base);color:var(--color-on-surface);font-size:var(--text-sm);text-decoration:none;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.blog-hub__topic:hover{background:color-mix(in srgb,var(--color-on-surface) 10%,var(--color-button-base))}.blog-hub__topic--active{background:var(--color-on-surface);color:var(--color-surface)}.blog-hub__topic--active:hover{background:var(--color-on-surface)}.blog-hub__topic:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.blog-hub__featured{margin-top:var(--space-10)}.blog-hub__grid{--blog-grid-cols: 1;display:grid;grid-template-columns:repeat(var(--blog-grid-cols),minmax(0,1fr));gap:var(--space-10) var(--space-6);margin:var(--space-10) 0 0;padding:0;list-style:none}.blog-hub__empty{margin:var(--space-16) 0;text-align:center;color:var(--color-on-surface-muted)}@media screen and (min-width:750px){.blog-hub__grid{--blog-grid-cols: 2}}@media screen and (min-width:990px){.blog-hub__grid{--blog-grid-cols: 3;gap:var(--space-12) var(--space-8)}}.blog-hub__pagination{display:flex;justify-content:center;margin-top:var(--space-12)}.blog-hub__pagination .page,.blog-hub__pagination .deco,.blog-hub__pagination .prev,.blog-hub__pagination .next{display:inline-grid;place-items:center;min-width:2.5rem;min-height:2.5rem;margin-inline:2px;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-on-surface-muted)}.blog-hub__pagination .page a,.blog-hub__pagination .prev a,.blog-hub__pagination .next a{display:inline-grid;place-items:center;min-width:2.5rem;min-height:2.5rem;border-radius:var(--radius-full);background:var(--color-button-base);color:var(--color-on-surface);text-decoration:none;transition:background-color var(--motion-fast) var(--ease-out)}.blog-hub__pagination .page a:hover,.blog-hub__pagination .prev a:hover,.blog-hub__pagination .next a:hover{background:color-mix(in srgb,var(--color-on-surface) 10%,var(--color-button-base))}.blog-hub__pagination .page.current{background:var(--color-on-surface);color:var(--color-surface);font-weight:600}.article-card{height:100%}.article-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.article-card__media{position:relative;aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--radius-base);background:var(--color-surface-raised)}.article-card__img,.article-card__placeholder-svg{width:100%;height:100%;object-fit:cover}.article-card__placeholder{width:100%;height:100%}.article-card__img{transition:transform var(--motion-slow) var(--ease-out)}.article-card__link:hover .article-card__img,.article-card__link:focus-visible .article-card__img{transform:scale(1.03)}.article-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);z-index:1;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-on-surface);font-size:var(--text-xs);font-weight:600}.article-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4)}.article-card__meta{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-on-surface-muted);font-size:var(--text-xs)}.article-card__title{margin:0;font-size:var(--text-lg);font-weight:400;line-height:var(--leading-tight)}.article-card__link:hover .article-card__title{text-decoration:underline;text-underline-offset:3px}.article-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:var(--color-on-surface-muted);font-size:var(--text-sm);line-height:var(--leading-base)}.article-card--featured .article-card__media{aspect-ratio:16 / 10;border-radius:var(--radius-lg)}.article-card--featured .article-card__title{font-size:clamp(var(--text-xl),2.6vw,var(--text-2xl))}.article-card--featured .article-card__excerpt{-webkit-line-clamp:3;font-size:var(--text-base)}@media screen and (min-width:990px){.article-card--featured .article-card__link{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-10);align-items:center}.article-card--featured .article-card__body{padding-top:0}}.article{--article-max: 69rem;--prose-max: 45rem;--toc-w: 16rem;max-width:var(--article-max);margin-inline:auto}.article__breadcrumb{margin-bottom:var(--space-6)}.article__header{max-width:var(--prose-max);margin-inline:auto;text-align:center}.article__category{display:inline-block;margin-bottom:var(--space-3);color:var(--color-accent);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}.article__category:hover{text-decoration:underline;text-underline-offset:3px}.article__title{margin:0;font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));line-height:1.1}.article__meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0;color:var(--color-on-surface-muted);font-size:var(--text-sm)}.article__hero{margin:var(--space-8) 0 0}.article__hero-img{width:100%;height:auto;max-height:38.75rem;object-fit:cover;border-radius:var(--radius-lg)}.article__layout{margin-top:var(--space-10)}.article__body{max-width:var(--prose-max);margin-inline:auto}@media screen and (min-width:990px){.article__layout--with-toc{display:grid;grid-template-columns:var(--toc-w) minmax(0,1fr);gap:var(--space-12);align-items:start}.article__layout--with-toc .article__body{margin-inline:0}}.article__content{--prose-size: var(--text-base);color:color-mix(in srgb,var(--color-on-surface) 88%,transparent);font-size:var(--prose-size);line-height:1.75}@media screen and (min-width:990px){.article__content{--prose-size: 1.0625rem}}.article__content>:first-child{margin-top:0}.article__content p{margin-block:0 var(--space-4);font-size:14px}.article__content h2,.article__content h3,.article__content h4{margin-block:var(--space-10) var(--space-3);color:var(--color-on-surface);line-height:var(--leading-tight);scroll-margin-top:calc(var(--header-offset, 0px) + var(--space-6))}.article__content h2{font-size:24px}.article__content h3{font-size:var(--text-lg)}.article__content h4{font-size:var(--text-base);font-weight:600}.article__content a{color:var(--color-on-surface);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 60%,transparent);text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color var(--motion-fast) var(--ease-out)}.article__content a:hover{text-decoration-color:var(--color-accent)}.article__content ul,.article__content ol{margin-block:0 var(--space-4);padding-inline-start:var(--space-6)}.article__content li{margin-block-end:var(--space-2)}.article__content li::marker{color:var(--color-accent)}.article__content blockquote{margin:var(--space-8) 0;padding-inline-start:var(--space-6);border-inline-start:2px solid var(--color-accent);color:var(--color-on-surface-muted);font-size:var(--text-lg);line-height:var(--leading-base)}.article__content img{max-width:100%;height:auto;margin-block:var(--space-8);border-radius:var(--radius-base)}.article__content figure{margin:var(--space-8) 0}.article__content figure img{margin-block:0}.article__content figcaption{margin-top:var(--space-2);color:var(--color-on-surface-muted);font-size:var(--text-sm);text-align:center}.article__content hr{margin:var(--space-10) 0;border:0;border-top:var(--border-width) solid var(--color-border)}.article__content table{display:block;overflow-x:auto;margin-block:var(--space-8);border-collapse:collapse;font-size:var(--text-sm)}.article__content th,.article__content td{padding:var(--space-3);border-bottom:var(--border-width) solid var(--color-border);text-align:start}.article__content th{color:var(--color-on-surface);font-weight:600}.article__content pre{overflow-x:auto;margin-block:var(--space-8);padding:var(--space-4);border-radius:var(--radius-base);background:var(--color-surface-raised);font-size:var(--text-sm)}@media screen and (min-width:990px){.article__aside{position:sticky;top:120px}}@media screen and (max-width:990px){.article__aside{display:block;margin-bottom:20px}}.article-toc{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-base)}.article-toc__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4);cursor:pointer;list-style:none;font-weight:600;font-size:var(--text-sm)}.article-toc__summary::-webkit-details-marker{display:none}.article-toc__summary .icon{width:1rem;height:1rem;transition:transform var(--motion-fast) var(--ease-out)}.article-toc[open] .article-toc__summary .icon{transform:rotate(180deg)}.article-toc__list{margin:0;padding:0 var(--space-4) var(--space-4);list-style:none;counter-reset:toc}.article-toc__item+.article-toc__item{margin-top:var(--space-1)}.article-toc__link{display:block;padding:var(--space-1) var(--space-3);border-inline-start:2px solid transparent;color:var(--color-on-surface-muted);font-size:var(--text-sm);line-height:var(--leading-base);text-decoration:none;transition:color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.article-toc__link:hover{color:var(--color-on-surface)}.article-toc__link.is-active{border-inline-start-color:var(--color-accent);color:var(--color-on-surface);font-weight:600}@media screen and (min-width:990px){.article-toc{position:sticky;top:calc(var(--header-offset, 0px) + var(--space-8));border:0}.article-toc__summary{padding:0 0 var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-on-surface-muted);pointer-events:none}.article-toc__summary .icon{display:none}.article-toc__list{padding:0;border-inline-start:var(--border-width) solid var(--color-border)}.article-toc__link{border-inline-start-width:2px;margin-inline-start:-1.5px}}.article-share{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-10);padding-top:var(--space-6);border-top:var(--border-width) solid var(--color-border)}.article-share__label{color:var(--color-on-surface-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.article-share__list{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:0;list-style:none}.article-share__btn{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.article-share__btn:hover{background:var(--color-button-base);border-color:transparent}.article-share__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.article-share__btn .icon{width:1.25rem;height:1.25rem}.article-share__copy .icon-check{display:none}.article-share__copy.is-copied{border-color:var(--color-success);color:var(--color-success)}.article-share__copy.is-copied .icon-link{display:none}.article-share__copy.is-copied .icon-check{display:inline-flex}.article-share__feedback{color:var(--color-success);font-size:var(--text-sm)}.article-pagenav{display:grid;gap:var(--space-3);margin-top:var(--space-10)}.article-pagenav__link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-base);color:inherit;text-decoration:none;transition:border-color var(--motion-fast) var(--ease-out)}.article-pagenav__link:hover{border-color:var(--color-on-surface)}.article-pagenav__label{color:var(--color-on-surface-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.article-pagenav__title{font-weight:600;line-height:var(--leading-tight)}@media screen and (min-width:750px){.article-pagenav{grid-template-columns:repeat(2,minmax(0,1fr))}.article-pagenav__link--next{grid-column:2;text-align:end}.article-pagenav__link--prev{grid-column:1}}.article-related{margin-top:var(--space-16);padding-top:var(--space-10);border-top:var(--border-width) solid var(--color-border)}.article-related__heading{margin:0 0 var(--space-8);font-size:clamp(var(--text-xl),2.6vw,var(--text-2xl));line-height:var(--leading-tight)}.article-related__grid{display:grid;grid-template-columns:1fr;gap:var(--space-10) var(--space-6);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.article-related__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.article-comments{max-width:var(--prose-max);margin:var(--space-16) auto 0;padding-top:var(--space-10);border-top:var(--border-width) solid var(--color-border)}.article-comments__heading{margin:0 0 var(--space-6);font-size:var(--text-xl)}.article-comments__list{display:grid;gap:var(--space-4);margin:0 0 var(--space-10);padding:0;list-style:none}.article-comment{padding:var(--space-4) var(--space-6);border-radius:var(--radius-base);background:var(--color-surface-raised)}.article-comment__author{margin:0;font-weight:600}.article-comment__date{margin:var(--space-1) 0 var(--space-3);color:var(--color-on-surface-muted);font-size:var(--text-xs)}.article-comment__body{color:color-mix(in srgb,var(--color-on-surface) 88%,transparent);line-height:var(--leading-base)}.article-comments__form-heading{margin:0 0 var(--space-4);font-size:var(--text-lg)}.article-comments__form .field{display:grid;gap:var(--space-2);margin-block-end:var(--space-4)}@media screen and (min-width:750px){.article-comments__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}}@media(prefers-reduced-motion:reduce){.blog-hub__topic,.blog-hub__pagination .page a,.blog-hub__pagination .prev a,.blog-hub__pagination .next a,.article-card__img,.article__content a,.article-toc__summary .icon,.article-toc__link,.article-share__btn,.article-pagenav__link{transition:none}.article-card__link:hover .article-card__img,.article-card__link:focus-visible .article-card__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/blog.css.map */