.spf .spf-article{--spf-article-top: calc(max(var(--sticky-header-desktop-height, 0px), var(--sticky-header-mobile-height, 0px)) + 24px) ;padding:32px var(--spf-gutter) 0;display:flex;flex-direction:column;gap:32px}.spf .spf-article__header{display:flex;flex-direction:column;gap:20px;max-width:1100px}.spf .spf-article__title{font-size:clamp(40px,6vw,88px);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:break-word}.spf .spf-article__ingress{font-size:clamp(19px,1.6vw,24px);line-height:1.45;font-weight:600;max-width:820px}.spf .spf-article__meta{font-size:14px;color:var(--spf-muted);border-top:2px solid var(--spf-ink);padding-top:14px;display:flex;flex-wrap:wrap;gap:24px}.spf .spf-article__media{aspect-ratio:21 / 8;min-height:240px;position:relative;overflow:hidden}.spf .spf-article__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.spf .spf-article__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start;padding-bottom:var(--spf-section-y)}.spf .spf-article__main{max-width:760px;min-width:0}.spf .spf-article__toc{display:flex;flex-direction:column;gap:10px;font-size:14px;max-width:280px}.spf .spf-article__toc[hidden]{display:none}.spf .spf-article__toc-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--spf-muted);border-bottom:2px solid var(--spf-ink);padding-bottom:8px}.spf .spf-article__toc-nav{display:flex;flex-direction:column;gap:10px}.spf .spf-article__toc a{text-decoration:none;color:inherit;transition:color .15s}.spf .spf-article__toc a:hover{color:var(--spf-red)}@media(min-width:1000px){.spf .spf-article__grid{grid-template-columns:260px minmax(0,760px);gap:clamp(48px,5vw,96px)}.spf .spf-article__toc{position:sticky;top:var(--spf-article-top);max-height:calc(100vh - var(--spf-article-top) - 24px);overflow-y:auto}}.spf .spf-article__body{font-size:18px;line-height:1.65;display:flex;flex-direction:column;gap:20px;overflow-wrap:break-word}.spf .spf-article__body>*{margin-top:0;margin-bottom:0;min-width:0;max-width:100%}.spf .spf-article__body p:empty{display:none}.spf .spf-article__body p:has(>br:only-child){display:none}.spf .spf-article__body :is(h2,h3,h4){scroll-margin-top:var(--spf-article-top)}.spf .spf-article__body h2{font-size:clamp(22px,6.4vw,32px);margin:24px 0 0}.spf .spf-article__body>h2:first-child{margin-top:12px}.spf .spf-article__body h3{font-size:22px;text-transform:uppercase;margin:12px 0 0}.spf .spf-article__body h4{font-size:18px;margin:8px 0 0}.spf .spf-article__body h2.spf-article__sources-heading{font-size:24px}.spf .spf-article__body a{color:inherit;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.spf .spf-article__body a:hover{color:var(--spf-red)}.spf .spf-article__body ul,.spf .spf-article__body ol{margin:0;padding-left:22px}.spf .spf-article__body ul{list-style:disc}.spf .spf-article__body ol{list-style:decimal}.spf .spf-article__body li{margin:0 0 6px}.spf .spf-article__body li:last-child{margin-bottom:0}.spf .spf-article__body li>ul,.spf .spf-article__body li>ol{margin-top:6px}.spf .spf-article__body img{height:auto;align-self:flex-start;margin:0!important;border-radius:0!important}.spf .spf-article__body figure{margin:0}.spf .spf-article__body iframe,.spf .spf-article__body video{max-width:100%}.spf .spf-article__body blockquote{margin:0;padding:0 0 0 20px;border-left:2px solid var(--spf-ink);font-size:20px;font-style:normal;font-weight:600;line-height:1.45}.spf .spf-article__body blockquote p{margin:0}.spf .spf-article__body blockquote p+p{margin-top:12px}.spf .spf-article__body hr{margin:12px 0;border:0;border-top:2px solid var(--spf-rule-light);height:0}.spf .spf-article__body .spf-article__sources{font-size:14px;line-height:1.6;color:var(--spf-muted-2);padding-left:20px}.spf .spf-article__body table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;border-spacing:0;margin:0;font-size:16px;line-height:1.4}.spf .spf-article__table-scroll{overflow-x:auto;max-width:100%}.spf .spf-article__table-scroll>table{display:table;overflow:visible}.spf .spf-article__body th,.spf .spf-article__body td{padding:12px 12px 12px 0;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--spf-rule-row);background:none}.spf .spf-article__body th{padding-top:10px;padding-bottom:10px;font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--spf-ink)}.spf .spf-article__body th:last-child,.spf .spf-article__body td:last-child{padding-right:0}.spf .spf-calc{background:var(--spf-ink);color:var(--spf-white);padding:28px;display:flex;flex-direction:column;gap:20px;font-size:14px;line-height:1.55}.spf .spf-calc__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.spf .spf-calc__field{display:flex;flex-direction:column;gap:8px}.spf .spf-calc__weight{font-size:20px;font-weight:800}.spf .spf-calc__range{width:100%;accent-color:var(--spf-red)}.spf .spf-calc__goals{display:flex;flex-wrap:wrap;gap:6px}.spf .spf-calc__goal{font-size:13px;font-weight:600;line-height:1.55;padding:6px 10px;cursor:pointer;border:1px solid var(--spf-btn-outline-dark);background:transparent;color:var(--spf-white);transition:background .18s,border-color .18s}.spf .spf-calc__goal:hover:not([aria-pressed=true]){border-color:var(--spf-white);background:var(--spf-rule-dark)}.spf .spf-calc__goal[aria-pressed=true]{background:var(--spf-red)}.spf .spf-calc__result{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;border-top:2px solid var(--spf-rule-dark);padding-top:16px}.spf .spf-calc__grams{font-size:clamp(48px,6vw,80px);font-weight:800;line-height:1;color:var(--spf-red)}.spf .spf-calc__text{font-size:16px}.spf .spf-product-box{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:center;border:2px solid var(--spf-ink);padding:16px;font-size:15px;line-height:1.55}.spf .spf-product-box__tile{aspect-ratio:4 / 5;position:relative;overflow:hidden;background:var(--spf-ink);color:var(--spf-white);padding:12px;display:flex;flex-direction:column;justify-content:flex-end}.spf .spf-product-box__tile-img{position:absolute;top:0;right:0;bottom:46%;left:0;background:var(--spf-surface)}.spf .spf-product-box__tile-img img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.spf .spf-product-box__tile-title{position:relative;font-size:18px;font-weight:800;line-height:.95;text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.spf .spf-product-box__tile-stat{position:relative;font-size:18px;font-weight:800;color:var(--spf-red);margin-top:6px}.spf .spf-product-box__body{display:flex;flex-direction:column;gap:8px;min-width:0}.spf .spf-product-box__label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--spf-muted)}.spf .spf-product-box__title{font-size:20px;font-weight:800;line-height:1.2}.spf .spf-product-box .spf-btn{align-self:flex-start}.spf .spf-article__comments{margin-top:48px;border-top:2px solid var(--spf-ink);padding-top:24px;display:flex;flex-direction:column;gap:20px;font-size:16px}.spf .spf-article__comments-title{font-size:24px}.spf .spf-article__comments-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.spf .spf-article__comment{border-bottom:1px solid var(--spf-rule-row);padding-bottom:20px}.spf .spf-article__comment-meta{font-size:13px;color:var(--spf-muted);margin-top:8px}.spf .spf-article__comments-note{font-weight:600}.spf .spf-article__comments-pager{display:flex;gap:24px;font-size:14px}.spf .spf-article__comments-form{display:flex;flex-direction:column;gap:12px;max-width:520px}.spf .spf-article__comments-form label{display:flex;flex-direction:column;gap:6px;font-size:14px}.spf .spf-article__comments-form textarea.spf-input{min-height:120px;resize:vertical}.spf .spf-article__comments-form .spf-btn{align-self:flex-start}.spf .spf-article__comments .errors{margin:0;color:var(--spf-red-dark);font-size:14px}.spf .spf-related{background:var(--spf-surface);border-top:2px solid var(--spf-ink);padding:clamp(48px,6vw,80px) var(--spf-gutter);display:flex;flex-direction:column;gap:28px}.spf .spf-related__heading{font-size:clamp(28px,3vw,40px)}.spf .spf-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px}.spf a.spf-related__card{text-decoration:none;color:inherit;border-top:2px solid var(--spf-ink);padding-top:16px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,transform .28s var(--spf-ease)}.spf a.spf-related__card:hover{border-top-color:var(--spf-red);transform:translateY(-4px)}.spf .spf-related__kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--spf-red-dark)}.spf .spf-related__title{font-size:22px;font-weight:800;line-height:1.15}@media(prefers-reduced-motion:reduce){.spf a.spf-related__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/spf-article.css.map */