.guide-article-v2{--article-ink:#241b13;--article-muted:#655b50;--article-paper:#f7f6f3;--article-white:#fff;--article-yellow:#f4c97e;--article-soft:#f7edd9;--article-rule:#ded8ce;--article-button:#242321;--article-focus:#2454ad;--article-radius:20px;background:var(--article-paper);color:var(--article-ink)}.guide-article-v2 :is(h1,h2,h3){font-family:var(--font-display),"Averia Serif Libre",serif;font-weight:700;letter-spacing:-.025em}.guide-article-v2 :is(a,button,summary):focus-visible{outline:2px solid var(--article-focus);outline-offset:4px}.guide-article-v2 .guide-article-head{max-width:1456px;margin:auto;padding:0 var(--g-gutter) 48px;background:transparent}.guide-article-v2 .guide-crumb{max-width:none;min-height:72px;margin:0;gap:10px;font-size:12px}.guide-article-v2 .guide-crumb a{min-height:44px;white-space:nowrap}.guide-article-v2 .guide-article-hero{display:grid;gap:20px;align-items:stretch}.guide-article-v2 .guide-article-hero-photo{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.guide-article-v2 .guide-article-introduction{min-width:0;padding:36px 36px 32px;background:var(--article-yellow);border-radius:var(--article-radius);display:flex;flex-direction:column;justify-content:space-between;gap:32px}.guide-article-v2 .guide-article-hero-text .guide-article-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);align-items:center;gap:60px;padding:44px}.guide-article-v2 .guide-kicker{font-size:13px;margin:0 0 16px;color:var(--article-ink);font-weight:500}.guide-article-v2 .guide-article-head h1{max-width:24ch;font-size:clamp(42px,4.3vw,66px);line-height:1.05;margin:0;min-width:0;overflow-wrap:break-word}.guide-article-v2 .guide-article-byline{display:flex;gap:8px 18px;align-items:center;flex-wrap:wrap;margin-top:24px}.guide-article-v2 .guide-article-meta,.guide-article-v2 .guide-source-meta{margin:0;color:var(--article-ink);font-size:11px;line-height:1.7}.guide-article-v2 .guide-article-answer{margin:0;padding:0;background:transparent;scroll-margin-top:32px;min-width:0;max-width:70ch}.guide-article-v2 .guide-article-answer h2{font-family:inherit;font-size:13px;line-height:1.5;font-weight:600;letter-spacing:0;margin:0 0 10px}.guide-article-v2 .guide-article-answer p{font-size:16px;line-height:1.8;margin:0}.guide-article-v2 .guide-answer-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.guide-article-v2 .guide-answer-shortcuts a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:100px;background:var(--article-button);color:var(--article-white);font-size:12px;font-weight:500;white-space:nowrap}.guide-article-v2 .guide-opening-photo{margin:0;position:relative;min-width:0;width:100%;min-height:440px;overflow:hidden;border-radius:var(--article-radius);background:var(--article-soft)}.guide-article-v2 .guide-opening-photo>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.guide-article-v2 .guide-opening-photo figcaption{position:absolute;bottom:18px;left:18px;right:18px;width:fit-content;max-width:calc(100% - 36px);padding:10px 14px;border-radius:12px;background:var(--article-white);color:var(--article-ink);font-size:11px;line-height:1.6}.guide-article-v2 .guide-facts{max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:28px 32px;margin:20px 0 0;background:var(--article-white);border:0;border-radius:var(--article-radius)}.guide-article-v2 .guide-facts>div{min-width:0}.guide-article-v2 .guide-facts dt{font-size:12px;margin:0 0 8px;color:var(--article-muted)}.guide-article-v2 .guide-facts dd{font-size:16px;font-weight:500;line-height:1.65;margin:0;overflow-wrap:break-word}.guide-article-v2 .guide-reading-layout{max-width:1200px;grid-template-columns:210px minmax(0,70ch);gap:64px;padding:0 var(--g-gutter) 40px;margin-inline:auto}.guide-article-v2 .guide-reading-content{min-width:0}.guide-article-v2 .guide-reader-sticky{top:24px;padding:18px 6px 0 0;border-top:1px solid var(--article-rule)}.guide-article-v2 .guide-reader h2{font-family:inherit;font-size:13px;letter-spacing:0;margin-bottom:14px}.guide-article-v2 .guide-reader li>a{border-radius:8px;padding:9px 10px;font-size:12px;line-height:1.6;color:var(--article-muted)}.guide-article-v2 .guide-reader li>a[aria-current=location]{background:var(--article-soft);color:var(--article-ink);font-weight:600}.guide-article-v2 .guide-save-status{display:block}.guide-article-v2 .guide-save-article{border-radius:100px;font-size:12px;min-height:44px;padding:10px;border-color:var(--article-rule);background:var(--article-white)}.guide-article-v2 .guide-save-article[aria-pressed=true]{background:var(--article-yellow);color:var(--article-ink);border-color:var(--article-yellow)}.guide-article-v2 .guide-original-intro{font-size:16px;line-height:1.85;margin:0 0 32px;color:var(--article-muted)}.guide-article-v2 .guide-prose{font-size:16px;line-height:1.85;max-width:70ch}.guide-article-v2 .guide-prose>div{max-width:none}.guide-article-v2 .guide-prose h2{font-size:36px;line-height:1.16;margin-top:52px;scroll-margin-top:32px}.guide-article-v2 .guide-prose h2:first-child{margin-top:0}.guide-article-v2 .guide-prose h3{font-size:27px;line-height:1.25;margin-top:32px}.guide-article-v2 .guide-prose a{color:var(--article-ink);text-decoration-thickness:1px;text-underline-offset:4px}.guide-article-v2 .guide-prose :is(.wga-callout,.wga-note,.wga-skel,blockquote){background:var(--article-soft);border-radius:16px;padding:28px}.guide-article-v2 .guide-prose .wga-warning{border:0;background:var(--article-soft);border-radius:16px}.guide-article-v2 .guide-prose .wga-skel-bar{background:var(--article-ink)}.guide-article-v2 .guide-prose table{border-radius:12px;margin-block:28px;width:100%;background:var(--article-white)}.guide-article-v2 .guide-prose th{background:var(--article-soft)}.guide-article-v2 .guide-prose th,.guide-article-v2 .guide-prose td{padding:14px 12px;min-width:100px;overflow-wrap:anywhere;border-color:var(--article-rule)}.guide-article-v2 .guide-prose details{padding-block:14px;border-color:var(--article-rule)}.guide-article-v2 .guide-prose summary{min-height:44px;align-content:center;padding-right:8px}.guide-article-v2 .guide-prose img{border-radius:var(--article-radius)}.guide-article-v2 .guide-article-products{padding:0;background:transparent;margin:0 0 44px}.guide-article-v2 .guide-prose+.guide-article-products{margin-top:44px}.guide-article-v2 .guide-product-kicker{font-size:12px;margin:0 0 8px;color:var(--article-muted)}.guide-article-v2 .guide-article-products>h2{font-size:34px;line-height:1.12;margin:0 0 22px;max-width:25ch}.guide-article-v2 .guide-product-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.guide-article-v2 .guide-product-grid-many{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-article-v2 .guide-article-product{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);align-items:stretch;gap:0;background:var(--article-white);border-radius:22px;overflow:hidden}.guide-article-v2 .guide-product-maker{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-height:70px;padding:14px 18px;border-bottom:1px solid var(--article-rule);color:var(--article-ink)}.guide-article-v2 .guide-product-maker img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:48% 35%;flex:none}.guide-article-v2 .guide-product-maker>span{flex:1}.guide-article-v2 .guide-product-maker strong{display:block;font-size:13px;font-weight:600;line-height:1.4}.guide-article-v2 .guide-product-maker small{display:block;font-size:11px;line-height:1.5;margin-top:2px;color:var(--article-muted)}.guide-article-v2 .guide-product-photo{min-width:0;margin:12px 0 12px 12px;display:grid;place-items:center;border-radius:16px;background:var(--article-paper);padding:12px 6px;min-height:230px}.guide-article-v2 .guide-product-photo img{width:100%;height:220px;object-fit:contain;mix-blend-mode:multiply}.guide-article-v2 .guide-product-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:26px 24px}.guide-article-v2 .guide-product-copy h3{font-size:29px;line-height:1.17;margin:0;overflow-wrap:break-word}.guide-article-v2 .guide-product-copy p{font-size:12px;line-height:1.7;margin:12px 0 22px;color:var(--article-muted)}.guide-article-v2 .guide-product-copy>a{font-size:12px;font-weight:600;color:var(--article-white);background:var(--article-button);display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:100px;white-space:nowrap}.guide-article-v2 .guide-product-grid-many .guide-article-product{grid-template-columns:90px minmax(0,1fr)}.guide-article-v2 .guide-product-grid-many .guide-product-photo img{height:175px}.guide-article-v2 .guide-product-grid-many .guide-product-photo{min-height:200px}.guide-article-v2 .guide-product-grid-many .guide-product-copy{padding:20px 14px}.guide-article-v2 .guide-product-grid-many .guide-product-copy h3{font-size:23px}.guide-article-v2 .guide-product-grid-many .guide-product-copy>a{padding-inline:12px;font-size:11px}.guide-article-v2 .guide-author{margin:40px 0 0;padding:24px 0;border-top:1px solid var(--article-rule);max-width:none;font-size:13px}.guide-article-v2 .guide-author p{font-size:13px;line-height:1.8;margin-bottom:0}.guide-article-v2 .guide-next{max-width:1456px;padding-top:48px;padding-bottom:56px}.guide-article-v2 .guide-next h2{font-size:42px}.guide-article-v2 .guide-section-heading>a{font-weight:500}.guide-article-v2 .guide-related{gap:20px}.guide-article-v2 .guide-related>a{background:var(--article-white);border:0;border-radius:var(--article-radius);padding:28px;min-height:210px}.guide-article-v2 .guide-related h3{font-size:30px;line-height:1.15;overflow-wrap:anywhere;min-width:0}.guide-article-v2 .guide-related span{font-size:12px}.guide-article-v2 .guide-closing{max-width:calc(1456px - var(--g-gutter)*2);margin-inline:auto;background:var(--article-yellow);border-radius:var(--article-radius);padding:44px}.guide-article-v2 .guide-closing>a{background:var(--article-button);color:var(--article-white)}.guide-screenreader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover){.guide-article-v2 .guide-product-maker:hover strong{text-decoration:underline}.guide-article-v2 .guide-product-copy>a:hover,.guide-article-v2 .guide-answer-shortcuts a:hover{background:var(--article-ink)}}@media(max-width:1100px){.guide-article-v2 .guide-article-introduction{padding:28px}.guide-article-v2 .guide-article-hero-text .guide-article-introduction{padding:36px;gap:36px}.guide-article-v2 .guide-reading-layout{grid-template-columns:180px minmax(0,70ch);gap:36px}.guide-article-v2 .guide-closing{margin-inline:var(--g-gutter)}.guide-article-v2 .guide-product-grid-many{grid-template-columns:minmax(0,1fr)}.guide-article-v2 .guide-product-grid-many .guide-article-product{grid-template-columns:minmax(100px,.6fr) minmax(0,1.4fr)}.guide-article-v2 .guide-product-grid-many .guide-product-copy h3{font-size:27px}}@media(max-width:850px){.guide-article-v2 .guide-article-hero-photo{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.guide-article-v2 .guide-article-head h1{font-size:42px}.guide-article-v2 .guide-article-answer p{font-size:15px}.guide-article-v2 .guide-article-hero-text .guide-article-introduction{grid-template-columns:minmax(0,1fr);gap:26px}.guide-article-v2 .guide-opening-photo{min-height:440px}.guide-article-v2 .guide-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.guide-article-v2 .guide-related h3{font-size:27px}}@media(max-width:760px){.guide-article-v2 .guide-article-head{padding-bottom:32px}.guide-article-v2 .guide-crumb{min-height:64px;gap:8px;font-size:11px}.guide-article-v2 .guide-article-hero{grid-template-columns:minmax(0,1fr);gap:16px}.guide-article-v2 .guide-article-introduction,.guide-article-v2 .guide-article-hero-text .guide-article-introduction{padding:28px;gap:26px}.guide-article-v2 .guide-article-head h1{font-size:clamp(38px,7vw,52px);max-width:26ch}.guide-article-v2 .guide-kicker{font-size:12px;margin-bottom:14px}.guide-article-v2 .guide-article-byline{margin-top:20px;gap:6px 14px}.guide-article-v2 .guide-opening-photo{min-height:280px;aspect-ratio:1.75}.guide-article-v2 .guide-opening-photo figcaption{left:14px;bottom:14px;right:14px;font-size:10px;max-width:calc(100% - 28px)}.guide-article-v2 .guide-facts{padding:24px;gap:20px;margin-top:16px}.guide-article-v2 .guide-facts dd{font-size:15px}.guide-article-v2 .guide-reading-layout{display:block;padding-top:0;padding-bottom:24px}.guide-article-v2 .guide-reader{margin-bottom:32px}.guide-article-v2 .guide-reader-sticky{border:0;padding:0}.guide-article-v2 .guide-toc-mobile{padding-block:14px}.guide-article-v2 .guide-toc-mobile>summary{min-height:32px;align-content:center}.guide-article-v2 .guide-reader ol{margin-top:12px}.guide-article-v2 .guide-reader li>a{padding:12px 10px;min-height:44px}.guide-article-v2 .guide-save-article{margin-block:16px 10px;padding-inline:18px}.guide-article-v2 .guide-save-status:empty{margin:0}.guide-article-v2 .guide-original-intro,.guide-article-v2 .guide-prose{font-size:15px}.guide-article-v2 .guide-prose h2{font-size:32px;margin-top:42px}.guide-article-v2 .guide-article-products{margin-bottom:36px}.guide-article-v2 .guide-product-copy{padding:22px}.guide-article-v2 .guide-next{padding-top:28px;padding-bottom:36px}.guide-article-v2 .guide-next h2{font-size:36px}.guide-article-v2 .guide-next .guide-section-heading>a{margin-top:10px}.guide-article-v2 .guide-related{gap:16px;grid-template-columns:minmax(0,1fr)}.guide-article-v2 .guide-related>a{min-height:0;min-width:0;padding:24px;gap:14px;grid-template-columns:minmax(0,1fr) auto}.guide-article-v2 .guide-related h3{font-size:28px}.guide-article-v2 .guide-closing{margin-bottom:36px;padding:32px 28px}}@media(max-width:480px){.guide-article-v2 .guide-article-introduction,.guide-article-v2 .guide-article-hero-text .guide-article-introduction{padding:24px;gap:24px}.guide-article-v2 .guide-article-head h1{font-size:37px}.guide-article-v2 .guide-article-answer p{font-size:14px;line-height:1.85}.guide-article-v2 .guide-article-meta,.guide-article-v2 .guide-source-meta{font-size:10px}.guide-article-v2 .guide-answer-shortcuts{gap:8px;margin-top:18px}.guide-article-v2 .guide-answer-shortcuts a{font-size:11px;padding-inline:13px}.guide-article-v2 .guide-opening-photo{min-height:240px;aspect-ratio:1.25}.guide-article-v2 .guide-facts{padding:22px;gap:18px}.guide-article-v2 .guide-facts dt{font-size:11px}.guide-article-v2 .guide-facts dd{font-size:14px}.guide-article-v2 .guide-article-products>h2{font-size:31px}.guide-article-v2 .guide-article-product,.guide-article-v2 .guide-product-grid-many .guide-article-product{grid-template-columns:84px minmax(0,1fr)}.guide-article-v2 .guide-product-maker{padding:12px;gap:10px;min-height:64px}.guide-article-v2 .guide-product-maker img{width:36px;height:36px}.guide-article-v2 .guide-product-photo{margin:10px 0 10px 10px;min-height:200px;padding-inline:2px}.guide-article-v2 .guide-product-photo img{height:185px}.guide-article-v2 .guide-product-copy,.guide-article-v2 .guide-product-grid-many .guide-product-copy{padding:20px 14px}.guide-article-v2 .guide-product-copy h3,.guide-article-v2 .guide-product-grid-many .guide-product-copy h3{font-size:23px}.guide-article-v2 .guide-product-copy p{font-size:11px;margin-block:10px 18px}.guide-article-v2 .guide-product-copy>a{padding-inline:12px;font-size:11px;gap:6px}.guide-article-v2 .guide-prose th,.guide-article-v2 .guide-prose td{padding:12px 10px;min-width:90px;font-size:12px}.guide-article-v2 .guide-prose :is(.wga-callout,.wga-note,.wga-skel,blockquote){padding:22px}.guide-article-v2 .guide-prose .wga-skel-row{grid-template-columns:60px minmax(0,1fr) 52px;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/dirt-paper-guide-article-v2-dc3ac567b7a4276d.css.map */