.blog-post-progress{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:1000;pointer-events:none}.blog-post-progress-bar{height:100%;background:var(--action-primary);transition:width 80ms linear}.blog-post-page{padding:48px 0 88px;background:var(--bg-primary)}.blog-post-container{max-width:860px}.blog-post-back{display:inline-block;color:var(--action-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:24px}.blog-post-back:hover{text-decoration:underline}.blog-post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.blog-post-tag{display:inline-block;background:var(--color-accent-light);color:var(--action-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-plus);padding:var(--space-1) 9px;border-radius:var(--radius-full)}.blog-post-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);letter-spacing:0;color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:24px}.blog-post-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 24px;border:1px solid var(--sage-tint-light);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface-default) 88%,transparent);margin-bottom:28px;box-shadow:var(--shadow-card)}.blog-post-author{display:flex;align-items:center;gap:12px}.blog-post-avatar{width:40px;height:40px;border-radius:50%;background:var(--action-primary);color:var(--surface-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-post-author-name{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary)}.blog-post-author-role{display:block;font-size:var(--font-size-sm);color:var(--text-tertiary)}.blog-post-meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.blog-post-date{font-size:var(--font-size-sm);color:var(--text-secondary)}.blog-post-reading-time{font-size:var(--font-size-sm);color:var(--text-tertiary)}.blog-post-hero{margin:0 0 20px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-elevated)}.blog-post-hero-img{width:100%;height:auto;display:block;aspect-ratio:2 / 1;object-fit:cover}.blog-post-body{padding:30px 34px;border-radius:var(--radius-xl);border:1px solid var(--sage-tint-light);background:color-mix(in srgb,var(--surface-default) 90%,transparent);box-shadow:var(--shadow-elevated)}.blog-post-body h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-top:36px;margin-bottom:14px}.blog-post-body p{font-size:var(--font-size-base);line-height:1.8;color:var(--text-primary);margin-bottom:18px}.blog-post-body ul{padding-left:24px;margin-bottom:18px}.blog-post-body ul li{font-size:var(--font-size-base);line-height:1.75;color:var(--text-primary);margin-bottom:8px}.blog-post-body strong{font-weight:var(--font-weight-bold);color:var(--text-primary)}.blog-post-body em{font-style:italic;color:var(--text-secondary)}.blog-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:24px 0}.blog-stat{padding:20px 16px;border-radius:var(--radius-xl);border:1px solid var(--sage-tint-light);background:var(--surface-default);text-align:center}.blog-stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:0;color:var(--action-primary);line-height:1.1}.blog-stat-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-top:6px;text-transform:uppercase;letter-spacing:.04em}.blog-stat--accent{border-color:var(--accent-tint-medium);background:var(--color-accent-ghost)}.blog-bars{display:flex;flex-direction:column;gap:10px;margin:24px 0}.blog-bar{display:grid;grid-template-columns:140px 1fr 48px;align-items:center;gap:12px;font-size:var(--font-size-sm)}.blog-bar-label{font-weight:600;color:var(--text-primary);text-align:right}.blog-bar-track{height:28px;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.blog-bar-fill{height:100%;background:var(--action-primary);border-radius:var(--radius-lg);min-width:4px}.blog-bar-value{font-weight:var(--font-weight-bold);color:var(--action-primary);font-size:var(--font-size-sm)}.blog-callout{padding:20px 24px;margin:24px 0;border-radius:var(--radius-xl);border:1px solid var(--accent-tint-medium);background:var(--color-accent-light);color:var(--text-primary);font-size:var(--font-size-base);line-height:1.7}.blog-callout strong{color:var(--action-primary-hover)}.blog-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:var(--font-size-sm);border-radius:var(--radius-xl);overflow:hidden}.blog-table th{background:var(--text-primary);color:var(--surface-default);font-weight:600;padding:12px 16px;text-align:left}.blog-table td{padding:12px 16px;border-bottom:1px solid var(--border-default);color:var(--text-primary)}.blog-table tr:nth-child(2n) td{background:var(--bg-primary)}.blog-table tr:last-child td{border-bottom:none}.blog-ranking{list-style:none;padding:0;margin:24px 0;counter-reset:rank}.blog-ranking li{counter-increment:rank;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-xl);margin-bottom:6px;background:var(--bg-primary);border:1px solid var(--sage-tint-subtle);font-size:.92rem;color:var(--text-primary)}.blog-ranking li:before{content:"#" counter(rank);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--action-primary);min-width:28px}@media(max-width:640px){.blog-stats{grid-template-columns:repeat(2,1fr)}.blog-bar{grid-template-columns:100px 1fr 40px;font-size:var(--font-size-xs)}.blog-bar-label{font-size:.78rem}}.blog-post-body a{color:var(--action-primary);text-decoration:underline}.blog-post-footer{margin-top:24px}.blog-post-back-link{color:var(--action-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:600}.blog-post-back-link:hover{text-decoration:underline}.blog-post-notfound h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:8px}.blog-post-notfound p{color:var(--text-tertiary);margin-bottom:24px}@media(max-width:640px){.blog-post-title{font-size:2.1rem}.blog-post-meta{flex-direction:column;align-items:flex-start}.blog-post-meta-right{align-items:flex-start}.blog-post-body{padding:22px}}.blog-cta{margin-top:32px;padding:40px 36px;border-radius:var(--radius-xl);background:var(--color-accent-ghost);border:1px solid var(--accent-tint-light);text-align:center;box-shadow:var(--shadow-card)}.blog-cta-heading{font-size:1.55rem;font-weight:var(--font-weight-semibold);letter-spacing:0;color:var(--text-primary);margin:0 0 10px;line-height:1.2}.blog-cta-subtext{font-size:var(--font-size-base);line-height:1.7;color:var(--text-secondary);margin:0 auto 24px;max-width:480px}.blog-cta-button{display:inline-block;padding:14px 32px;border-radius:var(--radius-full);background:var(--action-primary);color:var(--surface-default);font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:background .2s ease,transform var(--transition-fast),box-shadow .2s ease;box-shadow:0 4px 14px var(--accent-tint-strong)}.blog-cta-button:hover{background:var(--action-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-tint-strong)}.blog-cta-actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}.blog-cta-secondary{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--action-primary);text-decoration:none}.blog-cta-secondary:hover{text-decoration:underline}@media(max-width:640px){.blog-post-page{padding:32px 0 64px;overflow-x:hidden}.blog-post-body img,.blog-post-hero-img{max-width:100%;height:auto}.blog-post-body pre,.blog-post-body code,.blog-post-body table{max-width:100%;overflow-x:auto;word-wrap:break-word}.blog-cta{padding:30px 22px}.blog-cta-heading{font-size:1.3rem}.blog-cta-button{padding:12px 26px;font-size:.93rem}.blog-cta-actions{flex-direction:column;gap:12px}}.blog-post-share{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default)}.blog-post-share-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-right:var(--space-1)}.blog-post-share-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-default);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.blog-post-share-btn:hover,.blog-post-share-btn:focus-visible{background:var(--accent-tint-subtle);border-color:var(--accent-tint-medium);color:var(--action-primary);transform:translateY(-1px)}.blog-related{margin:var(--space-10) 0 var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-default)}.blog-related-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-5)}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.blog-related-card{display:flex;flex-direction:column;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.blog-related-card:hover{border-color:var(--accent-tint-medium);transform:translateY(-2px);box-shadow:var(--shadow-card)}.blog-related-card-image-link{display:block;aspect-ratio:16 / 9;overflow:hidden}.blog-related-card-image{width:100%;height:100%;object-fit:cover;display:block}.blog-related-card-body{padding:var(--space-3) var(--space-4) var(--space-4)}.blog-related-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-2)}.blog-related-tag{display:inline-block;padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-full);text-transform:lowercase}.blog-related-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);margin:0 0 var(--space-2)}.blog-related-card-title a{color:var(--text-primary);text-decoration:none}.blog-related-card-title a:hover{color:var(--action-primary)}.blog-related-card-meta{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--text-tertiary)}@media(max-width:768px){.blog-related-grid{grid-template-columns:1fr}.blog-post-share{flex-wrap:wrap}}