.article{padding-top:var(--article-pt, 40px);padding-bottom:var(--article-pb, 64px)}.article__progress{position:fixed;inset:0 0 auto 0;height:3px;background:transparent;z-index:20;pointer-events:none}.article__progress span{display:block;height:100%;width:0;background:var(--color-accent);transition:width 80ms linear}.article__layout{display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:1fr}@media(min-width:990px){.article__layout{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}.article__layout--wide{grid-template-columns:minmax(0,760px);justify-content:center}}.article__main{min-width:0}.article__back{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--color-text-subdued);text-decoration:none;margin-bottom:12px}.article__back svg{width:16px;height:16px}.article__back:hover{color:var(--color-accent-strong)}.article__title{font-size:var(--text-h1);line-height:1.15;margin:0 0 16px}.article__meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:16px}.article__meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--color-text-subdued);font-size:var(--text-sm)}.article__meta-item{display:inline-flex;align-items:center;gap:6px}.article__meta-item svg{width:16px;height:16px}.article__meta-item--author{color:var(--color-text)}.article__by{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.article__avatar{flex:0 0 auto;width:44px;height:44px;border-radius:50%;overflow:hidden}.article__avatar img{width:100%;height:100%;object-fit:cover}.article__avatar--inline{width:22px;height:22px}.article__by-text{display:flex;flex-direction:column;gap:2px}.article__author{font-weight:600}.article__credential{font-weight:400;color:var(--color-text-subdued)}.article__reviewer{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--color-text-subdued)}.article__reviewer svg{width:15px;height:15px;color:var(--color-accent-strong)}.article__share{display:flex;align-items:center;gap:8px}.article__share-label{font-size:var(--text-sm);color:var(--color-text-subdued)}.article__share-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:50%;font-size:var(--text-sm);font-weight:600;text-decoration:none;color:var(--color-text)}.article__share-link:hover{border-color:var(--color-accent);color:var(--color-accent-strong)}.article__takeaways{margin:28px 0;padding:22px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-small)}.article__takeaways-title{display:flex;align-items:center;gap:8px;font-size:var(--text-lg);margin:0 0 10px}.article__takeaways-title svg{width:20px;height:20px;color:var(--color-accent-strong)}.article__takeaways .rte :is(ul,ol){margin:0;padding-left:1.2em}.article__takeaways .rte li{margin-bottom:6px}.article__takeaways--empty{border-left-color:var(--color-border)}.article__hero{margin:0 0 24px}.article__hero img{width:100%;height:auto;border-radius:var(--radius)}.article__hero--placeholder{display:grid;place-items:center;gap:10px;aspect-ratio:16 / 9;border-radius:var(--radius);color:var(--color-accent-strong);background:radial-gradient(130% 130% at 50% 0%,color-mix(in srgb,var(--color-accent) 22%,var(--color-surface)),var(--color-surface));border:1px solid var(--color-border)}.article__hero-ph-mark svg{width:56px;height:56px;opacity:.6}.article__hero-ph-label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subdued)}.article__body hr{display:none}.article__body{font-size:var(--text-lg);line-height:1.7}.article__body :is(h2,h3){scroll-margin-top:calc(var(--header-height, 96px) + 16px)}.article__body h2{border-top:1px solid var(--color-border);margin-top:1.5em;padding-top:1em;color:var(--color-accent)}.article__toc{padding:18px 20px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface)}.article__toc--mobile{margin:0 0 24px}@media(min-width:990px){.article__toc--mobile{display:none}}@media(max-width:989px){.article__toc--desktop{display:none}}.article__toc-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subdued)}.article__toc-summary::-webkit-details-marker{display:none}.article__toc-summary svg{width:18px;height:18px;flex:0 0 auto;transition:transform var(--duration) var(--ease)}.article__toc--mobile[open] .article__toc-summary svg{transform:rotate(180deg)}.article__toc--mobile[open] .article__toc-list{margin-top:12px}.article__toc-title{font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subdued);margin:0 0 10px}.article__toc--desktop .article__toc-list{max-height:45vh;overflow-y:auto}.article__toc-list{margin:0;padding:0;list-style:none;counter-reset:toc}.article__toc-list li{margin:0}.article__toc-list li[data-level="3"]{padding-left:16px}.article__toc-list a{display:block;font-size:var(--text-sm);color:var(--color-text-subdued);text-decoration:none;border-left:2px solid transparent;padding:5px 0 5px 10px;margin-left:-12px}.article__toc-list a:hover{color:var(--color-text)}.article__toc-list a.is-active{color:var(--color-accent-strong);border-left-color:var(--color-accent);font-weight:600}.article-promo{display:flex;gap:18px;align-items:center;margin:32px 0;padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.article-promo__media{flex:0 0 40%;max-width:220px;border-radius:var(--radius-small);overflow:hidden}.article-promo__media img{width:100%;height:auto;display:block}.article-promo__body{min-width:0}.article-promo__eyebrow{font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-strong);margin:0 0 4px}.article-promo__title{font-size:var(--text-lg);margin:0 0 6px}.article-promo__title a{text-decoration:none;color:inherit}.article-promo__cta{margin-top:12px}@media(max-width:749px){.article-promo{flex-direction:column;align-items:stretch;text-align:left}.article-promo__media{max-width:none}}.article__author-card{display:flex;gap:16px;margin:40px 0;padding:22px 24px;border:1px solid var(--color-border);border-radius:var(--radius)}.article__author-card-avatar{flex:0 0 auto;width:72px;height:72px;border-radius:50%;overflow:hidden}.article__author-card-avatar img{width:100%;height:100%;object-fit:cover}.article__author-card-name{font-weight:600;margin:0 0 6px}.article__related{margin-top:48px}.article__related-title{font-size:var(--text-h2);margin:0 0 20px}.article__related-grid{display:grid;gap:20px;grid-template-columns:1fr;margin:0;padding:0;list-style:none}@media(min-width:600px){.article__related-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.article__related-grid{grid-template-columns:repeat(3,1fr)}}.article-rel-card__media{display:block;border-radius:var(--radius-small);overflow:hidden;margin-bottom:10px}.article-rel-card__media img{width:100%;height:auto;display:block;aspect-ratio:16 / 10;object-fit:cover}.article-rel-card__media--placeholder{display:grid;place-items:center;aspect-ratio:16 / 10;color:var(--color-accent-strong);background:radial-gradient(130% 130% at 50% 0%,color-mix(in srgb,var(--color-accent) 22%,var(--color-surface)),var(--color-surface))}.article-rel-card__media--placeholder svg{width:22%;max-width:48px;height:auto;opacity:.55}.article-rel-card__title{font-size:var(--text-lg);margin:0 0 4px;line-height:1.3;font-weight:700}.article-rel-card__title a{color:var(--color-accent-strong);text-decoration:none}.article-rel-card__title a:hover{text-decoration:underline;text-underline-offset:2px}.article-rel-card__meta{font-size:var(--text-xs);margin:0 0 6px}.article-rel-card__excerpt{font-size:var(--text-sm);margin:0;color:var(--color-text-subdued)}.hovercard{position:fixed;z-index:60;width:450px;max-width:calc(100vw - 16px);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 12px 32px #00000024;overflow:hidden;opacity:0;transform:translateY(4px);transition:opacity .14s var(--ease),transform .14s var(--ease);pointer-events:none}.hovercard.is-visible{opacity:1;transform:none;pointer-events:auto}.hovercard__link{display:flex;text-decoration:none;color:inherit;flex-direction:row}.hovercard__media{display:block;aspect-ratio:var(--card-aspect, 1 / 1);background:var(--color-surface);width:180px}.hovercard__media img{width:100%;height:100%;object-fit:cover;display:block}.hovercard__body{display:flex;padding:12px 14px 14px;flex-wrap:wrap;flex:1 1 auto;width:80%}.hovercard__title{display:block;font-weight:600;font-size:var(--text-base);line-height:1.3;margin-bottom:4px}.hovercard__price{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-accent-strong);margin-bottom:6px}.hovercard__price del{color:var(--color-text-subdued);font-weight:400;margin-left:6px}.hovercard__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-sm);color:var(--color-text-subdued)}@media(prefers-reduced-motion:reduce){.hovercard{transition:opacity 1ms linear;transform:none}}.article__comments{margin-top:48px;padding-top:32px;border-top:1px solid var(--color-border)}.article__comment{padding:14px 0;border-bottom:1px solid var(--color-border)}.article__aside-sticky{display:grid;gap:24px}@media(min-width:990px){.article__aside-sticky{position:sticky;top:130px}}.article__deal{padding:20px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-align:center}.article__deal-eyebrow{font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-strong);margin:0 0 12px}.article__deal-media{display:block;margin:0 0 12px;border-radius:var(--radius-small);overflow:hidden}.article__deal-media img{width:100%;height:auto;display:block}.article__deal-title{font-size:var(--text-base);margin:0 0 6px}.article__deal-title a{text-decoration:none;color:inherit}.article__deal-cta{width:100%;margin-top:14px}.article__topreads{padding:20px;border:1px solid var(--color-border);border-radius:var(--radius)}.article__topreads-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subdued);margin:0 0 12px}.article__topreads ul{margin:0;padding:0;list-style:none}.article__topreads li{border-top:1px solid var(--color-border)}.article__topreads li:first-child{border-top:0}.article__topreads a{display:flex;align-items:flex-start;gap:8px;padding:10px 0;font-size:var(--text-sm);line-height:1.35;text-decoration:none;color:var(--color-text)}.article__topreads a svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px;color:var(--color-accent-strong)}.article__topreads a:hover{color:var(--color-accent-strong)}.article-faq__item{margin-bottom:.6rem;border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-bg);overflow:hidden}.article-faq__q{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;list-style:none}.article-faq__q::-webkit-details-marker{display:none}.article-faq__q>h3{margin:0;border:0;padding:0;font-size:var(--text-md, 1rem);font-weight:500;line-height:1.4;color:inherit}.article-faq__q svg{width:20px;height:20px;flex:none;color:var(--color-accent);transition:transform var(--duration, .2s) var(--ease)}.article-faq__item[open] .article-faq__q svg{transform:rotate(180deg)}.article-faq__q:hover{color:var(--color-accent)}.article-faq__a{padding:0 1.1rem 1.1rem;line-height:1.65;color:var(--color-text-subdued)}.article-faq__a>:first-child{margin-top:0}.article-faq__a>:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.article-faq__q svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/180/assets/section-article.css.map?cb=27448 */