.article-v2{--surface-canvas: oklch(.985 .005 95);--surface-raised: oklch(.97 .006 90);--surface-deep: oklch(.18 .01 155);--ink-primary: oklch(.2 .012 155);--ink-secondary: oklch(.45 .01 155);--ink-muted: oklch(.62 .008 155);--brand-green: oklch(.62 .18 140);--brand-green-deep: oklch(.38 .1 150);--brand-yellow: oklch(.92 .13 100);--rule-soft: oklch(.9 .005 95);--rule-strong: oklch(.78 .006 95);--type-display-min: 32px;--type-display-max: 56px;--type-h2-min: 26px;--type-h2-max: 36px;--type-h3-min: 21px;--type-h3-max: 26px;--type-h4: 19px;--type-body: 19px;--type-body-sm: 17px;--type-meta: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--ease-out-quart: cubic-bezier(.22, 1, .36, 1);--serif: "Inter", Georgia, serif;background:var(--surface-canvas);color:var(--ink-primary);font-feature-settings:"ss01","cv11"}.article-v2 .article-shell{max-width:1280px;margin:0 auto;padding:0 var(--space-5)}@media(min-width:768px){.article-v2 .article-shell{padding:0 var(--space-6)}}.article-v2 .article-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-7)}@media(min-width:1024px){.article-v2 .article-grid{grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:var(--space-7)}.article-v2 .article-body{order:2}.article-v2 .article-rail{order:1}}.article-v2 .article-body{min-width:0;max-width:70ch}.article-v2 .article-hero{margin:var(--space-8) 0 var(--space-7)}.article-v2 .article-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--type-meta);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-green-deep);text-decoration:none;margin-bottom:var(--space-5)}.article-v2 .article-eyebrow:hover{color:var(--ink-primary)}.article-v2 .article-eyebrow svg{width:14px;height:14px}.article-v2 .article-title{font-size:clamp(var(--type-display-min),3.2vw + .8rem,var(--type-display-max));line-height:1.1;font-weight:600;letter-spacing:-.02em;color:var(--ink-primary);margin:0 0 var(--space-6);max-width:32ch;text-wrap:balance}.article-v2 .article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--type-meta);line-height:1.4;color:var(--ink-secondary);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--rule-soft)}.article-v2 .article-byline>*{display:inline-flex;align-items:center;gap:var(--space-2)}.article-v2 .article-byline svg{width:14px;height:14px;flex-shrink:0}.article-v2 .article-byline__divider{color:var(--ink-muted);-webkit-user-select:none;user-select:none}.article-v2 .article-byline__author{color:var(--ink-primary);font-weight:500;text-decoration:none}.article-v2 .article-byline__author:hover{color:var(--brand-green-deep)}.article-v2 .article-byline__updated{color:var(--brand-green-deep);font-style:italic}.article-v2 .article-hero__figure{margin:var(--space-5) calc(var(--space-5) * -1) 0;overflow:hidden;background:var(--surface-raised);max-height:520px}@media(min-width:768px){.article-v2 .article-hero__figure{margin:var(--space-5) 0 0;border-radius:2px}}.article-v2 .article-hero__figure img{width:100%;height:auto;max-height:520px;object-fit:cover;object-position:center;display:block}.article-v2 .article-body .rte{font-size:var(--type-body);line-height:1.65;color:var(--ink-primary)}.article-v2 .article-body .rte>*+*{margin-top:var(--space-5)}.article-v2 .article-body .rte p{margin:0 0 var(--space-5)}.article-v2 .article-body .rte h2{font-size:clamp(var(--type-h2-min),2.4vw + .5rem,var(--type-h2-max));line-height:1.15;font-weight:600;letter-spacing:-.015em;margin:var(--space-9) 0 var(--space-5);color:var(--ink-primary);scroll-margin-top:var(--space-9)}.article-v2 .article-body .rte h3{font-size:clamp(var(--type-h3-min),1.4vw + .5rem,var(--type-h3-max));line-height:1.25;font-weight:600;letter-spacing:-.01em;margin:var(--space-7) 0 var(--space-4);color:var(--ink-primary);scroll-margin-top:var(--space-9)}.article-v2 .article-body .rte h4{font-size:var(--type-h4);line-height:1.3;font-weight:600;margin:var(--space-6) 0 var(--space-3);color:var(--ink-primary)}.article-v2 .article-body .rte strong{font-weight:600;color:var(--ink-primary)}.article-v2 .article-body .rte em{font-style:italic}.article-v2 .article-body .rte a{color:var(--brand-green-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-thickness .2s var(--ease-out-quart)}.article-v2 .article-body .rte a:hover{text-decoration-thickness:2px}.article-v2 .article-body .rte ul,.article-v2 .article-body .rte ol{padding-left:1.5em;margin:var(--space-5) 0}.article-v2 .article-body .rte li+li{margin-top:var(--space-2)}.article-v2 .article-body .rte li::marker{color:var(--ink-muted)}.article-v2 .article-body .rte hr{border:0;height:1px;background:var(--rule-soft);margin:var(--space-8) 0}.article-v2 .article-body .rte blockquote{margin:var(--space-7) 0;padding:var(--space-2) 0;border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong);font-size:clamp(22px,1.5vw + .8rem,28px);line-height:1.4;font-weight:400;font-style:italic;color:var(--ink-primary);font-family:var(--serif)}.article-v2 .article-body .rte blockquote p{margin:var(--space-5) 0}.article-v2 .article-body .rte blockquote cite{display:block;font-size:var(--type-meta);font-style:normal;color:var(--ink-secondary);margin-top:var(--space-3);letter-spacing:.04em;text-transform:uppercase}.article-v2 .article-body .rte blockquote.cite-external{border-top:0;border-bottom:0;border-left:6px solid var(--brand-green);padding-left:var(--space-5)}.article-v2 .article-body .rte table{width:100%;border-collapse:collapse;margin:var(--space-7) 0;font-size:var(--type-body-sm);background:var(--surface-canvas)}@media(min-width:1024px){.article-v2 .article-body .rte table{margin-right:calc(var(--space-7) * -1);width:calc(100% + var(--space-7))}}.article-v2 .article-body .rte thead{position:sticky;top:0;background:var(--surface-canvas);z-index:2}.article-v2 .article-body .rte thead th{font-weight:600;text-align:left;padding:var(--space-4) var(--space-4);border-bottom:2px solid var(--rule-strong);font-size:var(--type-meta);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-secondary)}.article-v2 .article-body .rte tbody td{padding:var(--space-4);border-bottom:1px solid var(--rule-soft);vertical-align:top;line-height:1.5}.article-v2 .article-body .rte tbody tr:hover{background:var(--surface-raised)}.article-v2 .article-body .rte tbody tr td:first-child{font-weight:500;color:var(--ink-primary)}.article-v2 .article-body .rte tbody td:has(>:first-child:is([data-cell=win])),.article-v2 .article-body .rte tbody td.cell-win{color:var(--brand-green-deep)}.article-v2 .article-body .rte tbody td.cell-loss{color:var(--ink-secondary)}.article-v2 .article-body .rte caption{caption-side:bottom;font-size:var(--type-meta);color:var(--ink-secondary);font-style:italic;margin-top:var(--space-3);text-align:left}.article-v2 .article-figure{margin:var(--space-7) 0}@media(min-width:1024px){.article-v2 .article-figure--wide{margin-right:calc(var(--space-7) * -1)}}.article-v2 .article-figure img{width:100%;height:auto;display:block;border-radius:4px;background:var(--surface-raised);transition:transform .4s var(--ease-out-quart)}.article-v2 .article-figure:hover img{transform:scale(1.01)}.article-v2 .article-figure figcaption{font-size:var(--type-body-sm);color:var(--ink-secondary);font-style:italic;margin-top:var(--space-3);max-width:80ch;line-height:1.5}.article-v2 .article-callout{margin:var(--space-7) 0;padding:var(--space-5) var(--space-6);border-top:2px solid var(--rule-strong);background:var(--surface-raised);border-radius:0 0 4px 4px}.article-v2 .article-callout__label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--type-meta);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-secondary);margin-bottom:var(--space-3)}.article-v2 .article-callout__label svg{width:16px;height:16px}.article-v2 .article-callout--info{border-top-color:var(--brand-green-deep)}.article-v2 .article-callout--info .article-callout__label{color:var(--brand-green-deep)}.article-v2 .article-callout--caveat{border-top-color:var(--brand-yellow)}.article-v2 .article-callout--caveat .article-callout__label{color:#946900;color:oklch(.55 .13 80)}.article-v2 .article-callout--key{background:var(--brand-green-deep);border-top-color:transparent;color:var(--surface-canvas);padding:var(--space-6) var(--space-7);border-radius:4px}.article-v2 .article-callout--key .article-callout__label{color:#b3dbaa}.article-v2 .article-callout--key a,.article-v2 .article-callout--key strong{color:var(--surface-canvas)}.article-v2 .article-callout p{margin:0}.article-v2 .article-callout p+p{margin-top:var(--space-3)}.article-v2 .article-cta{margin:var(--space-8) 0;padding:var(--space-7) var(--space-7);background:var(--brand-green-deep);color:var(--surface-canvas);border-radius:4px;display:flex;flex-direction:column;gap:var(--space-5)}@media(min-width:768px){.article-v2 .article-cta{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-7) var(--space-8)}}.article-v2 .article-cta__heading{font-size:clamp(20px,1.4vw + .6rem,26px);line-height:1.25;font-weight:600;margin:0;max-width:32ch}.article-v2 .article-cta__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:14px 24px;background:var(--brand-green);color:var(--surface-canvas);border-radius:4px;font-weight:600;font-size:var(--type-body-sm);text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease-out-quart),background .2s var(--ease-out-quart)}.article-v2 .article-cta__btn:hover{background:#4cb332;transform:translateY(-1px)}.article-v2 .article-cta__btn:focus-visible{outline:2px solid var(--surface-canvas);outline-offset:3px}.article-v2 .article-cta__btn svg{width:16px;height:16px}.article-v2 .article-rail{display:none}@media(min-width:1024px){.article-v2 .article-rail{display:block;position:sticky;top:var(--space-7);align-self:start;max-height:calc(100vh - var(--space-7) * 2);max-height:calc(100dvh - var(--space-7) * 2);overflow-y:auto;padding-right:var(--space-5);border-right:1px solid var(--rule-soft);font-size:var(--type-body-sm)}}.article-v2 .article-rail__title{font-size:var(--type-meta);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-secondary);margin:0 0 var(--space-4)}.article-v2 .article-toc__list{list-style:none;padding:0;margin:0 0 var(--space-6);counter-reset:toc}.article-v2 .article-toc__item{counter-increment:toc;margin:0;padding:0}.article-v2 .article-toc__link{display:block;padding:var(--space-2) 0 var(--space-2) var(--space-4);margin-left:calc(var(--space-4) * -1);border-left:2px solid transparent;color:var(--ink-secondary);text-decoration:none;font-size:var(--type-body-sm);line-height:1.4;transition:color .2s var(--ease-out-quart),border-color .2s var(--ease-out-quart)}.article-v2 .article-toc__link:hover{color:var(--ink-primary)}.article-v2 .article-toc__link.is-active{color:var(--brand-green-deep);border-left-color:var(--brand-green-deep);font-weight:500}.article-v2 .article-toc__item--h3 .article-toc__link{padding-left:var(--space-6);font-size:var(--type-meta)}.article-v2 .article-progress{position:relative;height:2px;background:var(--rule-soft);margin-bottom:var(--space-5);overflow:hidden}.article-v2 .article-progress__fill{position:absolute;inset:0 auto 0 0;background:var(--brand-green);width:var(--progress, 0%);transition:width .1s linear}.article-v2 .article-rail__share{display:flex;gap:var(--space-2)}.article-v2 .article-rail__share a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--surface-raised);color:var(--ink-secondary);text-decoration:none;transition:background .2s var(--ease-out-quart),color .2s var(--ease-out-quart)}.article-v2 .article-rail__share a:hover{background:var(--brand-green-deep);color:var(--surface-canvas)}.article-v2 .article-rail__share svg{width:16px;height:16px}.article-v2 .article-toc-mobile{display:block;margin:var(--space-6) 0;padding:0;background:var(--surface-raised);border-radius:4px;overflow:hidden}@media(min-width:1024px){.article-v2 .article-toc-mobile{display:none}}.article-v2 .article-toc-mobile summary{list-style:none;cursor:pointer;padding:var(--space-4) var(--space-5);font-size:var(--type-meta);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-secondary);display:flex;align-items:center;justify-content:space-between}.article-v2 .article-toc-mobile summary::-webkit-details-marker{display:none}.article-v2 .article-toc-mobile summary:after{content:"";width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s var(--ease-out-quart)}.article-v2 .article-toc-mobile[open] summary:after{transform:rotate(-135deg)}.article-v2 .article-toc-mobile .article-toc__list{margin:0;padding:var(--space-3) var(--space-5) var(--space-4)}.article-v2 .article-tags{list-style:none;padding:0;margin:var(--space-7) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.article-v2 .article-tags li a{display:inline-block;padding:4px 10px;font-size:var(--type-meta);color:var(--ink-secondary);background:var(--surface-raised);border-radius:100px;text-decoration:none;transition:background .2s var(--ease-out-quart),color .2s var(--ease-out-quart)}.article-v2 .article-tags li a:hover{background:var(--brand-green-deep);color:var(--surface-canvas)}.article-v2 .article-pagination{margin:var(--space-8) 0 var(--space-7);padding:var(--space-6) 0;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.article-v2 .article-pagination a{text-decoration:none;color:var(--ink-primary);display:flex;flex-direction:column;gap:var(--space-2)}.article-v2 .article-pagination__label{font-size:var(--type-meta);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-secondary)}.article-v2 .article-pagination__title{font-size:var(--type-body-sm);font-weight:500;line-height:1.35}.article-v2 .article-pagination a:hover .article-pagination__title{color:var(--brand-green-deep)}.article-v2 .article-pagination__next{text-align:right}.article-v2 .article-comments{margin:var(--space-8) 0;padding-top:var(--space-7);border-top:1px solid var(--rule-soft)}.article-v2 .article-comments h2{font-size:clamp(var(--type-h2-min),2.4vw + .5rem,var(--type-h2-max));line-height:1.15;font-weight:600;margin:0 0 var(--space-6)}.article-v2 .article-comments__item{padding:var(--space-5) 0;border-bottom:1px solid var(--rule-soft)}.article-v2 .article-comments__author{font-weight:600;margin-bottom:var(--space-1)}.article-v2 .article-comments__date{font-size:var(--type-meta);color:var(--ink-muted);margin-bottom:var(--space-3)}.article-v2 a:focus-visible,.article-v2 button:focus-visible,.article-v2 details>summary:focus-visible{outline:2px solid var(--brand-green-deep);outline-offset:3px;border-radius:2px}@media(prefers-reduced-motion:reduce){.article-v2 *,.article-v2 *:before,.article-v2 *:after{transition-duration:0ms!important;animation-duration:0ms!important}.article-v2 .article-figure:hover img{transform:none}}@media print{.article-v2 .article-rail,.article-v2 .article-toc-mobile,.article-v2 .article-cta,.article-v2 .article-pagination{display:none}.article-v2{background:#fff;color:#000}.article-v2 .article-body{max-width:none}.article-v2 .article-body .rte a:after{content:" (" attr(href) ")";font-size:.85em;color:#666}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/article.gen2.css.map */