.blog-feature{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;margin-bottom:60px;padding:40px;display:grid}.blog-feature .feature-tag{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text,#bd3e0b);background:var(--accent-soft);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 12px;font-size:12px;display:inline-flex}.blog-feature h2{font-family:var(--f-display);letter-spacing:-.02em;margin:0 0 32px;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.1}.blog-feature p{color:var(--ink-soft);margin:0 0 20px;font-size:16px;line-height:1.55}@media (max-width:920px){.blog-feature{grid-template-columns:1fr;padding:24px}}.posts-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:32px 24px;display:grid}.blog-feature-link{color:inherit;text-decoration:none;display:block}.related-reading-section{background:var(--surface);border-top:1px solid var(--border);padding:80px 0}.related-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:28px;display:grid}.related-card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.related-card{border:1px solid var(--border);height:100%;transition:transform .28s var(--ease-out), box-shadow .28s var(--ease-out), border-color .28s var(--ease-out);background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #0e14100a}.related-card:hover{border-color:var(--orange);transform:translateY(-4px);box-shadow:0 16px 36px -10px #0e14101f}.related-thumb{background:var(--surface-2);flex-direction:column;justify-content:space-between;height:180px;padding:20px;display:flex;position:relative;overflow:hidden}.related-thumb:after{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#ffffff40,#0000 50%),radial-gradient(circle at 20% 90%,#0000002e,#0000 50%);position:absolute;inset:0}.related-thumb-tag{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6;z-index:1;font-size:12px;font-weight:500}.related-thumb-initial{font-family:var(--f-display);color:#ffffff52;z-index:1;-webkit-user-select:none;user-select:none;font-size:56px;font-style:italic;line-height:1;position:absolute;bottom:10px;right:18px}.related-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.related-card:hover .related-cover-img{transform:scale(1.05)}.related-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.related-tag{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:#bd3e0b;margin-bottom:10px;font-size:12px;font-weight:600;display:inline-block}.related-title{font-family:var(--f-display);color:var(--ink);letter-spacing:-.01em;margin:0 0 16px;font-size:21px;font-weight:500;line-height:1.3;transition:color .2s}.related-card:hover .related-title{color:#bd3e0b}.related-meta{border-top:1px solid var(--border);font-size:13px;font-family:var(--f-body);color:var(--ink-mute);align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.related-author{color:var(--ink);font-weight:600}.related-dot{color:var(--ink-mute);font-size:14px}.related-date{color:var(--ink-mute)}@media (max-width:960px){.related-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:640px){.related-grid{grid-template-columns:1fr;gap:16px}}@media (max-width:920px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.posts-grid{grid-template-columns:1fr}}.reading-progress-bar{z-index:99999;background:linear-gradient(90deg,#d4440c 0%,#ff8f5e 100%);height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0;box-shadow:0 0 10px #ff5a1f80}.article-layout{background:#fff;padding:40px 0 80px}.article-share-strip{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:14px 20px;display:flex}.share-label{color:#4b5563;font-size:13.5px;font-weight:600}.share-links{align-items:center;gap:10px;display:flex}.share-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex;text-decoration:none!important}.share-btn:hover{color:#111827;background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.share-linkedin:hover{color:#0a66c2;border-color:#0a66c2}.share-x:hover{color:#000;border-color:#000}.table-responsive{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;margin:36px 0;overflow-x:auto;box-shadow:0 2px 8px #00000005}.article-saleshandy-cta{background:#d4440c;border:0;border-radius:24px;grid-template-columns:1.4fr 1fr;align-items:center;gap:36px;margin:48px 0;padding:36px 40px;display:grid;position:relative;overflow:hidden}.article-saleshandy-cta .cta-badge{font-family:var(--f-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#fff;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-flex}.article-saleshandy-cta .badge-dot{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #ffffff4d}.article-saleshandy-cta h3{font-family:var(--f-display,serif);margin:0 0 12px;font-size:clamp(22px,2.5vw,26px);font-weight:700;line-height:1.25;color:#fff!important}.article-saleshandy-cta p{margin:0 0 20px;font-size:15px;line-height:1.6;color:#fff!important}.article-saleshandy-cta .cta-perks{color:#fff;flex-direction:column;gap:6px;font-size:13.5px;font-weight:500;display:flex}.article-saleshandy-cta .cta-action{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.btn-cta-saleshandy{width:100%;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;padding:16px 28px;font-size:16px;font-weight:700}.btn-cta-saleshandy:hover{color:var(--ink);background:#fff1e8}.cta-fine{color:#fff;font-size:12px;line-height:1.4}@media (max-width:768px){.article-saleshandy-cta{grid-template-columns:1fr;gap:24px;padding:28px 24px}}.article-author-bio-card{background:#faf9f5;border:1px solid #e9e3d6;border-radius:18px;align-items:flex-start;gap:24px;margin-top:56px;padding:32px;display:flex;box-shadow:0 2px 10px #00000005}.author-bio-avatar{color:#bd3e0b;width:64px;height:64px;font-family:var(--f-display);background:#121613;border:3px solid #ffe8dc;border-radius:50%;flex-shrink:0;place-items:center;font-size:28px;font-style:italic;font-weight:700;display:grid}.author-bio-content{flex-grow:1}.author-bio-meta-top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.author-bio-badge{text-transform:uppercase;letter-spacing:.1em;color:#bd3e0b;background:#ffe8dc;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.author-bio-date{color:#6b7280;font-size:12.5px}.author-bio-name{font-family:var(--f-display,serif);color:#111827;margin:0 0 4px;font-size:20px;font-weight:700}.author-bio-role{color:#6b7280;margin:0 0 10px;font-size:13.5px;font-weight:600}.author-bio-desc{color:#4b5563;margin:0 0 16px;font-size:14.5px;line-height:1.6}.author-contact-link{align-items:center;gap:4px;font-size:13.5px;font-weight:700;transition:transform .15s;display:inline-flex;color:#bd3e0b!important;text-decoration:none!important}.author-contact-link:hover{transform:translate(3px);color:#bd3e0b!important}@media (max-width:640px){.article-author-bio-card{flex-direction:column;gap:16px;padding:24px}}.article-hero .wrap{max-width:1240px}.article-hero .article-title{max-width:920px}.article-layout .wrap.article-wrap{max-width:1240px}.article-grid{display:block}.article-main{min-width:0}@media (min-width:1100px){.article-grid{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:56px;display:grid}.article-main{max-width:820px}.article-toc-col{position:sticky;top:100px}.article-toc-col .toc-wrap{background:#fff;border-radius:14px;margin-bottom:0}.article-toc-col .toc-toggle{cursor:default;pointer-events:none;background:#fff;padding:16px 18px}.article-toc-col .toc-toggle-count,.article-toc-col .toc-toggle-icon{display:none}.article-toc-col .toc-list,.article-toc-col .toc-list.open{overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto;max-height:calc(100vh - 190px)!important}.article-toc-col .toc-list ol{padding:8px 10px 12px}.article-toc-col .toc-item{border-bottom:none}.article-toc-col .toc-item button{padding:8px 10px;font-size:13.5px;line-height:1.4}.article-toc-col .toc-sub button{color:#6b7280;padding-left:26px;font-size:12.5px}.article-toc-col .toc-num{min-width:20px;font-size:11px}}@media (max-width:1099px){.article-toc-col .toc-wrap{margin-bottom:32px}}.article-body .blog-faq{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin:24px 0 40px;overflow:hidden}.article-body .blog-faq-item+.blog-faq-item{border-top:1px solid #e5e7eb}.article-body .blog-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;list-style:none;display:flex}.article-body .blog-faq-item summary::-webkit-details-marker{display:none}.article-body .blog-faq-item summary:hover{background:#fff8f5}.article-body .blog-faq-item summary h3{color:#111827;letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700;line-height:1.45}.article-body .blog-faq-icon{background:#ffe8dc;border-radius:50%;flex:0 0 28px;width:28px;height:28px;position:relative}.article-body .blog-faq-icon:before,.article-body .blog-faq-icon:after{content:"";background:#bd3e0b;border-radius:2px;width:12px;height:2px;margin:-1px 0 0 -6px;transition:transform .2s;position:absolute;top:50%;left:50%}.article-body .blog-faq-icon:after{transform:rotate(90deg)}.article-body .blog-faq-item[open] .blog-faq-icon:after{transform:rotate(0)}.article-body .blog-faq-item[open] summary h3{color:#bd3e0b}.article-body .blog-faq-a{padding:0 22px 20px}.article-body .blog-faq-a p{color:#374151;margin:0;font-size:16px;line-height:1.75}.blog-feature .img:has(img){aspect-ratio:1600/840;background:#f9f6ef;align-self:center}.post .img:has(img){aspect-ratio:1600/840!important;background:#f9f6ef!important}.blog-feature .img:has(img):after{display:none}.post .img:has(img):after{display:none}
