.article-root{min-height:100vh;background:#f8f5f0;color:#1a1814}.article-hero{position:relative;margin-top:72px;aspect-ratio:5/1;min-height:180px;max-height:520px;overflow:hidden;background:#0f0f0f}.article-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;letter-spacing:.03em;color:#8a8480;text-decoration:none;transition:color .2s}.article-back:hover{color:hsl(var(--primary))}.article-back--sidebar{margin-bottom:.75rem}.article-back--mobile{display:none;margin-bottom:1rem}@media (max-width:1280px){.article-back--sidebar{display:none}.article-back--mobile{display:inline-flex}}.toc-aside{display:flex;flex-direction:column}.article-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:2rem;width:100%;max-width:100%;margin:0 auto;padding:1.25rem 1rem 3rem}@media (min-width:768px){.article-grid{padding:1.5rem 1.5rem 4rem}}@media (min-width:1280px){.article-grid{padding:1.5rem 2rem 4rem}}.article-grid>*{min-width:0}@media (max-width:1280px){.article-grid{grid-template-columns:minmax(0,1fr) 300px}.toc-aside{display:none}}@media (max-width:900px){.article-grid{grid-template-columns:1fr;gap:1.25rem;padding:1rem .875rem 2.5rem}.promo-aside{display:none}}.toc-card{position:sticky;top:5.5rem;overflow:hidden;border:1px solid rgba(0,0,0,.07);border-radius:4px;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.05)}.toc-header{padding:1rem 1.25rem .75rem;border-bottom:1px solid rgba(0,0,0,.07);background:#f0ece4}.toc-header-label{margin:0;font-size:.625rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#8a8480}.toc-list{list-style:none;margin:0;padding:.75rem 0}.toc-link{display:flex;align-items:baseline;gap:.75rem;padding:.45rem 1.25rem;font-size:.8125rem;font-weight:400;line-height:1.4;color:#5a5650;text-decoration:none;border-left:2px solid transparent;transition:all .2s}.toc-link:hover{color:#1a1814;background:#f8f5f0}.toc-link.active{font-weight:600;color:#1a1814;border-left-color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.toc-num{flex-shrink:0;padding-top:.1em;font-size:.625rem;color:#8a8480}.article-category,.toc-link.active .toc-num{color:hsl(var(--primary))}.article-category{margin-bottom:.5rem;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.article-meta-line{margin-bottom:.5rem;font-size:.875rem;color:#8a8480}.article-title{margin:0;font-family:var(--font-outfit),system-ui,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#1a1814}.article-subtitle{margin:1.5rem 0 2.5rem;max-width:700px;padding-left:1.25rem;border-left:3px solid hsl(var(--primary));font-size:1.25rem;font-weight:300;font-style:italic;line-height:1.65;color:#5a5650}.article-divider{width:60px;height:2px;margin:0 0 2.5rem;background:linear-gradient(to right,hsl(var(--primary)),transparent)}.blog-content{font-size:1.0625rem;line-height:1.85;color:#1a1814}.blog-content>*+*{margin-top:1.5rem}.blog-content p{font-size:1.0625rem;line-height:1.85;color:#2a2621}.blog-content h2{position:relative;margin:3rem 0 1.25rem;padding-bottom:.75rem;scroll-margin-top:7rem;font-family:var(--font-outfit),system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:#1a1814}.blog-content h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;border-radius:2px;background:hsl(var(--primary))}.blog-content h3{margin:2rem 0 .75rem;font-family:var(--font-outfit),system-ui,sans-serif;font-size:1.1875rem;font-weight:600;letter-spacing:-.01em;color:#1a1814}.blog-content a{color:hsl(var(--primary-dark));text-decoration:underline;text-decoration-color:hsl(var(--primary)/.35);text-underline-offset:3px;transition:all .2s}.blog-content a:hover{color:hsl(var(--primary));text-decoration-color:hsl(var(--primary))}.blog-content strong{font-weight:600;color:#1a1814}.blog-content blockquote{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid #efe9dd;border-left:4px solid hsl(var(--primary));border-radius:6px;background:#f8f6f2;font-size:1.03rem;font-style:italic;line-height:1.75;color:#2f2d2a}.blog-content blockquote p{margin:0}.blog-content ul{list-style:none;margin:1.5rem 0;padding:0}.blog-content ul>li{position:relative;padding:.65rem 0 .65rem 2.75rem;border-bottom:1px solid rgba(0,0,0,.07);font-size:1.0625rem;line-height:1.65}.blog-content ul>li:last-child{border-bottom:none}.blog-content ul>li:before{content:"";position:absolute;top:50%;left:0;width:1.625rem;height:1.625rem;transform:translateY(-50%);border-radius:50%;background-color:hsl(var(--primary));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:60%}.blog-content ol{margin:1.5rem 0;padding-left:1.5rem}.blog-content .table-shell{margin:2rem 0;max-width:100%;overflow-x:auto;border:1px solid rgba(0,0,0,.07);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.04)}.blog-content table{width:100%;min-width:640px;border-collapse:collapse}.blog-content th{padding:.75rem 1rem;border-bottom:2px solid rgba(0,0,0,.07);background:#f0ece4;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:left;color:#5a5650}.blog-content td{padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.07);font-size:.9375rem;vertical-align:top;color:#1a1814}.blog-content tbody tr:hover td{background:#f8f5f0}.blog-content img{max-width:100%;height:auto;margin:2rem 0;border-radius:8px}.blog-content pre{overflow-x:auto;padding:1rem;border-radius:8px;background:#1a1814;color:#f8f5f0;font-size:.875rem}.blog-content code{padding:.15rem .4rem;border-radius:4px;background:#f0ece4;font-size:.9em;color:hsl(var(--primary-dark))}.author-card{position:relative;display:flex;align-items:center;gap:1.25rem;margin-top:3rem;padding:1.75rem;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.author-card:before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(to right,hsl(var(--primary)),transparent)}.author-avatar{position:relative;flex-shrink:0;width:3.5rem;height:3.5rem;overflow:hidden;border:2px solid hsl(var(--primary)/.4);border-radius:50%;box-shadow:0 0 0 4px hsl(var(--primary)/.1)}.author-avatar-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary-light)));font-size:1.375rem;font-weight:700;color:#fff}.author-name{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:#fff}.author-bio{margin:0;font-size:.8125rem;line-height:1.5;color:rgba(255,255,255,.55)}.promo-sticky{position:sticky;top:5.5rem;display:flex;flex-direction:column;gap:1rem}.promo-share{margin-top:0}.promo-share .promo-heading{margin-bottom:.75rem;font-size:1rem}.promo-card{padding:1.2rem;border:1px solid #dbe7df;border-radius:8px;background:#edf4ef}.promo-heading{margin:0 0 .75rem;font-family:var(--font-outfit),system-ui,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:#1d2a23}.promo-body{margin:0 0 1.25rem;font-size:.9rem;line-height:1.5;color:#3f4b45}.promo-features{display:flex;flex-direction:column;gap:.55rem;margin:1.25rem 0 0;padding:0;list-style:none}.promo-feature{display:flex;align-items:flex-start;gap:.55rem;font-size:.8rem;font-weight:500;color:#2d3933}.promo-feature-dot{flex-shrink:0;margin-top:.15rem;color:hsl(var(--primary))}.mobile-toc{display:none;margin-bottom:2rem;overflow:hidden;border:1px solid rgba(0,0,0,.07);border-radius:6px;background:#fff}@media (max-width:1280px){.mobile-toc{display:block}}.mobile-toc-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border:none;background:#f0ece4;font-size:.875rem;font-weight:600;color:#1a1814;cursor:pointer}.mobile-toc-toggle svg{transition:transform .25s}.mobile-toc-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.mobile-toc-body{border-top:1px solid rgba(0,0,0,.07);padding:.5rem 0}.mobile-toc-body a{display:block;padding:.5rem 1.25rem;font-size:.875rem;color:#5a5650;text-decoration:none;transition:all .15s}.mobile-toc-body a.active,.mobile-toc-body a:hover{background:#f8f5f0;color:#1a1814}.article-footer-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.07)}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.article-tag-pill{padding:.25rem .75rem;border-radius:999px;background:hsl(var(--primary)/.1);font-size:.8125rem;font-weight:500;color:hsl(var(--primary));text-decoration:none;transition:background .2s}.article-tag-pill:hover{background:hsl(var(--primary)/.18)}