.blog-detail{--article-canvas:#f5e6d3;--article-paper:#fff;--article-ink:#3e2723;--article-muted:#735547;--article-coffee:#8b4513;--article-sage:#87a96b;--article-line:#8b45131f;isolation:isolate;background:var(--article-canvas);min-block-size:100vh;color:var(--article-ink);overflow-wrap:anywhere;position:relative;overflow:clip}.blog-detail *,.blog-detail :before,.blog-detail :after{box-sizing:border-box}.blog-detail ::selection{color:#241610;background:#d9c1a0}.blog-detail :where(a,button,summary,input,[tabindex]):focus-visible{outline:2px solid var(--article-coffee);outline-offset:5px}.blog-detail button{font:inherit;cursor:pointer}.blog-detail button:disabled{cursor:not-allowed;opacity:.4}.blog-detail svg{flex-shrink:0}.article-page-pattern{z-index:0;opacity:.2;pointer-events:none;position:fixed;inset:0}.blog-detail>article,.blog-detail>.article-container{z-index:1;position:relative}.article-container{inline-size:min(100% - 64px,1152px);margin-inline:auto}.article-visually-hidden,.article-skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.article-skip-link:focus{z-index:60;background:var(--article-paper);border-radius:16px;padding:14px 20px;position:fixed;inset-block-start:100px;inset-inline-start:24px;box-shadow:0 8px 24px #24161030}.blog-reading-progress{z-index:55;pointer-events:none;block-size:3px;position:fixed;inset:0 0 auto}.blog-reading-progress>div{transform-origin:100%;background:#87a96b;block-size:100%}.article-hero{color:#f5e6d3;background:linear-gradient(120deg,#2e1b12,#3e2723 55%,#4e342e);padding-block:128px 88px;position:relative;overflow:hidden}.article-cover{border:1px solid var(--article-line);background:var(--article-paper);border-radius:28px;margin-block:32px 0;position:relative;overflow:hidden;box-shadow:0 18px 48px -32px #3e27234d}.article-cover img{block-size:auto;inline-size:100%;display:block}.article-hero>.article-container{z-index:1;position:relative}.article-hero :where(a,button,input):focus-visible{outline-color:#f5e6d3}.article-breadcrumb{border-block-end:1px solid #f5e6d31f;padding-block-end:22px}.article-breadcrumb ol{color:#ddc5aa;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:.8rem;line-height:1.8;list-style:none;display:flex}.article-breadcrumb li{min-inline-size:0}.article-breadcrumb li[aria-current]{text-overflow:ellipsis;white-space:nowrap;color:#f5e6d3;max-inline-size:60vw;overflow:hidden}.article-breadcrumb a{color:inherit;text-decoration:none}.article-breadcrumb a:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.article-breadcrumb svg{block-size:13px;inline-size:13px;display:block}.article-heading-grid{padding-block-start:32px}.article-heading-copy{min-inline-size:0;max-inline-size:850px}.article-magazine-label{color:#f5e6d3;background:#f5e6d314;border:1px solid #f5e6d333;border-radius:999px;align-items:center;gap:8px;margin-block-end:24px;padding:8px 16px;font-size:.8rem;font-weight:800;line-height:1.8;text-decoration:none;display:inline-flex}.article-magazine-label svg{block-size:16px;inline-size:16px}.article-magazine-label:hover{background:#f5e6d326}.article-hero h1{letter-spacing:-.02em;text-wrap:balance;max-inline-size:28ch;margin:0;font-size:clamp(2.1rem,3.7vw,3.3rem);font-weight:900;line-height:1.55}.article-deck{color:#ecdac5;max-inline-size:64ch;margin-block:22px 0;font-size:1.075rem;font-weight:600;line-height:2}.article-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-block-start:28px;font-size:.8rem;line-height:1.8;display:flex}.article-meta-item{background:#f5e6d314;border:1px solid #f5e6d326;border-radius:16px;align-items:center;gap:8px;min-block-size:44px;max-inline-size:100%;padding:10px 14px;display:inline-flex}.article-meta-item>svg{color:#d4b896;block-size:16px;inline-size:16px}.article-meta-author{color:#f5e6d3;font-weight:800;text-decoration:none}.article-meta-author:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.article-meta .article-share-button{color:#f5e6d3;background:#f5e6d314;border-color:#f5e6d326;border-radius:16px;padding:10px 14px}.article-meta .article-share-button:hover{background:#f5e6d326}.article-meta .article-copy-fallback{color:#f5e6d3}.article-hero-wave{block-size:40px;inline-size:100%;color:var(--article-canvas);pointer-events:none;position:absolute;inset:auto 0 -1px}.article-reading-section{background:0 0;padding-block:44px 0}.article-reading-layout{grid-template-columns:minmax(0,1fr) 272px;align-items:start;gap:28px;display:grid}.article-reading-layout--single{max-inline-size:860px;display:block}.article-main-column{min-inline-size:0}.article-paper{border:1px solid var(--article-line);background:#fffffff0;border-radius:28px;min-inline-size:0;padding:30px 38px 32px;box-shadow:0 18px 48px -32px #3e27234d}.article-reading-toolbar{border-block-end:1px solid var(--article-line);justify-content:flex-end;margin-block-end:28px;padding-block-end:18px;display:flex}.article-font-tools{color:var(--article-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.article-font-tools>span:first-child{margin-inline-end:8px}.article-font-tools button{border:1px solid var(--article-line);block-size:44px;inline-size:44px;color:var(--article-coffee);background:#f5e6d34d;border-radius:12px;place-items:center;transition:background .2s;display:grid}.article-font-tools button:hover:not(:disabled){background:#f5e6d3}.article-font-tools svg{block-size:16px;inline-size:16px}.article-content{--article-font-size:1.125rem;min-inline-size:0;scroll-margin-block-start:115px}.article-empty-content{color:var(--article-muted);padding-block:24px;line-height:2}.blog-detail .blog-prose{color:#5d4037;font-size:var(--article-font-size);overflow-wrap:anywhere;font-weight:500;line-height:2.15}.blog-detail .blog-prose>p:first-of-type{color:#4a2f23;font-size:1.06em;font-weight:600;line-height:2.1}.blog-detail .blog-prose :is(h2,h3,h4){text-wrap:balance;scroll-margin-block-start:125px}.blog-detail .blog-prose h2{border-right:0;border-inline-start:4px solid var(--article-sage);color:#4a2f23;margin-block:44px 20px;padding-inline-start:14px;font-size:1.55em;font-weight:900;line-height:1.65}.blog-detail .blog-prose h3{color:#5d4037;margin-block:30px 14px;font-size:1.2em;font-weight:800;line-height:1.75}.blog-detail .blog-prose h4{font-size:1.1em;line-height:1.75}.blog-detail .blog-prose>:first-child{margin-block-start:0}.blog-detail .blog-prose :is(p,li){font-size:inherit}.blog-detail .blog-prose p{margin-block:0 24px}.blog-detail .blog-prose :is(ul,ol),.blog-detail .blog-prose ul>li{padding-inline:22px 0}.blog-detail .blog-prose ul>li:before{background:var(--article-sage);block-size:7px;inline-size:7px;inset-inline:0 auto}.blog-detail .blog-prose blockquote{border-right:0;border-inline-start:4px solid var(--article-coffee);color:#5d4037;background:#f5e6d380;border-radius:16px;margin-block:32px;padding:22px 24px;font-size:1.05em;font-weight:600}.blog-detail .blog-prose blockquote p:last-child{margin-block-end:0}.blog-detail .blog-prose :is(img,video,iframe){max-inline-size:100%}.blog-detail .blog-prose img{border:1px solid var(--article-line);border-radius:24px;box-shadow:0 10px 30px -18px #4a2f234d}.blog-detail .blog-prose figure{margin-inline:0}.blog-detail .blog-prose figcaption{color:var(--article-muted);line-height:1.8}.blog-detail .blog-prose table{border-radius:12px;max-inline-size:100%;font-size:.9em}.blog-detail .blog-prose th{color:var(--article-ink);background:#f5e6d380}.blog-detail .blog-prose td{background:#ffffff80}.blog-detail .blog-prose :is(th,td){min-inline-size:115px;padding:13px 16px}.blog-detail .blog-prose pre{border-radius:16px;max-inline-size:100%}.article-sidebar{align-self:stretch;min-inline-size:0}.article-sidebar-sticky{position:sticky;inset-block-start:112px}.article-toc--rail{border:1px solid var(--article-line);background:#ffffffb8;border-radius:24px;padding:20px 16px 16px;box-shadow:0 12px 32px -24px #3e27234d}.article-toc-heading{border-block-end:1px solid var(--article-line);align-items:center;gap:9px;margin-block-end:8px;padding:0 6px 16px;display:flex}.article-toc-heading>svg{block-size:18px;inline-size:18px;color:var(--article-coffee)}.article-toc-heading h2{margin:0;font-size:.9rem;font-weight:900}.article-toc-heading>span{color:var(--article-muted);white-space:nowrap;margin-inline-start:auto;font-size:.7rem}.article-toc-list{overscroll-behavior:contain;max-block-size:calc(100vh - 210px);margin:0;padding:0;list-style:none;overflow-y:auto}.article-toc-list a{color:var(--article-muted);border-inline-start:3px solid #0000;border-radius:12px;align-items:baseline;gap:9px;padding:11px 10px;font-size:.8rem;font-weight:600;line-height:1.85;text-decoration:none;transition:background .2s,color .2s;display:flex}.article-toc-number{color:#7a604c;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.68rem}.article-toc-list a:hover{color:var(--article-coffee);background:#f5e6d380}.article-toc-list a[aria-current]{border-inline-start-color:var(--article-sage);color:#4a2f23;background:#87a96b26;font-weight:800}.article-toc-list .article-toc-subheading{padding-inline-start:22px;font-size:.75rem}.article-toc--inline{display:none}.article-share{border-block-start:1px solid var(--article-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-block-start:38px;padding-block-start:24px;display:flex}.article-share h2{margin:0;font-size:.85rem;font-weight:800}.article-share-actions{flex-wrap:wrap;gap:8px;display:flex}.article-share-button{border:1px solid var(--article-line);min-block-size:44px;color:var(--article-coffee);background:#f5e6d366;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:.8rem;font-weight:700;line-height:1.5;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.article-share-button svg{block-size:16px;inline-size:16px}.article-share-button:hover{background:#f5e6d3}.article-share-button:active{transform:translateY(1px)}.article-share-compact{max-inline-size:100%}.article-copy-fallback{inline-size:100%;max-inline-size:100%;color:var(--article-muted);margin-block-start:10px;font-size:.8rem}.article-copy-fallback label{margin-block-end:6px;display:block}.article-copy-fallback input{background:var(--article-paper);border:1px solid var(--article-line);inline-size:100%;min-inline-size:0;color:var(--article-ink);border-radius:12px;padding:10px;font-size:16px;display:block}.article-author-credit{border:1px solid var(--article-line);background:#ffffffb8;border-radius:24px;flex-wrap:wrap;align-items:center;gap:16px;margin-block-start:20px;padding:24px;display:flex;box-shadow:0 12px 32px -24px #3e27234d}.article-author-initial{color:#f5e6d3;background:#3e2723;border-radius:16px;flex-shrink:0;place-items:center;block-size:52px;inline-size:52px;font-size:1.4rem;font-weight:900;display:grid}.article-author-name{min-inline-size:0}.article-author-name>span{color:var(--article-muted);font-size:.75rem}.article-author-credit h2{margin-block:5px 0;font-size:1rem;font-weight:900}.article-author-credit a{min-block-size:44px;color:var(--article-coffee);align-items:center;gap:6px;margin-inline-start:auto;font-size:.8rem;font-weight:800;text-decoration:none;display:inline-flex}.article-author-credit a:hover{text-underline-offset:4px;text-decoration:underline}.article-author-credit svg{block-size:16px;inline-size:16px}.article-related{padding-block:48px 0}.article-section-heading{border-block-start:1px solid #8b451326;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block-end:24px;padding-block-start:28px;display:flex}.article-section-heading h2{margin:0;font-size:1.7rem;font-weight:900}.article-section-heading>a{min-block-size:44px;color:var(--article-coffee);align-items:center;gap:10px;font-size:.85rem;font-weight:800;text-decoration:none;display:inline-flex}.article-section-heading>a:hover{text-underline-offset:4px;text-decoration:underline}.article-section-heading>a svg{block-size:16px;inline-size:16px}.article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.article-related-card{border:1px solid var(--article-line);min-inline-size:0;color:var(--article-ink);background:#ffffffe6;border-radius:24px;grid-template-columns:144px minmax(0,1fr);align-items:stretch;gap:20px;padding:16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 12px 32px -24px #3e27234d}.article-related-card--text{grid-template-columns:minmax(0,1fr)}.article-related-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px #3e272359}.article-related-image{aspect-ratio:1;background:#dcc7ad;border-radius:16px;align-self:start;margin:0;overflow:hidden}.article-related-image img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .3s;display:block}.article-related-card:hover img{transform:scale(1.04)}.article-related-copy{flex-direction:column;min-inline-size:0;padding-block:4px;display:flex}.article-related-copy h3{margin-block:0 8px;font-size:1.05rem;font-weight:900;line-height:1.8}.article-related-card:hover h3{color:var(--article-coffee)}.article-related-copy>p{-webkit-line-clamp:2;color:var(--article-muted);-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.9;display:-webkit-box;overflow:hidden}.article-related-read{color:var(--article-coffee);align-items:center;gap:10px;margin-block-start:auto;padding-block-start:14px;font-size:.75rem;font-weight:800;display:flex}.article-related-read svg{block-size:15px;inline-size:15px}.article-product-section{padding-block-start:36px}.article-product-row{color:#f5e6d3;background:linear-gradient(120deg,#2e1b12,#3e2723 60%,#4e342e);border:1px solid #f5e6d31a;border-radius:32px;align-items:center;gap:28px;padding:32px;display:flex;box-shadow:0 20px 45px -26px #3e272380}.article-product-image{background:#fff;border:1px solid #f5e6d326;border-radius:24px;flex-shrink:0;block-size:112px;inline-size:112px;display:block;position:relative;overflow:hidden}.article-product-image img{object-fit:contain}.article-product-info{flex:1;min-inline-size:0}.article-product-info p{color:#ddc5aa;margin-block:0 10px;font-size:.75rem}.article-product-info h2{margin-block:0 12px;font-size:1.4rem;font-weight:900;line-height:1.7}.article-product-info>span{color:#f5e6d3;font-size:.9rem;font-weight:800}.article-product-link{min-block-size:48px;max-inline-size:100%;color:var(--article-coffee);background:#fff;border:1px solid #fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:12px 22px;font-size:.85rem;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.article-product-link:hover{background:#f5e6d3;transform:translateY(-2px)}.article-product-row :where(a):focus-visible{outline-color:#f5e6d3}.article-product-link svg{block-size:17px;inline-size:17px}.article-product-row--empty{flex-wrap:wrap;justify-content:space-between}.article-product-row--empty h2{margin:0;font-size:1.4rem;font-weight:900}.article-bottom-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:24px 40px;display:flex}.article-bottom-nav a{min-block-size:44px;color:var(--article-muted);align-items:center;gap:10px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.article-bottom-nav a:hover{color:var(--article-coffee)}.article-bottom-nav svg{block-size:16px;inline-size:16px}@media (max-width:1100px){.article-reading-layout{grid-template-columns:minmax(0,1fr) 248px;gap:24px}.article-paper{padding-inline:30px}.article-related-card{grid-template-columns:112px minmax(0,1fr);gap:16px}.article-related-card--text{grid-template-columns:minmax(0,1fr)}}@media (max-width:1023px){.article-container{inline-size:min(100% - 40px,900px)}.article-hero{padding-block:100px 72px}.article-hero h1{font-size:clamp(2rem,4.8vw,3rem)}.article-reading-layout{max-inline-size:860px;display:block}.article-sidebar{display:none}.article-reading-section{padding-block-start:32px}.article-toc--inline{border:1px solid var(--article-line);background:#ffffffb8;border-radius:20px;margin-block-end:20px;padding:0 20px;display:block}.article-toc--inline summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-block-size:60px;padding-block:14px;font-size:.85rem;font-weight:800;list-style:none;display:flex}.article-toc--inline summary::-webkit-details-marker{display:none}.article-toc--inline summary::marker{content:""}.article-toc--inline summary>span{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.article-toc--inline summary svg{block-size:18px;inline-size:18px;color:var(--article-coffee)}.article-toc--inline summary small{color:var(--article-muted);font-size:.7rem;font-weight:600}.article-toc--inline summary>svg{transition:transform .2s}.article-toc--inline[open] summary>svg{transform:rotate(180deg)}.article-toc--inline nav{padding-block:0 14px}.article-toc--inline .article-toc-list{max-block-size:320px}}@media (max-width:700px){.article-container{inline-size:calc(100% - 32px)}.article-hero{padding-block:96px 62px}.article-breadcrumb{padding-block-end:16px}.article-breadcrumb ol{gap:5px;font-size:.7rem}.article-breadcrumb li[aria-current]{max-inline-size:60vw}.article-heading-grid{padding-block-start:24px}.article-magazine-label{margin-block-end:18px;padding:6px 12px;font-size:.72rem}.article-hero h1{max-inline-size:none;font-size:clamp(1.8rem,6.5vw,2.65rem);line-height:1.65}.article-deck{margin-block-start:18px;font-size:1rem}.article-meta{gap:8px;margin-block-start:24px;font-size:.72rem}.article-meta-item,.article-meta .article-share-button{border-radius:14px;padding:9px 11px}.article-hero-wave{block-size:32px}.article-cover{border-radius:20px;margin-block-start:24px}.article-reading-section{padding-block-start:24px}.article-paper{border-radius:24px;padding:20px 22px 24px}.article-reading-toolbar{margin-block-end:22px;padding-block-end:14px}.blog-detail .blog-prose{line-height:2.1}.blog-detail .blog-prose h2{margin-block-start:34px;padding-inline-start:12px;font-size:1.35em}.blog-detail .blog-prose h3{font-size:1.15em}.blog-detail .blog-prose blockquote{padding:18px}.blog-detail .blog-prose img{border-radius:18px}.article-share{gap:12px;margin-block-start:30px}.article-share-actions{gap:6px}.article-share-button{padding-inline:10px;font-size:.75rem}.article-author-credit{gap:12px;padding:20px}.article-author-credit a{margin-inline-start:64px}.article-related{padding-block-start:32px}.article-section-heading{margin-block-end:18px;padding-block-start:22px}.article-section-heading h2{font-size:1.4rem}.article-section-heading>a{font-size:.75rem}.article-related-grid{grid-template-columns:minmax(0,1fr);gap:14px}.article-related-card{grid-template-columns:104px minmax(0,1fr);gap:16px;padding:14px}.article-related-card--text{grid-template-columns:minmax(0,1fr)}.article-related-copy h3{font-size:.98rem}.article-product-section{padding-block-start:28px}.article-product-row{border-radius:24px;flex-wrap:wrap;gap:18px;padding:24px}.article-product-image{border-radius:18px;block-size:84px;inline-size:84px}.article-product-info{flex-basis:calc(100% - 102px)}.article-product-info h2{font-size:1.1rem}.article-product-link{margin-inline-start:auto}.article-product-row--empty .article-product-link{margin:0}.article-bottom-nav{padding-block-end:28px}}@media (max-width:420px){.article-paper{padding-inline:18px}.article-font-tools{font-size:.7rem}.article-author-credit a{margin-inline-start:0}.article-related-card{grid-template-columns:80px minmax(0,1fr);gap:12px}.article-related-card--text{grid-template-columns:minmax(0,1fr)}.article-related-copy>p{display:none}.article-related-copy h3{font-size:.92rem}.article-related-read{font-size:.7rem}.article-product-row{gap:14px;padding:20px}.article-product-info{flex-basis:calc(100% - 98px)}.article-product-link{inline-size:100%}}@media (prefers-reduced-motion:reduce){.blog-detail *,.blog-detail :before,.blog-detail :after{scroll-behavior:auto;transition:none;animation:none}}