.jc-art.blog-sidebar-layout{--jc-ink: #1d1d1f;--jc-ink2: #6e6e73;--jc-ink3: #86868b;--jc-line: #d2d2d7;--jc-fill: #f5f5f7;--jc-link: #0066cc;--jc-link-h: #004f9f;--jc-blue: #0071e3;--jc-col: 692px;--jc-head: var(--header-height, 60px);max-width:none;padding:64px var(--page-margin, 40px) 0;font-family:var(--font-body--family);color:var(--jc-ink)}.jc-art.blog-sidebar-layout .bsl__container{display:block}.jc-art.blog-sidebar-layout .bsl__main{flex:none;min-width:0;max-width:1260px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--jc-col)) minmax(0,1fr);column-gap:64px;grid-template-areas:"head head head" "hero hero hero" "toc body ." "toc foot ." "toc auth ."}.jc-art.blog-sidebar-layout .bsl__header{grid-area:head;max-width:860px;margin:0 auto;text-align:center}.jc-art.blog-sidebar-layout .bsl__main:not(:has(>.bsl__featured-image)) .bsl__header{margin-bottom:48px}.jc-art.blog-sidebar-layout .jc-eyebrow{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 14px;margin:0 0 14px;font-size:12px;line-height:1.33;letter-spacing:.01em;color:var(--jc-ink2)}.jc-art.blog-sidebar-layout .jc-eyebrow__cat{font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--jc-ink);overflow-wrap:anywhere}.jc-art.blog-sidebar-layout .jc-eyebrow__date{font-size:14px;letter-spacing:-.01em}.jc-art.blog-sidebar-layout .bsl__title{margin:0;font-family:var(--font-heading--family);font-size:56px;line-height:1.07;font-weight:600;letter-spacing:-.025em;color:var(--jc-ink);text-wrap:balance;overflow-wrap:break-word}.jc-art.blog-sidebar-layout .jc-byline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px;margin-top:24px}.jc-art.blog-sidebar-layout .bsl__meta{justify-content:center;gap:0;font-size:14px;line-height:1.43;letter-spacing:-.016em;color:var(--jc-ink2)}.jc-art.blog-sidebar-layout .bsl__meta-item svg{display:none}.jc-art.blog-sidebar-layout .bsl__meta-item:first-child{color:var(--jc-ink);font-weight:600}.jc-art.blog-sidebar-layout .bsl__meta-item+.bsl__meta-item:before{content:"\b7";margin:0 8px;color:var(--jc-ink3)}.jc-art.blog-sidebar-layout .bsl__share-btns{display:flex;gap:8px}.jc-art.blog-sidebar-layout .bsl__share-btn{width:36px;height:36px;border-radius:50%;background:var(--jc-fill);color:var(--jc-ink);transform:none!important;transition:background-color .2s ease,color .2s ease}.jc-art.blog-sidebar-layout .bsl__share-btn svg{width:16px;height:16px}.jc-art.blog-sidebar-layout .bsl__share-btn:hover{background:#e8e8ed;color:var(--jc-ink)}.jc-art.blog-sidebar-layout .bsl__featured-image{grid-area:hero;width:100%;max-width:1200px;margin:40px auto 56px;border-radius:0;overflow:visible;background:none}.jc-art.blog-sidebar-layout .bsl__featured-image img{display:block;width:min(100%,calc(min(720px,80vh) * var(--jc-ar, 1.5)));max-width:100%;height:auto;margin:0 auto;border-radius:18px}.jc-art.blog-sidebar-layout .bsl__content{grid-area:body;min-width:0;font-size:19px;line-height:1.58;letter-spacing:.012em;color:var(--jc-ink);overflow-wrap:break-word}.jc-art.blog-sidebar-layout .bsl__content>:first-child{margin-top:0}.jc-art.blog-sidebar-layout .bsl__content p{margin:0 0 1.25em}.jc-art.blog-sidebar-layout .bsl__content :is(strong,b){font-weight:600}.jc-art.blog-sidebar-layout .bsl__content [id]{scroll-margin-top:calc(var(--jc-head) + 16px)}.jc-art.blog-sidebar-layout .bsl__content h2{margin:2.6em 0 .6em;font-family:var(--font-heading--family);font-size:32px;line-height:1.125;font-weight:600;letter-spacing:-.015em;color:var(--jc-ink);text-wrap:balance}.jc-art.blog-sidebar-layout .bsl__content h3{margin:1.9em 0 .45em;font-family:var(--font-heading--family);font-size:21px;line-height:1.24;font-weight:700;letter-spacing:-.01em;color:var(--jc-ink)}.jc-art.blog-sidebar-layout .bsl__content h4{margin:1.6em 0 .4em;font-size:19px;font-weight:600}.jc-art.blog-sidebar-layout .bsl__content :is(ul,ol){margin:0 0 1.25em;padding-left:1.3em}.jc-art.blog-sidebar-layout .bsl__content li{margin:0 0 .45em;padding-left:.2em}.jc-art.blog-sidebar-layout .bsl__content li>p{margin:0}.jc-art.blog-sidebar-layout .bsl__content li::marker{color:var(--jc-ink3)}.jc-art.blog-sidebar-layout .bsl__content a{color:var(--jc-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:#0066cc59}.jc-art.blog-sidebar-layout .bsl__content a:hover{color:var(--jc-link-h);text-decoration-color:currentColor}.jc-art.blog-sidebar-layout .bsl__content img:not(.shogun-root img){display:block;max-width:100%;height:auto;margin:2em auto;border-radius:18px}.jc-art.blog-sidebar-layout .bsl__content iframe{max-width:100%}.jc-art.blog-sidebar-layout .bsl__content hr{height:1px;margin:2.6em 0;border:0;background:var(--jc-line)}.jc-art.blog-sidebar-layout .bsl__content blockquote{margin:1.6em 0;padding:0 0 0 20px;border-left:3px solid var(--jc-line);color:var(--jc-ink2)}.jc-art.blog-sidebar-layout .bsl__content table{width:100%;margin:1.6em 0 2em;border-collapse:collapse;border:0;font-size:16px;line-height:1.4;letter-spacing:-.01em}.jc-art.blog-sidebar-layout .bsl__content :is(th,td){padding:14px 16px 14px 0;border:0;border-bottom:1px solid var(--jc-line);text-align:left;vertical-align:top;background:none}.jc-art.blog-sidebar-layout .bsl__content :is(thead :is(th,td),table:not(:has(thead)) tr:first-child>*,th){font-weight:600}.jc-art.blog-sidebar-layout .bsl__content :is(thead tr:last-child>*,table:not(:has(thead)) tr:first-child>*){border-bottom-color:var(--jc-ink)}.jc-art.blog-sidebar-layout .bsl__content :is(th,td):first-child{font-weight:600}.jc-art.blog-sidebar-layout .bsl__content :is(td,th) p{margin:0}.jc-art.blog-sidebar-layout .bsl__content table.jc-table-scroll{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.jc-art.blog-sidebar-layout .bsl__footer{grid-area:foot;margin-top:48px;padding-top:28px;border-top:1px solid var(--jc-line)}.jc-art.blog-sidebar-layout .bsl__tags{gap:8px;margin-bottom:24px}.jc-art.blog-sidebar-layout .bsl__tag{transition:background-color .2s ease,color .2s ease;padding:6px 14px;border-radius:980px;background:var(--jc-fill);color:var(--jc-ink);font-size:14px;line-height:1.43;letter-spacing:-.016em;text-decoration:none}.jc-art.blog-sidebar-layout .bsl__tag:hover{background:#e8e8ed;color:var(--jc-ink)}.jc-art.blog-sidebar-layout .bsl__share-label{font-size:14px;font-weight:400;color:var(--jc-ink2)}.jc-art.blog-sidebar-layout .bsl__author{grid-area:auth;flex-direction:row;align-items:center;gap:16px;margin-top:28px;padding:28px 0 0;border-top:1px solid var(--jc-line);border-radius:0;background:none;text-align:left}.jc-art.blog-sidebar-layout .bsl__author-avatar{width:48px;height:48px;background:var(--jc-fill);color:var(--jc-ink3)}.jc-art.blog-sidebar-layout .bsl__author-avatar svg{width:24px;height:24px}.jc-art.blog-sidebar-layout .bsl__author-name{margin:0 0 2px;font-size:17px;line-height:1.29;font-weight:600;letter-spacing:-.022em}.jc-art.blog-sidebar-layout .bsl__author-bio{font-size:14px;line-height:1.43;color:var(--jc-ink2);letter-spacing:-.016em}.jc-art.blog-sidebar-layout .bsl__sidebar{position:static;flex:none;max-width:var(--jc-col);margin:48px auto 0}.jc-art.blog-sidebar-layout .jc-rail{grid-area:toc;align-self:start;justify-self:end;width:100%;max-width:236px;position:sticky;top:calc(var(--jc-head) + 32px)}.jc-art.blog-sidebar-layout .jc-toc:not(.is-ready){visibility:hidden}@media(scripting:none){.jc-art.blog-sidebar-layout .jc-toc{display:none}}.jc-art.blog-sidebar-layout .jc-toc__toggle{display:none}.jc-art.blog-sidebar-layout .jc-toc__label{display:block;margin:0 0 12px;font-size:12px;line-height:1.33;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--jc-ink2)}.jc-art.blog-sidebar-layout .jc-toc__list{margin:-6px;padding:6px;list-style:none;overflow-y:auto;overscroll-behavior:contain;max-height:max(160px,calc(100dvh - var(--jc-head) - 200px))}.jc-art.blog-sidebar-layout .jc-toc__list li{margin:0;padding:0}.jc-art.blog-sidebar-layout .jc-toc__list a{display:block;padding:6px 0 6px 14px;box-shadow:inset 1px 0 0 var(--jc-line);font-size:14px;line-height:1.36;letter-spacing:-.016em;color:var(--jc-ink2);text-decoration:none}.jc-art.blog-sidebar-layout .jc-toc__list a:hover{color:var(--jc-ink)}.jc-art.blog-sidebar-layout .jc-toc__list a[aria-current=true]{color:var(--jc-ink);font-weight:600;box-shadow:inset 2px 0 0 var(--jc-ink)}.jc-art.blog-sidebar-layout .jc-rail__share{margin-top:24px}.jc-art.blog-sidebar-layout .jc-rail__share .bsl__share-btn{width:32px;height:32px}@media(min-width:1280px){.jc-art--toc.blog-sidebar-layout .jc-share-top{display:none}}.jc-art.blog-sidebar-layout .jc-more{max-width:1100px;margin:96px auto 0;padding:48px 0 16px;border-top:1px solid var(--jc-line)}.jc-art.blog-sidebar-layout .jc-more__title{margin:0 0 28px;font-family:var(--font-heading--family);font-size:28px;line-height:1.14;font-weight:600;letter-spacing:-.015em;color:var(--jc-ink)}.jc-art.blog-sidebar-layout .jc-more__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 56px;margin:0;padding:0;list-style:none}.jc-art.blog-sidebar-layout .jc-row{position:relative;display:grid;grid-template-columns:168px minmax(0,1fr);gap:20px;align-items:center;margin:0;border-radius:12px}.jc-art.blog-sidebar-layout .jc-row:not(:has(.jc-row__img)){grid-template-columns:minmax(0,1fr)}.jc-art.blog-sidebar-layout .jc-row__img{aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:#e8e8ed}.jc-art.blog-sidebar-layout .jc-row__img img{display:block;width:100%;height:100%;object-fit:cover}.jc-art.blog-sidebar-layout .jc-row__body{min-width:0}.jc-art.blog-sidebar-layout .jc-row__cat{margin:0 0 6px;font-size:12px;line-height:1.33;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--jc-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.jc-art.blog-sidebar-layout .jc-row__title{margin:0;font-family:var(--font-heading--family);font-size:19px;line-height:1.21;font-weight:700;letter-spacing:-.01em}.jc-art.blog-sidebar-layout .jc-row__title a{color:var(--jc-ink);text-decoration:none}.jc-art.blog-sidebar-layout .jc-row__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px}.jc-art.blog-sidebar-layout .jc-row:hover .jc-row__title a,.jc-art.blog-sidebar-layout .jc-row__title a:focus-visible{text-decoration:underline;text-underline-offset:.12em;text-decoration-thickness:1px}.shopify-section:has(.blog-post-comments-container) .section{background:#fff}.shopify-section:has(.blog-post-comments-container) .section-content-wrapper{padding-inline:0!important;padding-top:72px!important;padding-bottom:88px!important}.blog-post-comments-container{max-width:692px;color:#1d1d1f;font-family:var(--font-body--family)}.blog-post-comments-container>h2.h3{margin:0 0 24px;font-family:var(--font-heading--family);font-size:14px!important;line-height:1.43!important;font-weight:600;letter-spacing:-.016em!important;color:#6e6e73;text-align:left!important}.blog-post-comments{gap:0}.blog-post-comment{padding:22px 0;border-top:1px solid #d2d2d7;font-size:17px;line-height:1.47;letter-spacing:-.022em;overflow-wrap:break-word}.blog-post-comment:has(+.blog-post-comments-pagination),.blog-post-comment:last-child{border-bottom:1px solid #d2d2d7}.blog-post-comment__author{margin-top:10px;font-size:14px;color:#6e6e73}.blog-post-comment__author-name{color:#1d1d1f;font-weight:600}body:has(.jc-art[data-jc-no-dates]) .blog-post-comment__author>:not(.blog-post-comment__author-name){display:none}.blog-post-comments-pagination:not(:empty){margin-top:24px;font-size:15px}.blog-post-comments-pagination a{color:#06c}.blog-post-comments-pagination a:hover{color:#004f9f}.blog-post-comments-container .blog-post-comments__form-container{max-width:none;margin:32px 0 0}.blog-post-comments__form-container h2.h3{margin:0 0 20px;font-family:var(--font-heading--family);font-size:28px!important;line-height:1.14!important;font-weight:600;letter-spacing:-.015em!important;color:#1d1d1f;text-align:left!important}.blog-post-comments__form{gap:14px}.blog-post-comments-container .blog-post-comments__form-input{padding:16px;border:1px solid #86868b;border-radius:12px;background:#fff;color:#1d1d1f;font-family:var(--font-body--family);font-size:17px;line-height:1.29;letter-spacing:-.022em}.blog-post-comments-container .blog-post-comments__form-input::placeholder{color:#6e6e73;opacity:1}.blog-post-comments__form-moderated{margin:14px 0 0;font-size:14px;line-height:1.43;color:#6e6e73}.blog-post-comments-container .blog-post-comments__form-submit{margin-top:20px;min-height:44px;padding:12px 24px;border:1px solid #0071e3;border-radius:980px;background:#0071e3;color:#fff;font-family:var(--font-body--family);font-size:17px;line-height:1.18;font-weight:400;letter-spacing:-.022em}.blog-post-comments-container .blog-post-comments__form-submit:hover{background:#0062c3;border-color:#0062c3;color:#fff}.jc-art.blog-sidebar-layout :is(a,button):focus-visible,.blog-post-comments-container :is(a,button,input,textarea):focus-visible{outline:2px solid #0071e3;outline-offset:3px}.jc-art.blog-sidebar-layout .jc-row:has(.jc-row__title a:focus-visible){outline:2px solid #0071e3;outline-offset:3px}.jc-art.blog-sidebar-layout .jc-row__title a:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){html:has(.jc-art),html:has(.jc-art) .page-wrapper{scroll-behavior:auto}}@media(max-width:1279px){.jc-art.blog-sidebar-layout .bsl__main{max-width:var(--jc-col);grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "hero" "toc" "body" "foot" "auth"}.jc-art.blog-sidebar-layout .bsl__featured-image{--jc-hero-w: min(100vw - 2 * var(--page-margin, 40px), 980px);width:var(--jc-hero-w);max-width:none;justify-self:start;margin:40px 0 32px calc(50% - var(--jc-hero-w) / 2)}.jc-art.blog-sidebar-layout .jc-rail{position:static;justify-self:stretch;max-width:none}.jc-art.blog-sidebar-layout .jc-rail__share{display:none}.jc-art.blog-sidebar-layout .jc-toc{margin:0 0 40px;border-radius:14px;background:var(--jc-fill)}.jc-art.blog-sidebar-layout .jc-toc__label{display:none}.jc-art.blog-sidebar-layout .jc-toc__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;margin:0;padding:16px 20px;border:0;border-radius:14px;background:none;cursor:pointer;text-align:left;font-family:var(--font-body--family);font-size:17px;line-height:1.29;font-weight:600;letter-spacing:-.022em;color:var(--jc-ink)}.jc-art.blog-sidebar-layout .jc-toc__toggle:after{content:"";flex:none;width:12px;height:12px;background:var(--jc-ink2);transition:transform .2s ease;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.jc-art.blog-sidebar-layout .jc-toc__toggle[aria-expanded=true]:after{transform:rotate(180deg)}.jc-art.blog-sidebar-layout .jc-toc:not([data-open]) .jc-toc__list{display:none}.jc-art.blog-sidebar-layout .jc-toc__list{margin:0;padding:0 20px 16px 40px;list-style:decimal;max-height:none;overflow:visible}.jc-art.blog-sidebar-layout .jc-toc__list li{padding:6px 0;font-size:15px;line-height:1.33}.jc-art.blog-sidebar-layout .jc-toc__list li::marker{color:var(--jc-ink3);font-size:13px}.jc-art.blog-sidebar-layout .jc-toc__list a,.jc-art.blog-sidebar-layout .jc-toc__list a[aria-current=true]{display:inline;padding:0;box-shadow:none;font-size:15px;font-weight:400;color:var(--jc-link)}.jc-art.blog-sidebar-layout .jc-toc__list a:hover{color:var(--jc-link-h);text-decoration:underline}}@media(max-width:1069px){.jc-art.blog-sidebar-layout .bsl__title{font-size:44px;line-height:1.1}.jc-art.blog-sidebar-layout .jc-more{max-width:var(--jc-col)}.jc-art.blog-sidebar-layout .jc-more__list{grid-template-columns:minmax(0,1fr);gap:24px}}@media(max-width:749px){.jc-art.blog-sidebar-layout{padding-top:36px}.jc-art.blog-sidebar-layout .bsl__title{font-size:36px;line-height:1.125;letter-spacing:-.015em}.jc-art.blog-sidebar-layout .jc-byline{flex-direction:column;gap:14px;margin-top:18px}.jc-art.blog-sidebar-layout .bsl__featured-image{margin-top:28px;margin-bottom:24px}.jc-art.blog-sidebar-layout .bsl__featured-image img,.jc-art.blog-sidebar-layout .bsl__content img:not(.shogun-root img){border-radius:12px}.jc-art.blog-sidebar-layout .jc-toc{margin-bottom:32px}.jc-art.blog-sidebar-layout .bsl__content{font-size:17px;line-height:1.53;letter-spacing:-.005em}.jc-art.blog-sidebar-layout .bsl__content h2{margin-top:2.2em;font-size:28px;line-height:1.15}.jc-art.blog-sidebar-layout .bsl__content h3{font-size:19px;line-height:1.26}.jc-art.blog-sidebar-layout .bsl__content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:15px;background:linear-gradient(90deg,#fff 30%,#fff0),linear-gradient(90deg,#fff0,#fff 70%) 100% 0,radial-gradient(farthest-side at 0 50%,#00000024,#0000),radial-gradient(farthest-side at 100% 50%,#00000024,#0000) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.jc-art.blog-sidebar-layout .bsl__content :is(th,td){min-width:116px}.jc-art.blog-sidebar-layout .jc-more{margin-top:64px;padding-top:36px}.jc-art.blog-sidebar-layout .jc-more__title{margin-bottom:20px;font-size:24px}.jc-art.blog-sidebar-layout .jc-more__list{gap:20px}.jc-art.blog-sidebar-layout .jc-row{grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:start}.jc-art.blog-sidebar-layout .jc-row:not(:has(.jc-row__img)){grid-template-columns:minmax(0,1fr)}.jc-art.blog-sidebar-layout .jc-row__img{border-radius:10px}.jc-art.blog-sidebar-layout .jc-row__cat{margin-bottom:4px}.jc-art.blog-sidebar-layout .jc-row__title{font-size:17px;line-height:1.24}.shopify-section:has(.blog-post-comments-container) .section-content-wrapper{padding-top:48px!important;padding-bottom:56px!important}.blog-post-comments__form-container h2.h3{font-size:24px!important;line-height:1.17!important}}@media(prefers-reduced-motion:reduce){.jc-art.blog-sidebar-layout .jc-toc__toggle:after,.jc-art.blog-sidebar-layout .bsl__share-btn,.jc-art.blog-sidebar-layout .bsl__tag{transition:none}}@media(max-width:749px){.jc-art.blog-sidebar-layout .bsl__featured-image img{width:100%;aspect-ratio:3 / 2;height:auto;object-fit:cover;object-position:var(--jc-focal, 50% 50%)}}
/*# sourceMappingURL=/cdn/shop/t/147/assets/jc-article.css.map */