.article{--link-hover: var(--ink);--breakout-extra: clamp(0rem, 10vw - 2rem, 7rem)}.article-grid{display:grid;grid-template-columns:[full-start] minmax(var(--gutter),1fr) [breakout-start] minmax(0,var(--breakout-extra)) [content-start] min(var(--measure),100% - 2 * var(--gutter)) [content-end] minmax(0,var(--breakout-extra)) [breakout-end] minmax(var(--gutter),1fr) [full-end];font-family:var(--font-read);font-size:var(--text-read)}.article-grid>*{grid-column:content;min-width:0}.article-body,.article-body *{min-width:0;max-width:100%;box-sizing:border-box}.article-body>*{max-width:100%!important}.article-body [style*=width i]{width:auto!important;min-width:0!important;max-width:100%!important}.article-body :is(iframe,embed,object),.article-body :is(iframe,embed,object)[style]{display:block;width:100%!important;height:auto!important;aspect-ratio:16 / 9}.article-body,.article-band__title,.toc__list{overflow-wrap:break-word}.article-progress{position:fixed;top:env(safe-area-inset-top,0px);inset-inline:0;z-index:var(--z-header);height:3px;pointer-events:none}.article-progress__bar{width:100%;height:100%;background-color:var(--ink);transform:scaleX(0);transform-origin:left center}.article-band{--text-muted: var(--ink);--link-hover: var(--ink);padding-block:var(--space-xl) var(--space-l);background-color:var(--band-bg);color:var(--ink)}.article-band__inner{row-gap:var(--space-s)}.article-band__tags{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}@media(max-width:749.98px){.article-band__tags{flex-wrap:nowrap;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);overflow-x:auto;scrollbar-width:none}.article-band__tags::-webkit-scrollbar{display:none}.article-band__tags>li{flex:0 0 auto}}.article-band__tag{min-height:1.75rem;text-decoration:none}.article-band__tag:hover{text-decoration:underline}.article-band .badge{font-family:var(--font-ui)}.article-band__title{font-family:var(--font-ui);font-size:var(--step-5);line-height:1.08;letter-spacing:-.02em}.article-band__meta,.author-block{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3xs) var(--space-m);font-family:var(--font-ui);font-size:var(--step--1)}.author-block{gap:0}.author-block__label{margin-inline-end:.35em}.author-block__name{font-weight:600}.author-block__date{flex-basis:100%}.toc{margin-block-start:var(--space-2xs);border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);font-family:var(--font-ui)}.toc__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);min-height:3rem;font-size:var(--step-0);font-weight:600;list-style:none;cursor:pointer}.toc__summary::-webkit-details-marker{display:none}.toc__summary .icon{transition:transform var(--dur-base) var(--ease)}.toc__details[open] .toc__summary .icon{transform:rotate(180deg)}.toc__list{display:grid;gap:var(--space-3xs);padding-block-end:var(--space-s);font-size:var(--step--1)}.toc__list ol{display:grid;gap:var(--space-3xs);margin:var(--space-3xs) 0 0;padding-inline-start:var(--space-s);list-style:none}.toc__list a{display:inline-block;padding-block:.3rem;text-decoration:none}.toc__list a:hover{text-decoration:underline}@media(max-width:749px){.article-band__tag{min-height:2.75rem;padding-inline:.75rem}.toc__list a{display:flex;align-items:center;min-height:2.75rem;padding-block:.25rem;font-size:var(--step-0)}}.article-hero{margin-block-start:var(--space-l)}.article-hero__figure{grid-column:breakout;margin:0}.article-hero__image{width:100%;height:auto;border-radius:var(--radius-card)}.article-body{--link-hover: var(--terracotta);padding-block:var(--space-xl) var(--space-l);color:var(--ink);line-height:var(--leading-read);font-optical-sizing:auto}:root[data-page-bg=offwhite] .article-body{--link-hover: var(--ink)}.article-body>*{margin:0}.article-body>*+*{margin-block-start:1.1em}.article-body :where(h2,h3,h4){font-family:var(--font-ui);line-height:1.2;text-wrap:balance;scroll-margin-top:var(--space-l)}.article-body>h2{margin-block-start:2.2em;font-size:var(--step-3)}.article-body>h3{margin-block-start:1.8em;font-size:var(--step-2)}.article-body>h4{margin-block-start:1.6em;font-size:var(--step-1)}.article-body>:is(h2,h3,h4)+*{margin-block-start:.6em}.article-body>:first-child{margin-block-start:0}.article-body strong,.article-body b{font-weight:600}.article-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.article-body a:hover{text-decoration-thickness:2px}.article-body a.button,.article-body a.button:hover{text-decoration:none}.article-body .button{--btn-bg: var(--lime);--btn-fg: var(--ink);--btn-border: var(--ink);--btn-bg-hover: var(--ink);--btn-fg-hover: var(--lime)}.article-body .button~.button{--btn-bg: transparent;--btn-fg: var(--ink);--btn-bg-hover: var(--ink);--btn-fg-hover: var(--white)}.article-body>:is(.button,:has(.button))~.button,.article-body>:is(.button,:has(.button))~* .button{--btn-bg: transparent;--btn-fg: var(--ink);--btn-bg-hover: var(--ink);--btn-fg-hover: var(--white)}.article-body :where(ul,ol){padding-inline-start:1.4em}.article-body li+li{margin-block-start:.5em}.article-body li>:where(ul,ol){margin-block-start:.5em}.article-body li::marker{color:var(--ink)}.article-body ol>li::marker{font-family:var(--font-ui);font-weight:600;font-variant-numeric:tabular-nums}.article-body hr{height:1px;margin-block:2.5em;border:0;background-color:var(--rule-soft)}.article-body img{max-width:100%;height:auto;border-radius:var(--radius-card)}.article-body>p:has(>strong:first-child+br){padding-block-start:var(--space-s);border-top:1px solid var(--rule-soft)}.article-body>p:has(>strong:first-child+br)>strong:first-child{font-family:var(--font-ui);font-size:.95em}.article-body>:is(figure,.breakout,.table-wrap),.article-body>p:has(>img:only-child){grid-column:breakout}.article-body figure{margin-inline:0}.article-body figure img{width:100%}.article-body figcaption{margin-block-start:var(--space-2xs);font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-muted)}.article-body .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.article-body .table-wrap:focus-visible{outline-offset:2px}.no-js .article-body>table{grid-column:breakout;display:block;overflow-x:auto}.article-body table{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:.875em;line-height:1.5}.article-body caption{padding-block-end:var(--space-2xs);font-weight:600;text-align:start}.article-body :is(th,td){min-width:6rem;padding:.65em .8em;border-bottom:1px solid var(--rule-soft);text-align:start;vertical-align:top}.article-body thead th,.article-body tr:first-child>th{border-bottom:2px solid var(--ink);font-weight:600}.article-body blockquote{margin-inline:0;padding-inline-start:1.25em;border-inline-start:2px solid var(--rule-soft);font-style:italic}.article-body blockquote>*+*{margin-block-start:.6em}.article-body blockquote :is(cite,footer){display:block;font-family:var(--font-ui);font-size:var(--step--1);font-style:normal}.article-body>blockquote.pull{grid-column:breakout;margin-block:1.8em;padding:var(--space-s) 0 0;border-inline-start:0;border-top:3px solid var(--terracotta);font-size:var(--step-3);font-style:normal;line-height:1.35}.article-body :is(.callout,.takeaway){padding:var(--space-m);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:var(--radius-card);background-color:var(--band-bg);color:var(--ink);--link-hover: var(--ink)}.article-body :is(.callout,.takeaway)>*{margin:0}.article-body :is(.callout,.takeaway)>*+*{margin-block-start:.7em}.article-body .takeaway{border-inline-start:4px solid var(--ink)}.article-body .takeaway[data-label]:before{content:attr(data-label);display:block;margin-block-end:.5em;font-family:var(--font-ui);font-size:var(--step--1);font-weight:600}.article-body .takeaway>:is(h2,h3,h4):first-child{font-size:var(--step-0)}.article-body>:is(.callout,.takeaway)+:is(.callout,.takeaway),.article-body>:is(.callout,.takeaway)+*+:is(.callout,.takeaway){border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background-color:var(--surface-raised)}.article-body>:is(.callout,.takeaway)+.takeaway,.article-body>:is(.callout,.takeaway)+*+.takeaway{border-inline-start:4px solid var(--ink)}.article-body>details{border-block:1px solid var(--ink)}.article-body>details+details{margin-block-start:0;border-block-start:0}.article-body summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);min-height:3rem;padding-block:var(--space-xs);font-family:var(--font-ui);font-weight:600;line-height:1.35;list-style:none;cursor:pointer}.article-body summary::-webkit-details-marker{display:none}.article-body summary:after{content:"+";content:"+" / "";flex-shrink:0;font-size:1.25em;font-weight:400;line-height:1}.article-body details[open]>summary:after{content:"\2212";content:"\2212" / ""}.article-body summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}.article-body summary>:is(h2,h3,h4){display:inline;margin:0;font-size:inherit}.article-body details>:not(summary){margin-block:0 var(--space-s)}.article-body :is([style*=color i],[style*=background i],[style*=font-family i],[style*=font-size i],font,span[style]):not(.callout,.takeaway,mark,.button){color:inherit!important;background-color:transparent!important;background-image:none!important;font-family:inherit!important;font-size:inherit!important}.article-body :is(h2,h3,h4,table,caption,figcaption,summary)[style]:not(.callout *,.takeaway *){font-family:var(--font-ui)!important}.article-body h2[style]:not(.callout *,.takeaway *){font-size:var(--step-3)!important}.article-body h3[style]:not(.callout *,.takeaway *){font-size:var(--step-2)!important}.article-body h4[style]:not(.callout *,.takeaway *){font-size:var(--step-1)!important}.article-body table[style]:not(.callout *,.takeaway *){font-size:.875em!important}.article-body figcaption[style]:not(.callout *,.takeaway *){font-size:var(--step--1)!important}.article-body a[style]:not(.button,.callout *,.takeaway *):hover{color:var(--link-hover)!important}.no-js .article-body .ifc-wrap{display:none}.article-body .ifc-wrap{display:grid;gap:var(--space-s);padding:var(--space-m);border:1px solid var(--rule-soft);border-radius:var(--radius-card);background-color:var(--surface-raised);color:var(--ink);font-family:var(--font-ui)}.article-body .ifc-wrap>*{margin:0}.article-body .ifc-field{display:grid;gap:var(--space-3xs)}.article-body .ifc-label{font-weight:600}.article-body :is(.ifc-input,.ifc-select){width:100%;min-height:3rem;padding:0 var(--space-s);border:1px solid var(--border-control);border-radius:var(--radius-control);background-color:var(--white);color:var(--ink);font:inherit;font-size:max(1rem,16px)}.article-body :is(.ifc-input,.ifc-select,.ifc-btn):focus-visible{outline:2px solid var(--ink);outline-offset:2px}.article-body .ifc-btn{width:100%;min-height:3rem;padding:0 var(--space-m);border:2px solid var(--ink);border-radius:var(--radius-control);background-color:var(--ink);color:var(--white);font:inherit;font-weight:600;cursor:pointer}.article-body .ifc-btn:hover{background-color:var(--white);color:var(--ink)}.article-body .ifc-result{display:none}.article-body .ifc-result.show{display:grid;gap:.4em;padding:var(--space-s);border:2px solid var(--ink);border-radius:var(--radius-card);background-color:var(--white)}.article-body .ifc-result.error{border-color:var(--terracotta)}.article-body .ifc-result>*{margin:0}.article-body .ifc-dose{font-size:var(--step-3);font-weight:600;line-height:1.2}.article-body .ifc-field-error{margin:0;padding-inline-start:var(--space-2xs);border-inline-start:3px solid var(--terracotta);font-weight:600;line-height:1.45}.article-body sup{line-height:0}.article-body sup>a{padding-inline:.15em;font-family:var(--font-ui);font-size:.75em;font-weight:600;text-decoration:none}.article-body .footnotes{margin-block-start:2.5em;padding-block-start:var(--space-s);border-top:1px solid var(--rule-soft);font-family:var(--font-ui);font-size:var(--step--1);line-height:1.55}.article-body :is(.footnotes li,sup,sup>a):target{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}.article-body .footnotes a[href^="#fnref"]{margin-inline-start:.35em;text-decoration:none}.article-footer{row-gap:var(--space-m);padding-block-end:var(--space-xl)}.article-footer>*{font-family:var(--font-ui)}.author-block--reviewer{padding-block-start:var(--space-s);border-top:2px solid var(--ink)}.article-footer__back{display:inline-flex;align-items:center;gap:var(--space-2xs);justify-self:start;min-height:2.75rem;font-size:var(--step--1);font-weight:600}.article-related{--link-hover: var(--ink);border-top:1px solid var(--rule-soft)}.article-related__heading{margin-block-end:var(--space-m);font-size:var(--step-1)}.blog-header{display:grid;gap:var(--space-m);margin-block-end:var(--space-l)}.blog-header>*{min-width:0}.blog-tags__list{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}@media(max-width:749.98px){.blog-tags__list{flex-wrap:nowrap;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);padding-block-end:var(--space-3xs);overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--gutter);scrollbar-width:none}.blog-tags__list::-webkit-scrollbar{display:none}.blog-tags__list>li{flex:0 0 auto}}.blog-tags__chip{font-size:var(--step--1);text-decoration:none}.blog-tags__chip:hover{color:var(--ink)}.blog-tags__chip[aria-current=page]{border-color:var(--ink);background-color:var(--lime)}.blog-grid{display:grid;gap:var(--space-xl) var(--space-m)}@media(min-width:750px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{position:relative;display:grid;align-content:start;gap:var(--space-s);height:100%}.blog-card__media{--ratio: 3 / 2;border-radius:var(--radius-card)}.blog-card__media>img{mix-blend-mode:normal}.blog-card__body{display:grid;justify-items:start;gap:var(--space-2xs)}.blog-card__title{font-size:var(--step-2)}.blog-card:hover .card__link{text-decoration:underline;text-underline-offset:.18em}.blog-card__meta{font-size:var(--step--1);color:var(--text-muted)}.article-body :is(.callout,.takeaway)>:is(h2,h3,h4){margin-block-start:0;font-size:var(--step-1);line-height:1.25}.article-body>.callout.callout--note,.article-body>:is(.callout,.takeaway)+.callout.callout--note,.article-body>:is(.callout,.takeaway)+*+.callout.callout--note{border:1px solid var(--rule-soft);border-inline-start:4px solid color-mix(in srgb,var(--ink) 45%,transparent);background-color:var(--surface-raised)}.article-body>.callout.callout--urgent,.article-body>:is(.callout,.takeaway)+.callout.callout--urgent,.article-body>:is(.callout,.takeaway)+*+.callout.callout--urgent{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-inline-start:4px solid var(--ink);background-color:var(--band-bg)}.article-body .table-hint{display:none;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-muted)}@media(max-width:749px){.article-body .table-hint{display:block;margin-block-end:-.4em}}.article-body>.product-list{grid-column:breakout;display:grid;gap:var(--space-s)}@media(min-width:750px){.article-body>.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-body .product-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);padding:var(--space-m);border:1px solid var(--rule-soft);border-radius:var(--radius-card);background-color:var(--surface-raised);font-family:var(--font-ui)}.article-body .product-card>*{margin:0}.article-body .product-card__eyebrow{font-size:var(--step--1);font-weight:600;color:var(--text-muted)}.article-body .product-card h3{font-size:var(--step-1);line-height:1.25}.article-body .product-card>p:not(.product-card__eyebrow){font-size:.9375em;line-height:1.55}.article-body .product-card>p:last-child{margin-block-start:auto;padding-block-start:var(--space-2xs)}.article-body .product-card:not(:first-child) .button{--btn-bg: transparent;--btn-fg: var(--ink);--btn-bg-hover: var(--ink);--btn-fg-hover: var(--white)}@media(min-width:750px){.article-body .product-card:last-child:nth-child(odd){grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/template-article.css.map */