:root{--blog-content-width: 45rem;--blog-wide-width: 64rem;--blog-title-size: 2.5rem;--blog-h2-size: 1.75rem;--blog-h3-size: 1.375rem;--blog-body-size: 1.125rem;--blog-small-size: .875rem;--blog-code-size: .875rem;--blog-label-size: .6875rem;--blog-paragraph-gap: 1.5rem;--blog-section-gap: 3rem;--blog-subsection-gap: 2rem;--callout-takeaway-bg: rgba(253, 124, 68, .06);--callout-tip-bg: rgba(122, 155, 138, .06);--callout-warning-bg: rgba(139, 126, 168, .06);--callout-definition-bg: rgba(123, 167, 194, .06);--cat-concepts-bg: rgba(123, 167, 194, .12);--cat-concepts: #5B8FB9;--cat-practicals-bg: rgba(253, 124, 68, .12);--cat-practicals: #D4612E;--cat-perspectives-bg: rgba(139, 126, 168, .12);--cat-perspectives: #7A6B96;--cat-stories-bg: rgba(122, 155, 138, .12);--cat-stories: #5E8A6E}.blog-content{max-width:var(--blog-content-width);margin:0 auto;font-size:var(--blog-body-size);line-height:1.55;color:var(--color-text)}.blog-content p{margin-bottom:var(--blog-paragraph-gap)}.blog-content h2{font-family:var(--font-display),system-ui,sans-serif;font-size:var(--blog-h2-size);font-weight:600;line-height:1.25;letter-spacing:-.01em;margin-top:var(--blog-section-gap);margin-bottom:var(--blog-paragraph-gap);color:var(--color-text)}.blog-content h3{font-family:var(--font-display),system-ui,sans-serif;font-size:var(--blog-h3-size);font-weight:600;line-height:1.3;margin-top:var(--blog-subsection-gap);margin-bottom:1rem;color:var(--color-text)}.blog-content a{color:var(--color-primary);text-decoration:underline;text-decoration-color:#fd7c444d;text-underline-offset:2px;transition:text-decoration-color var(--duration-fast) var(--ease-default)}.blog-content a:hover{text-decoration-color:var(--color-primary)}.blog-content strong{font-weight:600;color:var(--color-text)}.blog-content ul,.blog-content ol{margin-bottom:var(--blog-paragraph-gap);padding-left:1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content li::marker{color:var(--color-text-muted)}.blog-content :not(pre)>code{font-family:var(--font-code),monospace;font-size:.9375rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.15em .35em}.blog-content pre{font-family:var(--font-code),monospace;font-size:var(--blog-code-size);line-height:1.7;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;margin-bottom:var(--blog-paragraph-gap);overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-content pre code{font-size:inherit;background:none;border:none;padding:0;border-radius:0}.blog-content blockquote{font-family:var(--font-body),system-ui,sans-serif;font-size:1.375rem;font-style:italic;line-height:1.5;color:var(--color-text);border-left:4px solid var(--color-primary);padding-left:1.5rem;margin:var(--blog-section-gap) 0}.blog-content blockquote p{margin-bottom:0}.blog-content img{border-radius:8px;box-shadow:var(--shadow-sm);max-width:100%;height:auto}.blog-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--blog-section-gap) 0}.category-badge{display:inline-block;font-family:var(--font-body),system-ui,sans-serif;font-size:var(--blog-label-size);font-weight:600;text-transform:uppercase;letter-spacing:.06em;line-height:1.4;padding:.2em .75em;border-radius:9999px}.category-badge[data-category=concepts]{background:var(--cat-concepts-bg);color:var(--cat-concepts)}.category-badge[data-category=practicals]{background:var(--cat-practicals-bg);color:var(--cat-practicals)}.category-badge[data-category=perspectives]{background:var(--cat-perspectives-bg);color:var(--cat-perspectives)}.category-badge[data-category=stories]{background:var(--cat-stories-bg);color:var(--cat-stories)}.blog-index{max-width:var(--blog-content-width);margin:0 auto;padding:var(--space-16) var(--space-6)}.blog-index-title{font-family:var(--font-display),system-ui,sans-serif;font-size:var(--blog-title-size);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-12);color:var(--color-text)}.blog-post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-10)}.blog-post-item{padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border)}.blog-post-item:last-child{border-bottom:none}.blog-post-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--blog-small-size);color:var(--color-text-muted)}.blog-post-link{text-decoration:none;color:inherit;display:block}.blog-post-link:hover .blog-post-title{color:var(--color-primary)}.blog-post-title{font-family:var(--font-display),system-ui,sans-serif;font-size:var(--blog-h2-size);font-weight:600;line-height:1.25;letter-spacing:-.01em;margin-bottom:.25rem;color:var(--color-text);transition:color var(--duration-fast) var(--ease-default)}.blog-post-subtitle{font-size:var(--blog-body-size);color:var(--color-text-secondary);line-height:1.5;margin:0}
