.beside-blog-article{--article-reading-width: 47.5rem;--article-cover-width: var(--article-reading-width);--article-link: #356580;--article-link-hover: #254b62;--article-table-header: #edf4f8;--article-rule: #e4e9ec;gap:2rem;min-width:0}.beside-blog-article>.shopify-block{width:100%;min-width:0}.beside-blog-article .beside-blog-article__header,.beside-blog-article .blog-post-content,.beside-blog-article .blog-post-comments-container{width:100%;max-width:var(--article-reading-width);min-width:0;margin-inline:auto}.beside-blog-article__header .text-block,.beside-blog-article__header .text-block>*{width:100%;max-inline-size:none;text-align:left}.beside-blog-article .beside-blog-article__header .text-block h1{margin:0;color:var(--cocoon-ink);font:400 clamp(2rem,3.4vw,3rem) / 1.18 var(--cocoon-serif);letter-spacing:-.015em;text-wrap:balance}.beside-blog-article__header .blog-post-details{justify-content:flex-start;padding-block-start:1rem;color:var(--cocoon-text);font:400 .875rem / 1.5 var(--cocoon-sans)}.beside-blog-article .blog-post-featured-image.size-style{width:100%;max-width:var(--article-cover-width);height:auto;margin-inline:auto}.beside-blog-article .blog-post-featured-image__image{height:auto;aspect-ratio:auto;object-fit:contain}.beside-blog-article .blog-post-content{color:var(--cocoon-text);font:400 1.125rem / 1.7 var(--cocoon-sans);overflow-wrap:anywhere}.beside-blog-article rte-formatter{display:block;min-width:0}.beside-blog-article .blog-post-content :is(p,ul,ol){margin-block:0 1.25rem}.beside-blog-article .blog-post-content li+li{margin-block-start:.5rem}.beside-blog-article .blog-post-content :is(h2,h3,h4){color:var(--cocoon-ink);text-wrap:pretty;scroll-margin-top:6rem}.beside-blog-article .blog-post-content h2{margin-block:3.5rem 1.25rem;font:600 clamp(1.5rem,2.3vw,2rem) / 1.25 var(--cocoon-serif)}.beside-blog-article .blog-post-content h2:after{content:"";display:block;width:3.5rem;height:1px;margin-top:.875rem;background:var(--cocoon-blue)}.beside-blog-article .blog-post-content h3{margin-block:2rem 1rem;font:600 1.5rem / 1.3 var(--cocoon-serif)}.beside-blog-article .blog-post-content h4{margin-block:1.5rem .75rem;font:600 1.125rem / 1.4 var(--cocoon-sans)}.beside-blog-article rte-formatter:not(:has(h2)) h3{margin-block:3.5rem 1.25rem;font:600 clamp(1.5rem,2.3vw,2rem) / 1.25 var(--cocoon-serif)}.beside-blog-article rte-formatter:not(:has(h2)) h3:after{content:"";display:block;width:3.5rem;height:1px;margin-top:.875rem;background:var(--cocoon-blue)}.beside-blog-article .blog-post-content :is(h2,h3,h4):empty{display:none}.beside-blog-article .blog-post-content a{color:var(--article-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.beside-blog-article .blog-post-content a:hover{color:var(--article-link-hover);text-decoration-thickness:2px}.beside-blog-article :is(a,.rte-table-wrapper):focus-visible{outline:2px solid var(--article-link);outline-offset:4px}.beside-blog-article .blog-post-content img{max-width:100%;height:auto;margin-block:1.5rem}.beside-blog-article .rte-table-wrapper{max-width:100%;margin-block:1.5rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--article-link) var(--article-table-header)}.beside-blog-article .blog-post-content table{min-width:42.5rem;table-layout:fixed;font:400 1rem / 1.6 var(--cocoon-sans);overflow-wrap:normal;height:auto!important}.beside-blog-article .blog-post-content :is(th,td){padding:1rem;vertical-align:top;border-bottom:1px solid var(--article-rule);height:auto!important}.beside-blog-article .blog-post-content :is(thead,tr:not(:has(td))){background:var(--article-table-header);color:var(--cocoon-ink);text-transform:none}.beside-blog-article .blog-post-content th{font-weight:600}.beside-blog-article .blog-post-content tr>:not(:first-child){width:auto!important}.beside-blog-article .blog-post-content tr>:first-child{position:sticky;inset-inline-start:0;z-index:1;width:10.5rem!important;background:var(--cocoon-white);color:var(--cocoon-ink);font-weight:600;border-inline-end:1px solid var(--article-rule)}.beside-blog-article .blog-post-content :is(thead,tr:not(:has(td))) tr>:first-child,.beside-blog-article .blog-post-content tr:not(:has(td))>:first-child{background:var(--article-table-header)}.beside-blog-article .article-table-hint{display:none}@media(max-width:749px){.section:has(>.beside-blog-article){--page-margin: 1.25rem}.beside-blog-article{gap:1.5rem}.beside-blog-article .blog-post-content{font-size:1.0625rem;line-height:1.65}.beside-blog-article .blog-post-content h2{margin-block-start:3rem}.beside-blog-article .blog-post-content h3{font-size:1.375rem}.beside-blog-article .blog-post-content table{font-size:.9375rem}.beside-blog-article .blog-post-content tr>:first-child{width:9rem!important}.beside-blog-article .article-table-hint{display:block;margin-block:1.5rem -.75rem;color:var(--cocoon-text);font:400 .875rem / 1.5 var(--cocoon-sans)}}.cocoon-article.beside-blog-article{width:min(var(--article-reading-width),calc(100% - 5rem));padding-block:2.5rem 5rem}.beside-blog-article .cocoon-article__category{margin-block:0 1rem;color:var(--article-link);text-align:left}.beside-blog-article .cocoon-article__dek{max-width:none;margin-block:1rem 0;color:var(--cocoon-text);text-align:left;font:400 1.125rem / 1.7 var(--cocoon-sans)}.beside-blog-article .cocoon-article__meta{margin-block:0}.beside-blog-article.cocoon-article>.blog-post-featured-image{margin-block:2rem}.beside-blog-article .cocoon-article__hero{width:100%;height:auto;aspect-ratio:auto;margin:0;object-fit:contain}@media(max-width:749px){.cocoon-article.beside-blog-article{width:calc(100% - 2.5rem)}.beside-blog-article.cocoon-article>.blog-post-featured-image{margin-block:1.5rem}.beside-blog-article .cocoon-article__dek{font-size:1.0625rem;line-height:1.65}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/beside-blog-article.css.map */