.blog-post-layout:where(.astro-4sn4zg3r){padding-top:80px;padding-bottom:120px}.blog-post-container:where(.astro-4sn4zg3r){max-width:740px}.post-header:where(.astro-4sn4zg3r){margin-bottom:40px}.post-meta-top:where(.astro-4sn4zg3r){display:flex;align-items:center;gap:16px;margin-bottom:20px}.post-category-badge:where(.astro-4sn4zg3r){display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 12px;border-radius:9999px;text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}.post-category-badge:where(.astro-4sn4zg3r):hover{opacity:.8}.post-date:where(.astro-4sn4zg3r){font-size:13px;color:var(--text-tertiary)}.post-title:where(.astro-4sn4zg3r){margin-bottom:16px;line-height:1.2}.post-description:where(.astro-4sn4zg3r){font-size:19px;line-height:1.6;color:var(--text-secondary);margin-bottom:24px}.post-byline:where(.astro-4sn4zg3r){display:flex;align-items:center;gap:12px;margin-bottom:20px}.byline-avatar:where(.astro-4sn4zg3r){width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border-subtle)}.byline-name:where(.astro-4sn4zg3r){font-size:14px;font-weight:600;color:var(--text-primary)}.byline-sep:where(.astro-4sn4zg3r){margin:0 4px;color:var(--text-tertiary)}.byline-meta:where(.astro-4sn4zg3r){font-size:14px;color:var(--text-tertiary)}.post-tags:where(.astro-4sn4zg3r){display:flex;gap:8px;flex-wrap:wrap}.post-tag-pill:where(.astro-4sn4zg3r){font-size:12px;padding:4px 12px;border-radius:9999px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.post-tag-pill:where(.astro-4sn4zg3r):hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#f8a23214}.post-cover:where(.astro-4sn4zg3r){margin-bottom:48px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle)}.post-cover:where(.astro-4sn4zg3r) img:where(.astro-4sn4zg3r){width:100%;max-height:480px;object-fit:cover;display:block}.blog-content:where(.astro-4sn4zg3r) h2{font-size:var(--font-size-3xl);font-weight:700;margin-top:48px;margin-bottom:16px;color:var(--text-primary)}.blog-content:where(.astro-4sn4zg3r) h3{font-size:var(--font-size-2xl);font-weight:700;margin-top:36px;margin-bottom:12px;color:var(--text-primary)}.blog-content:where(.astro-4sn4zg3r) h4{font-size:18px;font-weight:600;margin-top:28px;margin-bottom:8px;color:var(--text-primary)}.blog-content:where(.astro-4sn4zg3r) p{margin-bottom:24px;font-size:18px;line-height:1.75;color:var(--text-secondary)}.blog-content:where(.astro-4sn4zg3r) ul,.blog-content:where(.astro-4sn4zg3r) ol{margin-bottom:24px;padding-left:28px;color:var(--text-secondary);font-size:18px;line-height:1.75}.blog-content:where(.astro-4sn4zg3r) li{margin-bottom:8px}.blog-content:where(.astro-4sn4zg3r) pre{padding:20px 24px;border-radius:var(--radius-lg);background:var(--bg-card)!important;border:1px solid var(--border-subtle);overflow-x:auto;margin-bottom:28px;font-size:14px;line-height:1.6}.blog-content:where(.astro-4sn4zg3r) code{font-family:var(--font-mono)}.blog-content:where(.astro-4sn4zg3r) :not(pre)>code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:.85em;color:var(--accent-primary)}.blog-content:where(.astro-4sn4zg3r) a{color:var(--accent-primary)}.blog-content:where(.astro-4sn4zg3r) a:hover{text-decoration:underline}.blog-content:where(.astro-4sn4zg3r) img{max-width:100%;border-radius:var(--radius-lg);margin:32px 0;border:1px solid var(--border-subtle)}.blog-content:where(.astro-4sn4zg3r) blockquote{border-left:3px solid var(--accent-primary);padding-left:24px;margin:32px 0;color:var(--text-secondary);font-style:italic}.blog-content:where(.astro-4sn4zg3r) hr{border:none;border-top:1px solid var(--border-subtle);margin:48px 0}.blog-content:where(.astro-4sn4zg3r) table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:15px}.blog-content:where(.astro-4sn4zg3r) th,.blog-content:where(.astro-4sn4zg3r) td{text-align:left;padding:10px 16px;border-bottom:1px solid var(--border-subtle)}.blog-content:where(.astro-4sn4zg3r) th{font-weight:600;background:var(--bg-secondary);color:var(--text-primary)}.blog-content:where(.astro-4sn4zg3r) td{color:var(--text-secondary)}.post-nav:where(.astro-4sn4zg3r){display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-subtle)}.post-nav-link:where(.astro-4sn4zg3r){display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:all var(--duration-fast) var(--ease-out)}.post-nav-link:where(.astro-4sn4zg3r):hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.post-nav-link:where(.astro-4sn4zg3r).next{text-align:right}.nav-dir:where(.astro-4sn4zg3r){font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary)}.nav-title:where(.astro-4sn4zg3r){font-size:14px;font-weight:500;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.post-nav:where(.astro-4sn4zg3r){grid-template-columns:1fr}.post-nav-link:where(.astro-4sn4zg3r).next{text-align:left}}
