body.template-article{--blog-color-paper: oklch(98% .006 80);--blog-color-ink: oklch(19% .009 70);--blog-color-body: oklch(35% .008 70);--blog-color-muted: oklch(50% .007 70);--blog-color-rule: oklch(84% .008 80);--blog-color-focus: oklch(52% .115 55);--blog-space-2xs: .4rem;--blog-space-xs: .8rem;--blog-space-sm: 1.2rem;--blog-space-md: 1.6rem;--blog-space-lg: 2.4rem;--blog-space-xl: 3.6rem;--blog-space-2xl: 5.6rem;--blog-space-3xl: 8rem;--blog-prose-measure: 68ch;--blog-wide-measure: 112rem;--blog-heading-measure: 22ch;--blog-body-size: clamp(1.7rem, .22vw + 1.62rem, 1.9rem);--blog-lede-size: clamp(1.85rem, .28vw + 1.76rem, 2.1rem);--blog-h1-size: clamp(3.2rem, 2.6vw + 2rem, 5.2rem);--blog-h2-size: clamp(2.8rem, 1.35vw + 2.35rem, 4rem);--blog-h3-size: clamp(2.2rem, .7vw + 2rem, 3rem);--blog-h4-size: clamp(1.9rem, .35vw + 1.8rem, 2.3rem);--blog-meta-size: 1.4rem;--blog-leading-body: 1.7;--blog-leading-lede: 1.58;--blog-leading-heading: 1.14;--blog-leading-subheading: 1.24;--blog-leading-meta: 1.5;--blog-leading-minor: 1.3;--blog-tracking-body: -.006em;--blog-tracking-heading: -.028em;--blog-tracking-subheading: -.018em;--blog-tracking-minor: -.012em;--blog-weight-heading: 600;--blog-weight-strong: 650;--blog-underline-thickness: .08em;--blog-underline-offset: .18em;--blog-focus-width: .2rem;--blog-focus-offset: .3rem;--blog-rule-width: .1rem;overflow-x:clip;background-color:var(--blog-color-paper);color:var(--blog-color-body)}@supports selector(html:has(body)){html:has(body.template-article){overflow-x:clip;background-color:var(--blog-color-paper)}}.template-article .hdt-main-article .hdt-article-inner{background:var(--blog-color-paper)}.template-article .hdt-main-article .hdt-main-articles{max-width:var(--blog-wide-measure)}.template-article .hdt-main-article .hdt-main-article-heading,.template-article .hdt-main-article .hdt-article-image,.template-article .hdt-main-article .hdt-article-tags-social,.template-article .hdt-main-article .hdt-article-navigation{width:min(100%,var(--blog-wide-measure));margin-inline:auto}.template-article .hdt-main-article .hdt-main-article-heading{align-items:flex-start;text-align:start}.template-article .hdt-main-article .hdt-main-article-heading .hdt-article-heading{max-width:var(--blog-heading-measure);margin-block:var(--blog-space-sm) var(--blog-space-xs);color:var(--blog-color-ink);font-size:var(--blog-h1-size);font-weight:var(--blog-weight-heading);line-height:var(--blog-leading-heading);letter-spacing:var(--blog-tracking-heading);overflow-wrap:anywhere;min-width:0}.template-article .hdt-main-article .hdt-article-metas{color:var(--blog-color-muted);font-size:var(--blog-meta-size);line-height:var(--blog-leading-meta)}.template-article .hdt-main-article .hdt-article-image{margin-block-end:var(--blog-space-2xl)}.template-article .hdt-main-article .hdt-article-content{width:min(100%,var(--blog-prose-measure));margin-inline:auto}.template-article .hdt-main-article .hdt-rte{color:var(--blog-color-body);font-size:var(--blog-body-size);font-weight:400;line-height:var(--blog-leading-body);letter-spacing:var(--blog-tracking-body)}.template-article .hdt-main-article .hdt-rte>p{margin:0}.template-article .hdt-main-article .hdt-rte>p+p{margin-block-start:var(--blog-space-lg)}.template-article .hdt-main-article .hdt-rte>p:first-child{color:var(--blog-color-ink);font-size:var(--blog-lede-size);line-height:var(--blog-leading-lede)}.template-article .hdt-main-article .hdt-rte :is(h2,h3,h4){max-width:var(--blog-heading-measure);color:var(--blog-color-ink);font-style:normal;overflow-wrap:anywhere;min-width:0}.template-article .hdt-main-article .hdt-rte h2{margin-block:var(--blog-space-2xl) var(--blog-space-lg);font-size:var(--blog-h2-size);font-weight:var(--blog-weight-heading);line-height:var(--blog-leading-heading);letter-spacing:var(--blog-tracking-heading)}.template-article .hdt-main-article .hdt-rte h3{margin-block:var(--blog-space-xl) var(--blog-space-sm);font-size:var(--blog-h3-size);font-weight:var(--blog-weight-heading);line-height:var(--blog-leading-subheading);letter-spacing:var(--blog-tracking-subheading)}.template-article .hdt-main-article .hdt-rte h4{margin-block:var(--blog-space-xl) var(--blog-space-xs);font-size:var(--blog-h4-size);font-weight:var(--blog-weight-heading);line-height:var(--blog-leading-minor);letter-spacing:var(--blog-tracking-minor)}.template-article .hdt-main-article .hdt-rte :is(h2,h3,h4)+p{margin-block-start:0}.template-article .hdt-main-article .hdt-rte :is(ul,ol){display:grid;gap:var(--blog-space-sm);margin-block:var(--blog-space-lg);padding-inline-start:var(--blog-space-xl)}.template-article .hdt-main-article .hdt-rte ul{list-style:disc}.template-article .hdt-main-article .hdt-rte ol{list-style:decimal}.template-article .hdt-main-article .hdt-rte li{padding-inline-start:var(--blog-space-2xs)}.template-article .hdt-main-article .hdt-rte li::marker{color:var(--blog-color-ink);font-weight:var(--blog-weight-heading)}.template-article .hdt-main-article .hdt-rte :is(a,a:visited){color:var(--blog-color-ink);text-decoration-line:underline;text-decoration-thickness:var(--blog-underline-thickness);text-underline-offset:var(--blog-underline-offset);text-decoration-color:var(--blog-color-muted)}.template-article .hdt-main-article .hdt-rte a:is(:hover,:focus-visible){text-decoration-color:var(--blog-color-ink)}.template-article .hdt-main-article .hdt-rte a:active{color:var(--blog-color-body);text-decoration-color:var(--blog-color-body)}.template-article .hdt-main-article .hdt-rte a:focus-visible{outline:var(--blog-focus-width) solid var(--blog-color-focus);outline-offset:var(--blog-focus-offset)}.template-article .hdt-main-article .hdt-rte a[aria-disabled=true]{color:var(--blog-color-muted);cursor:not-allowed;opacity:.55;pointer-events:none;text-decoration-color:var(--blog-color-rule)}.template-article .hdt-main-article .hdt-rte strong{color:var(--blog-color-ink);font-weight:var(--blog-weight-strong)}.template-article .hdt-main-article .hdt-rte blockquote{margin-block:var(--blog-space-xl);padding-inline-start:var(--blog-space-lg);border-inline-start:var(--blog-rule-width) solid var(--blog-color-rule);color:var(--blog-color-ink);font-size:var(--blog-lede-size);line-height:var(--blog-leading-lede)}.template-article .hdt-main-article .hdt-rte :is(figure,img,video){max-width:100%}.template-article .hdt-main-article .hdt-rte figure{margin-block:var(--blog-space-xl)}.template-article .hdt-main-article .hdt-rte figcaption{margin-block-start:var(--blog-space-xs);color:var(--blog-color-muted);font-size:var(--blog-meta-size);line-height:var(--blog-leading-meta)}.template-article .hdt-main-article .hdt-rte hr{margin-block:var(--blog-space-2xl);border:0;border-block-start:var(--blog-rule-width) solid var(--blog-color-rule)}.template-article .hdt-main-article .hdt-rte table{display:block;max-width:100%;margin-block:var(--blog-space-xl);overflow-x:auto;border-collapse:collapse;font-variant-numeric:tabular-nums}.template-article .hdt-main-article .hdt-rte :is(th,td){padding:var(--blog-space-sm) var(--blog-space-md);border-block-end:var(--blog-rule-width) solid var(--blog-color-rule);text-align:start}.template-article .hdt-main-article .hdt-rte th{color:var(--blog-color-ink);font-weight:var(--blog-weight-heading)}.template-article .hdt-main-article .hdt-article-tags-social{padding-block-start:var(--blog-space-lg);border-block-start:var(--blog-rule-width) solid var(--blog-color-rule)}.template-article .hdt-main-article [hdt-reveal]{opacity:1!important;transform:none!important;animation:none!important}@media(min-width:40rem){.template-article .hdt-main-article .hdt-main-article-heading .hdt-article-heading{margin-block-start:var(--blog-space-md)}.template-article .hdt-main-article .hdt-article-image{margin-block-end:var(--blog-space-3xl)}}@media(prefers-reduced-motion:reduce){.template-article .hdt-main-article *,.template-article .hdt-main-article *:before,.template-article .hdt-main-article *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/blog-editorial.css.map */