:root{--sl-color-accent: hsl(270, 70%, 60%);--sl-color-white: #ffffff;--sl-color-gray-1: #f8fafc;--sl-color-gray-2: #f1f5f9;--sl-color-gray-3: #e2e8f0;--sl-color-gray-4: #cbd5e1;--sl-color-gray-5: #94a3b8;--sl-color-gray-6: #475569;--sl-color-black: #0f172a;--sl-color-bg: #ffffff;--sl-color-bg-nav: #f8fafc;--sl-text-xs: .75rem;--sl-text-sm: .875rem;--sl-text-base: 1rem;--sl-text-lg: 1.125rem;--sl-text-xl: 1.25rem;--sl-text-2xl: 1.5rem;--sl-text-3xl: 1.875rem;--sl-text-4xl: 2.25rem;--sl-text-5xl: 3rem}:where(.astro-4sn4zg3r){box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:var(--sl-color-bg);color:var(--sl-color-black);line-height:1.6}.container:where(.astro-4sn4zg3r){max-width:1200px;margin:0 auto;padding:2rem}.content-wrapper:where(.astro-4sn4zg3r){display:grid;grid-template-columns:1fr 320px;gap:3rem;align-items:start}header:where(.astro-4sn4zg3r){background:var(--sl-color-white);padding:1.5rem 0;margin-bottom:3rem}.header-content:where(.astro-4sn4zg3r){max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo:where(.astro-4sn4zg3r){font-size:var(--sl-text-2xl);font-weight:700;color:var(--sl-color-black);text-decoration:none}nav:where(.astro-4sn4zg3r) a:where(.astro-4sn4zg3r){color:var(--sl-color-gray-6);text-decoration:none;margin-left:2rem;transition:color .2s ease}nav:where(.astro-4sn4zg3r) a:where(.astro-4sn4zg3r):hover{color:var(--sl-color-black)}.back-link:where(.astro-4sn4zg3r){display:inline-flex;align-items:center;gap:.5rem;color:var(--sl-color-accent);text-decoration:none;margin-bottom:2rem;font-size:var(--sl-text-sm);transition:gap .2s ease}.back-link:where(.astro-4sn4zg3r):hover{gap:.75rem}article:where(.astro-4sn4zg3r){background:var(--sl-color-white);padding:3rem;margin-bottom:3rem}.article-header:where(.astro-4sn4zg3r){margin-bottom:2rem;padding-bottom:2rem}.article-meta:where(.astro-4sn4zg3r){display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;font-size:var(--sl-text-sm);color:var(--sl-color-gray-5)}.article-meta:where(.astro-4sn4zg3r) time:where(.astro-4sn4zg3r){text-transform:uppercase;letter-spacing:.05em;font-weight:500}.article-meta:where(.astro-4sn4zg3r) .author:where(.astro-4sn4zg3r){padding-left:1rem}h1:where(.astro-4sn4zg3r){font-size:var(--sl-text-4xl);line-height:1.2;margin-bottom:1rem;color:var(--sl-color-black)}.description:where(.astro-4sn4zg3r){font-size:var(--sl-text-lg);color:var(--sl-color-gray-6)}.tags:where(.astro-4sn4zg3r){display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag:where(.astro-4sn4zg3r){font-size:var(--sl-text-xs);padding:.375rem .75rem;background:var(--sl-color-gray-2);color:var(--sl-color-gray-6);border-radius:.25rem;font-weight:500}.content:where(.astro-4sn4zg3r){font-size:var(--sl-text-base);color:var(--sl-color-gray-6)}.content:where(.astro-4sn4zg3r) h2{font-size:var(--sl-text-2xl);margin-top:2.5rem;margin-bottom:1rem;color:var(--sl-color-black)}.content:where(.astro-4sn4zg3r) h3{font-size:var(--sl-text-xl);margin-top:2rem;margin-bottom:.75rem;color:var(--sl-color-black)}.content:where(.astro-4sn4zg3r) p{margin-bottom:1.25rem}.content:where(.astro-4sn4zg3r) ul,.content:where(.astro-4sn4zg3r) ol{margin-bottom:1.25rem;padding-left:1.5rem}.content:where(.astro-4sn4zg3r) li{margin-bottom:.5rem}.content:where(.astro-4sn4zg3r) strong{color:var(--sl-color-black);font-weight:600}.content:where(.astro-4sn4zg3r) a{color:var(--sl-color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.content:where(.astro-4sn4zg3r) a:hover{border-bottom-color:var(--sl-color-accent)}.content:where(.astro-4sn4zg3r) code{background:var(--sl-color-gray-2);color:var(--sl-color-black);padding:.25rem .5rem;border-radius:.25rem;font-size:.9em}.content:where(.astro-4sn4zg3r) hr{border:none;margin:2rem 0}footer:where(.astro-4sn4zg3r){padding:2rem 0;margin-top:4rem;text-align:center;color:var(--sl-color-gray-6);font-size:var(--sl-text-sm)}footer:where(.astro-4sn4zg3r) a:where(.astro-4sn4zg3r){color:var(--sl-color-gray-6)}footer:where(.astro-4sn4zg3r) a:where(.astro-4sn4zg3r):hover{color:var(--sl-color-black)}.sidebar:where(.astro-4sn4zg3r){position:sticky;top:2rem}.sidebar-content:where(.astro-4sn4zg3r){background:var(--sl-color-gray-1);padding:1.5rem}.sidebar:where(.astro-4sn4zg3r) h2:where(.astro-4sn4zg3r){font-size:var(--sl-text-lg);margin-bottom:1rem;color:var(--sl-color-black)}.recent-posts:where(.astro-4sn4zg3r){list-style:none;padding:0;margin:0}.recent-post-item:where(.astro-4sn4zg3r){padding:.75rem 0}.recent-post-link:where(.astro-4sn4zg3r){text-decoration:none;color:var(--sl-color-black);display:flex;gap:.75rem;transition:color .2s ease}.recent-post-link:where(.astro-4sn4zg3r):hover{color:var(--sl-color-accent)}.recent-post-thumbnail:where(.astro-4sn4zg3r){width:70px;height:70px;border-radius:.375rem;overflow:hidden;flex-shrink:0;background:var(--sl-color-gray-2)}.recent-post-thumbnail:where(.astro-4sn4zg3r) img:where(.astro-4sn4zg3r){width:100%;height:100%;object-fit:cover}.recent-post-info:where(.astro-4sn4zg3r){flex:1;min-width:0}.recent-post-title:where(.astro-4sn4zg3r){font-size:var(--sl-text-sm);font-weight:600;margin-bottom:.25rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recent-post-date:where(.astro-4sn4zg3r){font-size:var(--sl-text-xs);color:var(--sl-color-gray-5)}@media (max-width: 968px){.content-wrapper:where(.astro-4sn4zg3r){grid-template-columns:1fr}.sidebar:where(.astro-4sn4zg3r){position:static}}@media (max-width: 768px){article:where(.astro-4sn4zg3r){padding:2rem 1.5rem}h1:where(.astro-4sn4zg3r){font-size:var(--sl-text-3xl)}.header-content:where(.astro-4sn4zg3r){flex-direction:column;gap:1rem}nav:where(.astro-4sn4zg3r){display:flex;gap:1rem}nav:where(.astro-4sn4zg3r) a:where(.astro-4sn4zg3r){margin-left:0}}