.blog-article{--article-paper:#f2ebdb;--article-card:#f7f2e8;--article-ink:#1b1612;--article-muted:#574a3b;--article-rule:#dccaab;--article-accent:#922b1d;--article-ui:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--article-paper);color:var(--article-ink)}.blog-article .article-header{border-color:var(--article-rule);background:0 0}.blog-article .article-header-container{padding-block-start:24px;padding-block-end:28px}.blog-article .article-header nav{font:11px/1.7 var(--article-ui);margin-bottom:16px}.blog-article .article-header-container>a{font:12px/1.5 var(--article-ui);margin-bottom:18px}.blog-article .article-meta{font-family:var(--article-ui);gap:10px 18px;margin-bottom:16px;font-size:11px}.blog-article .article-meta>span:first-child{background:var(--article-accent);border-radius:5px;padding:6px 11px}.blog-article .article-header h1{max-width:860px;font-family:var(--font-playfair),Georgia,serif;letter-spacing:-.02em;text-wrap:balance;margin-bottom:16px;font-size:max(36px,min(3.7vw,50px));font-weight:500;line-height:1.07}.blog-article .article-header-container>p{max-width:800px;font:14px/1.85 var(--article-ui);color:var(--article-muted);margin-bottom:18px}.blog-article .article-cover{padding-block-start:24px;padding-block-end:0}.blog-article .article-cover>div{background:var(--article-card);border-radius:10px}.blog-article .article-body{padding-block-start:30px;padding-block-end:48px}.blog-article .article-content-layout{justify-content:center;gap:32px}.blog-article :-webkit-any(.article-products-sidebar,.article-toc-sidebar){width:200px}.blog-article :-moz-any(.article-products-sidebar,.article-toc-sidebar){width:200px}.blog-article :is(.article-products-sidebar,.article-toc-sidebar){width:200px}.blog-article .article-reading-column{min-width:0}.blog-article .prose{overflow-wrap:anywhere;font-size:18px;line-height:1.8}.blog-article .prose :-webkit-any(p,li){color:var(--article-muted)}.blog-article .prose :-moz-any(p,li){color:var(--article-muted)}.blog-article .prose :is(p,li){color:var(--article-muted)}.blog-article .prose h2{font-family:var(--font-playfair),Georgia,serif;color:var(--article-ink);margin-top:36px;margin-bottom:14px;font-size:30px;font-weight:600;line-height:1.2}.blog-article .prose:first-child h2:first-child{margin-top:0}.blog-article .prose p{margin-block-start:0;margin-block-end:18px;line-height:1.8}.blog-article .prose a{color:var(--article-accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.blog-article :-webkit-any(a,button):focus-visible{outline:2px solid var(--article-accent);outline-offset:4px}.blog-article :-moz-any(a,button):focus-visible{outline:2px solid var(--article-accent);outline-offset:4px}.blog-article :is(a,button):focus-visible{outline:2px solid var(--article-accent);outline-offset:4px}.blog-article #article-choice{scroll-margin-top:96px}.blog-article #article-choice>section{border-color:var(--article-rule);background:var(--article-card);border-radius:10px;margin-block-start:28px;margin-block-end:36px;padding:24px}.blog-article .article-consumption-image{float:right;object-fit:contain;mix-blend-mode:multiply;border-radius:6px;width:110px;height:110px;margin:0 0 16px 18px}.blog-article #article-choice section>span{font-family:var(--article-ui);color:var(--article-accent);letter-spacing:.13em;font-size:10px}.blog-article #article-choice h2{font-size:28px;font-weight:500;line-height:1.15}.blog-article #article-choice section>p{color:var(--article-muted);font:12px/1.8 var(--article-ui)}.blog-article #article-choice dl{clear:both;gap:10px;padding-top:6px}.blog-article #article-choice dl>div{background:var(--article-paper);border-color:var(--article-rule);border-radius:7px;padding:14px 12px}.blog-article #article-choice dt{font:10px/1.5 var(--article-ui);color:var(--article-muted)}.blog-article #article-choice dd{font:600 22px/1.35 var(--article-ui)}.blog-article #article-choice dd>span{margin-left:4px;font-size:11px;display:inline-block}.blog-article #article-choice dl p{font:11px/1.65 var(--article-ui)}.blog-article #article-choice section>.flex{gap:10px}.blog-article #article-choice a{min-height:46px;font:500 12px/1.5 var(--article-ui);text-align:center;border-radius:6px;justify-content:center;padding:12px 16px}.blog-article #article-choice a:first-child{background:var(--article-accent);color:#fff9ef}.blog-article #article-choice a:last-child{border-color:var(--article-rule);color:var(--article-ink)}.blog-article .article-products-sidebar{font-family:var(--article-ui)}.blog-article .article-products-sidebar h3{font:600 13px/1.5 var(--article-ui)}.blog-article .article-products-sidebar h4{font:500 13px/1.5 var(--article-ui)}.blog-article .article-products-sidebar article{background:var(--article-card);border-color:var(--article-rule);border-radius:8px}.blog-article .article-products-sidebar article img{mix-blend-mode:multiply}.blog-article .article-products-sidebar article .relative{background:var(--article-card)}.blog-article .article-products-sidebar aside>a{background:var(--article-card);border:1px solid var(--article-rule);border-radius:6px;font-size:12px}.blog-article .article-toc-sidebar{font-family:var(--article-ui);font-size:12px}.blog-article .article-toc-sidebar a{font-size:11px;line-height:1.65}.blog-article .article-footer-products{background:var(--article-card);border-color:var(--article-rule)}.blog-article .article-footer-products .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),min(100%,350px)))}.blog-article .article-footer-products .grid:has(>:only-child){grid-template-columns:minmax(0,350px)}.blog-article .article-footer-products .catalog-card{border-color:var(--article-rule);border-radius:9px}@media (max-width:1279px){.blog-article :-webkit-any(.article-header-container,.article-cover){max-width:816px}.blog-article :-moz-any(.article-header-container,.article-cover){max-width:816px}.blog-article :is(.article-header-container,.article-cover){max-width:816px}.blog-article .article-body{max-width:816px}}@media (max-width:600px){.blog-article .article-header-container{padding:16px 20px 22px}.blog-article .article-header-container>a{margin-bottom:14px}.blog-article .article-header nav{margin-bottom:12px;font-size:10px}.blog-article .article-meta{gap:8px 12px;margin-bottom:14px;font-size:10px}.blog-article .article-header h1{font-size:max(32px,min(9vw,40px));line-height:1.1}.blog-article .article-header-container>p{margin-bottom:14px;font-size:12px;line-height:1.8}.blog-article .article-cover{padding:20px 20px 0}.blog-article .article-body{padding:20px 20px 32px}.blog-article .article-body>div:first-child>button{border-color:var(--article-rule);background:var(--article-card);min-height:46px;font:500 13px/1.5 var(--article-ui);border-radius:6px}.blog-article .prose{font-size:17px;line-height:1.75}.blog-article .prose h2{margin-top:30px;font-size:28px}.blog-article .prose p{margin-bottom:16px;line-height:1.75}.blog-article #article-choice>section{padding:18px}.blog-article .article-consumption-image{width:64px;height:64px;margin-left:12px}.blog-article #article-choice h2{font-size:26px}.blog-article #article-choice dl{grid-template-columns:1fr;gap:8px}.blog-article #article-choice dl>div{grid-template-columns:1fr auto;gap:4px 10px;padding:12px;display:grid}.blog-article #article-choice dt{align-self:center;font-size:10px}.blog-article #article-choice dd{white-space:nowrap;margin:0;font-size:21px}.blog-article #article-choice dl p{grid-column:1/-1;margin-top:0}.blog-article #article-choice section>.flex{grid-template-columns:1fr;display:grid}.blog-article #article-choice a{width:100%}}.evening .blog-article{--article-paper:#1c1914;--article-card:#252017;--article-ink:#f2e6d0;--article-muted:#ccbea6;--article-rule:#534535;--article-accent:#e9a48f}.evening .blog-article #article-choice a:first-child{color:#fff9ef;background:#922b1d}.evening .blog-article .article-consumption-image{mix-blend-mode:normal;background:#f7f2e8}
.wabi-evening-toggle-wrap.wabi-evening-toggle-wrap--inline{z-index:auto;pointer-events:auto;flex-direction:row;display:inline-flex;position:static}.wabi-evening-toggle-wrap--inline .wabi-evening-toggle{min-height:40px;box-shadow:none;letter-spacing:.1em;padding:8px 12px;font-size:10px}.tech-launcher--article,.tech-launcher--article .tech-figure,.tech-launcher--article .tech-bow,.tech-launcher--article .tech-shine{animation:none}.article-sticky-cta>div{padding-bottom:max(12px,env(safe-area-inset-bottom));background:#faf7eff7;border-color:#ddd5c6}.article-sticky-cta a{background:#282922;border-radius:4px;font-weight:500}.article-sticky-cta a:hover{background:#444539}.article-sticky-cta button{border-radius:4px}.evening .article-sticky-cta>div{background:#1e1a14f7;border-color:#e8dec933}.evening .article-sticky-cta a{color:#1e1a14;background:#e8dec9}.evening .article-sticky-cta a:hover{background:#f2ebdd}.evening .article-sticky-cta button{color:#e8dec9;border-color:#e8dec940}@media (max-width:1023px){.tech-launcher.tech-launcher--article{bottom:max(18px,env(safe-area-inset-bottom));border-radius:14px;width:52px;height:52px;padding:0;left:16px;transform:none}.tech-launcher--article .tech-figure{width:36px;height:44px;bottom:4px;left:8px}.tech-launcher--article .tech-launcher-label,.tech-launcher--article .tech-shine{display:none}body:has(.article-sticky-cta) .tech-launcher--article{display:none}}
.blog-article .article-related{font-family:var(--article-ui);border-top:1px solid var(--article-rule);margin:36px 0;padding-top:26px}.blog-article .article-related-eyebrow{color:var(--article-accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.blog-article .article-related-eyebrow svg{width:16px;height:16px}.blog-article .article-related h2{color:var(--article-ink);font-family:var(--font-playfair),Georgia,serif;margin:10px 0 20px;font-size:max(25px,min(3vw,32px));font-weight:500;line-height:1.2}.blog-article .article-related-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.blog-article .article-related-list li{min-width:0}.blog-article .article-related-link{border:1px solid var(--article-rule);background:var(--article-card);height:100%;color:var(--article-ink);border-radius:8px;flex-direction:column;justify-content:space-between;padding:18px;text-decoration:none;transition:border-color .2s,background-color .2s;display:flex}.blog-article .article-related-link:hover{border-color:var(--article-accent);background:var(--article-paper)}.blog-article .article-related-link:focus-visible{outline:2px solid var(--article-accent);outline-offset:3px}.blog-article .article-related-name{overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.45;display:block}.blog-article .article-related-excerpt{-webkit-line-clamp:3;color:var(--article-muted);-webkit-box-orient:vertical;margin-top:10px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-article .article-related-action{color:var(--article-accent);justify-content:space-between;align-items:center;gap:8px;margin-top:20px;font-size:12px;font-weight:600;display:flex}.blog-article .article-related-action svg{flex-shrink:0;width:16px;height:16px}@media (max-width:640px){.blog-article .article-related{margin:28px 0;padding-top:24px}.blog-article .article-related-list{grid-template-columns:minmax(0,1fr);gap:10px}.blog-article .article-related-link{padding:16px}.blog-article .article-related-excerpt{-webkit-line-clamp:2;margin-top:6px}.blog-article .article-related-action{margin-top:12px}}
