.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{background:var(--bg-primary)}.blog-post-page .pp-hero__title{font-size:clamp(2rem,3.4vw,3rem);max-width:22ch}@media(min-width:761px){.blog-post-page .pp-hero__art{width:min(56%,940px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%)}}.blog-post-container{max-width:760px;padding-block:clamp(40px,6vw,72px)}.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-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin-bottom:18px}.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;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-body{font-size:var(--font-size-lg)}.blog-post-body h2{font-family:var(--mk-font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--display-tracking);word-spacing:var(--display-word-spacing);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-editorial);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-editorial);overflow:hidden}.blog-bar-fill{height:100%;background:var(--action-primary);border-radius:var(--radius-editorial);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-editorial);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-editorial);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-editorial);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-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-container{padding-block:32px 48px}.blog-post-body{font-size:var(--font-size-base)}.blog-post-body 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-post-share{display:flex;align-items:center;gap:var(--space-2)}.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-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:var(--space-5)}.blog-related-heading{margin:0;color:var(--text-primary);font-family:var(--mk-font-display);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--display-tracking-tight);word-spacing:var(--display-word-spacing)}.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-editorial);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}}.blog-post-resource-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:4px}.blog-post-resource-back:hover{text-decoration-thickness:2px}.blog-post-resource-back:focus-visible{outline:2px solid currentColor;outline-offset:4px}