.article-template{padding-bottom:var(--footer-clearance)}.article-template .odd-article-head{margin-bottom:var(--space-8);line-height:normal}.article-template .article-template__title{margin:0;font-family:var(--font-sans);font-size:clamp(32px,4.2vw,var(--fs-h1));font-weight:var(--text-h1-weight);letter-spacing:var(--ls-heading);line-height:1.12;color:var(--ink);text-wrap:balance}.odd-article-head__meta{display:flex;flex-wrap:wrap;align-items:center;row-gap:var(--space-2);margin:var(--space-4) 0 0;font-family:var(--font-sans);font-size:var(--fs-caption);font-weight:var(--text-label-weight);letter-spacing:var(--ls-label);line-height:var(--lh-snug);text-transform:uppercase;color:var(--text-muted)}.odd-article-head__meta>*+*:before{content:"\b7";margin:0 var(--space-2)}.article-template .share-button__button{font-family:var(--font-sans);font-size:var(--fs-label);font-weight:var(--text-label-weight);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink)}.article-template .article-template__back{margin-top:var(--space-12);margin-bottom:0}.odd-article{--oa-copy: 100%;--oa-muted: var(--text-muted);--oa-line: var(--border-default)}.odd-article table{table-layout:auto}.odd-article img{border:0;border-radius:0;box-shadow:none;margin-bottom:0;display:block;max-width:100%;height:auto}.odd-article ul,.odd-article ol{list-style-position:outside;padding-left:var(--space-6)}.odd-article figure{margin:0}.odd-article h2{font-size:var(--fs-h2);font-weight:var(--text-heading-weight);line-height:var(--lh-snug);letter-spacing:var(--ls-heading);margin:0 0 var(--space-6);text-wrap:balance}.odd-article h3{font-size:var(--fs-h3);font-weight:var(--text-heading-weight);line-height:var(--lh-snug);letter-spacing:var(--ls-heading);margin:0 0 var(--space-3);text-wrap:balance}.odd-article p{margin:0 0 var(--space-4)}.odd-article strong{font-weight:var(--fw-semibold)}.odd-article li+li{margin-top:var(--space-2)}.odd-article [id]{scroll-margin-top:var(--space-8)}.odd-article .eyebrow{margin-bottom:var(--space-4);font-size:var(--fs-eyebrow);font-weight:var(--text-eyebrow-weight);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--ink)}.odd-article .lede{font-size:20px;color:var(--oa-muted);margin-bottom:var(--space-6)}.odd-article .freshness{color:var(--oa-muted);font-size:var(--fs-body-sm);margin:0 0 var(--space-6)}.odd-article .text-link{font-weight:var(--fw-medium)}.odd-article .section{padding-block:var(--space-8)}.odd-article .article-body>section{margin-top:var(--space-12)}.odd-article .article-body h3{margin-top:var(--space-8)}.odd-article .section__intro{margin-bottom:var(--space-8)}.odd-article .section__intro h2,.odd-article .section__intro p{margin-bottom:0}.odd-article .section__intro p{color:var(--oa-muted);margin-top:var(--space-3)}.odd-article .reading-section h3{margin-top:var(--space-8)}.odd-article .contents,.odd-article .guide-contents{border-top:1px solid var(--oa-line);border-bottom:1px solid var(--oa-line);padding-block:var(--space-4);margin-bottom:var(--space-8)}.odd-article .contents strong,.odd-article .guide-contents strong{font-size:var(--fs-body-sm)}.odd-article .contents ol,.odd-article .guide-contents ul{font-size:var(--fs-body-sm);margin:var(--space-3) 0 0}.odd-article .guide-contents ul{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-8);list-style:none;padding:0}.odd-article .guide-contents li{margin:0}.odd-article .contents a,.odd-article .guide-contents a{display:inline-block;padding-block:2px}@media screen and (min-width:750px){.odd-article .contents ol{columns:2;column-gap:var(--space-8)}.odd-article .contents li{break-inside:avoid}}.odd-article .article-figure{margin:var(--space-6) 0 var(--space-8);border:1px solid var(--oa-line);border-radius:var(--radius-lg);overflow:hidden;background:var(--cream)}.odd-article .article-figure img{width:100%;height:clamp(220px,34vw,400px);object-fit:contain}.odd-article .article-figure figcaption{padding:var(--space-3) var(--space-4);border-top:1px solid var(--oa-line);background:var(--paper);font-size:var(--fs-body-sm);color:var(--oa-muted)}.odd-article .article-figure--lead{margin-top:var(--space-4)}.odd-article .answer-box,.odd-article .note-box{border:1px solid var(--oa-line);border-radius:var(--radius-lg);padding:clamp(20px,3vw,32px);background:var(--paper)}.odd-article .note-box{background:var(--cream);margin-top:var(--space-6)}.odd-article .answer-box>:last-child,.odd-article .note-box>:last-child{margin-bottom:0}.odd-article .answer-box>strong,.odd-article .note-box>strong{display:block;margin-bottom:var(--space-3)}.odd-article .answer-box h2{margin-bottom:var(--space-3)}.odd-article .table-scroll,.odd-article .article-body .comparison-wrap{overflow-x:auto;border:1px solid var(--oa-line);border-radius:var(--radius-lg);background:var(--paper);margin-top:var(--space-6)}.odd-article table.comparison{width:100%;min-width:620px;border-collapse:collapse;text-align:left;margin:0}.odd-article .comparison caption{padding:var(--space-4);text-align:left;font-size:var(--fs-body-sm)}.odd-article .comparison th,.odd-article .comparison td{padding:var(--space-4);border-bottom:1px solid var(--oa-line);vertical-align:top}.odd-article .comparison thead{background:var(--cream)}.odd-article .comparison th{font-weight:var(--fw-medium)}.odd-article .comparison tbody tr:last-child>*{border-bottom:0}.odd-article .table-hint{display:none;margin:var(--space-6) 0 var(--space-2);font-size:var(--fs-body-sm);color:var(--oa-muted)}@media screen and (max-width:900px){.odd-article .table-hint{display:block}.odd-article .table-hint+.table-scroll,.odd-article .article-body .table-hint+.comparison-wrap{margin-top:var(--space-2)}}.odd-article .fact-grid,.odd-article .step-grid,.odd-article .decision-grid,.odd-article .product-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-block:var(--space-6);padding:0;list-style:none}.odd-article .product-grid{gap:var(--space-6)}@media screen and (min-width:600px){.odd-article .fact-grid,.odd-article .step-grid,.odd-article .decision-grid,.odd-article .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.odd-article .fact-card,.odd-article .step-card,.odd-article .decision-card{padding:var(--space-6);border:1px solid var(--oa-line);border-radius:var(--radius-lg);background:var(--paper)}.odd-article .fact-card h3,.odd-article .step-card h3,.odd-article .decision-card h3{margin-top:0}.odd-article .fact-card p,.odd-article .step-card p,.odd-article .decision-card p{margin-bottom:0}.odd-article .step-card__number,.odd-article .decision-card__mark{display:grid;place-items:center;width:36px;height:36px;margin-bottom:var(--space-4);border-radius:50%;background:var(--blush);font-size:var(--fs-body-sm)}.odd-article .product-card{overflow:hidden;border:1px solid var(--oa-line);border-radius:var(--radius-lg);background:var(--paper)}.odd-article .product-card__image{aspect-ratio:1;background:var(--cream)}.odd-article .product-card__image img{width:100%;height:100%;object-fit:contain}.odd-article .product-card__content{padding:var(--space-6);text-align:center}.odd-article .product-card h3{font-weight:var(--fw-medium)}.odd-article .product-card .eyebrow{letter-spacing:var(--ls-label)}.odd-article .product-callout{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center;padding:var(--space-6);margin-block:var(--space-6);border:1px solid var(--oa-line);border-radius:var(--radius-lg);background:var(--cream)}.odd-article .product-callout img{width:160px;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-md)}.odd-article .product-callout h3{margin-top:0}.odd-article .product-callout p:last-child{margin-bottom:0}@media screen and (min-width:600px){.odd-article .product-callout{grid-template-columns:160px minmax(0,1fr)}.odd-article .product-callout img{width:100%}}.odd-article .feature-band{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-block:var(--space-8);padding:var(--space-8);border:1px solid var(--oa-line);border-radius:var(--radius-xl);background:var(--blush)}.odd-article .feature-band>:last-child{margin-bottom:0}.odd-article .feature-list{list-style:none;padding:0;margin:0}.odd-article .feature-list li{display:flex;gap:var(--space-3);align-items:flex-start}.odd-article .feature-list__dot{width:6px;height:6px;flex:0 0 6px;margin-top:12px;border-radius:50%;background:var(--ink)}.odd-article .checklist{margin-block:var(--space-4)}.odd-article .faq details{border-top:1px solid var(--oa-line)}.odd-article .faq details:last-of-type{border-bottom:1px solid var(--oa-line)}.odd-article .faq summary{padding:var(--space-4) 4px;cursor:pointer;font-weight:var(--fw-medium)}.odd-article .faq summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.odd-article .faq details p{margin:0;padding:0 4px var(--space-6)}.odd-article .sources{font-size:var(--fs-body-sm)}.odd-article .sources a,.odd-article .related-reading a{overflow-wrap:anywhere}.odd-article .related-reading{margin-block:var(--space-12);border-top:1px solid var(--oa-line);padding-top:var(--space-8)}.odd-article .final-cta{border-radius:var(--radius-xl);padding:clamp(24px,4vw,48px);background:var(--ink);color:var(--bone);margin-top:var(--space-12)}.odd-article .final-cta h2{margin-bottom:var(--space-4)}.odd-article .final-cta>:last-child{margin-bottom:0}.odd-article .final-cta a:focus-visible{outline-color:var(--bone)}.odd-article .button{display:inline-flex;min-height:48px;max-width:100%;justify-content:center;align-items:center;margin-top:var(--space-4);border:1px solid var(--ink);border-radius:var(--radius-pill);padding:12px 24px;background:var(--ink);color:var(--bone);font-size:var(--fs-button);font-weight:var(--fw-medium);letter-spacing:var(--ls-button);text-transform:uppercase;text-align:center;text-decoration:none}.odd-article .button:hover{background:var(--clay-dark);border-color:var(--clay-dark);color:var(--paper)}.odd-article .final-cta .button,.odd-article .button--light{background:var(--bone);color:var(--ink);border-color:var(--bone)}.odd-article .final-cta .button:hover{background:var(--blush);border-color:var(--blush);color:var(--ink)}@media(prefers-reduced-motion:reduce){.odd-article *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/odd-article.css.map */