.blog-page{color:var(--color-text);line-height:2}.blog-tabs{border-bottom:1px solid var(--color-border);scrollbar-width:none;justify-content:center;gap:0;margin-bottom:2.5rem;display:flex;overflow-x:auto}.blog-tabs::-webkit-scrollbar{display:none}.blog-tab{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;min-height:48px;padding:12px 20px;font-size:.75rem;transition:color .3s,border-color .3s}.blog-tab:hover{color:var(--color-text-secondary)}.blog-tab--active{color:var(--color-text);border-bottom-color:var(--color-accent)}.blog-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.blog-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;box-shadow:var(--shadow-sm);padding:1.5rem 2rem;text-decoration:none;transition:border-color .3s,transform .2s;display:block}.blog-card:hover{border-color:var(--color-border-strong);transform:translateY(var(--card-hover-lift));box-shadow:var(--card-hover-shadow)}.blog-card-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.blog-card-date{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:var(--tracking-normal);font-size:.7rem}.blog-card-category{font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);border:1px solid var(--color-border-strong);color:var(--color-accent);background:rgba(var(--color-text-rgb),.08);border-radius:var(--radius-sm);padding:2px 8px}.blog-card-title{color:var(--color-text);letter-spacing:var(--tracking-tight);margin-bottom:.5rem;font-size:1.15rem;font-weight:700;line-height:1.6}.blog-card-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.8rem;font-size:.9rem;line-height:1.8;display:-webkit-box;overflow:hidden}.blog-card-footer{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.blog-card-reading-time{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:var(--tracking-normal);font-size:.7rem}.blog-card-tags{flex-wrap:wrap;gap:.4rem;display:flex}.blog-card-tag{color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px solid var(--color-border);letter-spacing:var(--tracking-normal);border-radius:var(--radius-sm);padding:.2rem .6rem;font-size:.7rem}.blog-empty{text-align:center;color:var(--color-text-muted);padding:3rem 0;font-size:.9rem}.blog-article-hero{height:auto;min-height:45vh;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:45dvh;padding:60px 20px;display:flex}.blog-article-hero-category{font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);border:1px solid var(--color-border-strong);color:var(--color-accent);background:rgba(var(--color-text-rgb),.08);border-radius:var(--radius-sm);margin-bottom:1.5rem;padding:3px 12px}.blog-article-hero-title{color:var(--color-text);letter-spacing:var(--tracking-tight);max-width:720px;margin-bottom:1.5rem;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;line-height:1.5}.blog-article-hero-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.blog-article-hero-date{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);font-size:.75rem}.blog-article-hero-author{color:var(--color-text-secondary);font-size:.8rem}.blog-article-hero-reading{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:var(--tracking-normal);font-size:.7rem}.blog-article-body{max-width:680px;margin:0 auto;padding:2.5rem 1.25rem 3rem}.blog-article-body h2{color:var(--color-text);border-bottom:1px solid var(--color-border);letter-spacing:var(--tracking-tight);margin:3.5rem 0 1.2rem;padding-bottom:.5rem;font-size:1.4rem;font-weight:700;line-height:1.6}.blog-article-body h3{color:var(--color-text);letter-spacing:var(--tracking-tight);margin:2.5rem 0 .8rem;font-size:1.15rem;font-weight:700;line-height:1.6}.blog-article-body p{color:var(--color-text-secondary);margin-bottom:1.6rem;font-size:1.05rem;line-height:1.85}.blog-article-body strong{color:var(--color-text);background:linear-gradient(transparent 60%,rgba(var(--color-text-rgb),.08)60%);padding:0 2px;font-weight:700}.blog-article-body a{color:var(--color-accent);transition:color var(--duration-normal)var(--ease-out)}.blog-article-body a:hover{color:var(--color-text)}.blog-article-body>p:first-of-type{font-size:1.15rem}.blog-article-body h2+p{margin-top:1.2rem}.blog-article-body .highlight{background:rgba(var(--color-text-rgb),.05);border-left:3px solid var(--color-text);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--color-text);margin:2rem 0;padding:1.25rem 1.5rem;font-size:.95rem;line-height:1.9}.blog-article-body .highlight p{margin-bottom:.5rem}.blog-article-body .highlight p:last-child{margin-bottom:0}.blog-article-body .callout-author{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);margin:2rem 0;padding:1.25rem 1.5rem 1.25rem 3.5rem;font-size:.95rem;line-height:1.9;position:relative}.blog-article-body .callout-author:before{content:"K";width:1.8rem;height:1.8rem;font-family:var(--font-heading);color:var(--color-bg);background:var(--color-text);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:1.25rem;left:1rem}.blog-article-body .callout-author p{margin-bottom:.5rem}.blog-article-body .callout-author p:last-child{margin-bottom:0}.blog-article-body .pull-quote{text-align:center;color:var(--color-text);letter-spacing:var(--tracking-tight);margin:3rem -1rem;padding:2rem;font-size:clamp(1.15rem,3vw,1.4rem);font-weight:700;line-height:1.8}.blog-article-body .pull-quote:before,.blog-article-body .pull-quote:after{content:"";background:var(--color-text);width:2rem;height:2px;margin:0 auto;display:block}.blog-article-body .pull-quote:before{margin-bottom:1.5rem}.blog-article-body .pull-quote:after{margin-top:1.5rem}.blog-article-body .pull-quote p{color:var(--color-text);font-size:inherit;margin-bottom:0}.blog-article-body .compare-box{border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;margin:2rem 0;display:grid;overflow:hidden}.blog-article-body .compare-side{padding:1.25rem 1.5rem}.blog-article-body .compare-side:first-child{border-right:1px solid var(--color-border)}.blog-article-body .compare-side .compare-label{font-family:var(--font-heading);letter-spacing:.15em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:.8rem;font-size:.7rem}.blog-article-body .stat-highlight{text-align:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:2.5rem 0;padding:2rem 1.5rem}.blog-article-body .stat-highlight .stat-number{font-family:var(--font-heading);color:var(--color-text);letter-spacing:var(--tracking-tight);margin-bottom:.5rem;font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.2;display:block}.blog-article-body .stat-highlight .stat-label{color:var(--color-text-muted);letter-spacing:var(--tracking-wide);font-size:.85rem}.blog-article-body h2:before{content:"───";text-align:center;color:var(--color-text-muted);letter-spacing:1em;margin-bottom:1rem;display:block}.blog-article-body blockquote{color:var(--color-text-secondary);text-align:center;background:0 0;border-left:none;border-radius:0;margin:2.5rem 0;padding:2rem 1.5rem;font-size:1.1rem;font-style:italic;position:relative}.blog-article-body blockquote:before,.blog-article-body blockquote:after{content:"───";text-align:center;color:var(--color-text-muted);letter-spacing:.5em;display:block}.blog-article-body blockquote:before{margin-bottom:1rem}.blog-article-body blockquote:after{margin-top:1rem}.blog-article-body blockquote p{margin-bottom:0}.blog-article-body ul,.blog-article-body ol{color:var(--color-text-secondary);margin:1rem 0 1.5rem;padding-left:1.5rem}.blog-article-body li{margin-bottom:.5rem;line-height:1.8}.blog-article-body code{font-family:var(--font-heading);background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text);padding:2px 6px;font-size:.9em}.blog-article-body pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:1.5rem 0;padding:1.2rem;line-height:1.6;overflow-x:auto}.blog-article-body pre code{background:0 0;padding:0}.blog-article-body hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.blog-article-tags{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.6rem;max-width:720px;margin:0 auto;padding:1.5rem 0;display:flex}.blog-article-tags-label{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);font-size:.7rem}.blog-article-tag{color:var(--color-text-secondary);border:1px solid var(--color-border);letter-spacing:var(--tracking-normal);border-radius:var(--radius-sm);padding:3px 10px;font-size:.7rem;transition:border-color .3s}.blog-article-tag:hover{border-color:var(--color-border-strong)}.blog-author-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:1.5rem;max-width:720px;margin:2rem auto;padding:1.5rem 2rem;display:flex}.blog-author-icon{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);width:50px;height:50px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.blog-author-info{flex:1}.blog-author-name{color:var(--color-text);margin-bottom:.2rem;font-size:.95rem;font-weight:700}.blog-author-bio{color:var(--color-text-muted);font-size:.8rem;line-height:1.6}.blog-related{border-top:1px solid var(--color-border);max-width:720px;margin:2rem auto 0;padding:2rem 0}.blog-related-title{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:var(--tracking-wider);text-align:center;margin-bottom:1.5rem;font-size:.85rem}.blog-related-list{grid-template-columns:1fr;gap:1rem;display:grid}.blog-related-item{border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;padding:1rem 1.5rem;text-decoration:none;transition:border-color .3s;display:block}.blog-related-item:hover{border-color:var(--color-border-strong)}.blog-related-item-title{color:var(--color-text);margin-bottom:.3rem;font-size:.95rem;font-weight:700;line-height:1.5}.blog-related-item-meta{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:var(--tracking-normal);font-size:.7rem}.blog-toc{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:720px;margin:0 auto 2rem;padding:1.5rem}.blog-toc-label{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);margin-bottom:.8rem;font-size:.75rem}.blog-toc-list{margin:0;padding:0;list-style:none}.blog-toc-item{margin-bottom:.4rem;line-height:1.6}.blog-toc-item a{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.blog-toc-item a:hover{color:var(--color-text)}.blog-toc-item--sub{padding-left:1.2rem}.blog-toc-item--active a{color:var(--color-text);font-weight:700}.blog-share{justify-content:center;gap:.8rem;max-width:720px;margin:0 auto;padding:1.5rem 0;display:flex}.blog-share-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:var(--radius-sm);background:0 0;justify-content:center;align-items:center;padding:.6rem 1.5rem;font-family:inherit;font-size:.85rem;text-decoration:none;transition:border-color .3s,color .3s;display:inline-flex}.blog-share-btn:hover{border-color:var(--color-border-strong);color:var(--color-text)}@media (min-width:769px){.blog-grid,.blog-related-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-card{padding:1.2rem 1.5rem}.blog-article-hero{min-height:35vh;padding:40px var(--container-padding)}.blog-article-body{padding:1.5rem 1rem 2rem}.blog-article-body p{margin-bottom:1.8rem;font-size:1rem;line-height:1.9}.blog-article-body h2{margin-top:3rem;padding-top:1.5rem}.blog-article-body h2:before{content:"──";letter-spacing:.5em}.blog-article-body .highlight,.blog-article-body .callout-author,.blog-article-body .pull-quote{border-radius:0;margin-left:-1rem;margin-right:-1rem}.blog-article-body .compare-box{grid-template-columns:1fr}.blog-article-body .compare-side:first-child{border-right:none;border-bottom:1px solid var(--color-border)}.blog-author-card{text-align:center;flex-direction:column;padding:1.2rem 1.5rem}.blog-tab{padding:10px 14px;font-size:.7rem}}@media (max-width:480px){.blog-article-hero-title{font-size:1.3rem}.blog-article-body h2{font-size:1.15rem}.blog-article-body h3{font-size:1.05rem}.blog-article-body .stat-highlight .stat-number{font-size:2rem}}@media (max-width:375px){.blog-card-title{font-size:1rem}.blog-card{padding:1rem}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none;transform:none}.blog-card:hover{transform:none}}
