.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}*{box-sizing:border-box}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}.container{max-width:33.333%;margin:0 auto;padding:0 20px;width:100%}header{width:100%;border-bottom:1px solid #e5e7eb}.header-container{max-width:33.333%;margin:0 auto;padding:1rem 20px;display:flex;justify-content:space-between;align-items:center}.header-container .title{text-decoration:none;color:inherit}.header-container .title h3{margin:0}.nav-links{display:flex;gap:0}.nav-links a{padding:.5rem 1rem;text-decoration:none;color:#6b7280;font-weight:400;font-size:.9rem;border-radius:.375rem;transition:all .2s ease;position:relative}.nav-links a.active{color:#1f2937;font-weight:500;background-color:#f3f4f6}main{flex:1;max-width:33.333%;margin:0 auto;padding:2rem 20px;width:100%}footer{width:100%;border-top:1px solid #e5e7eb;margin-top:auto}.footer-container{max-width:33.333%;margin:0 auto;padding:1.5rem 20px;text-align:center}.social-links{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.social-icon{color:inherit;text-decoration:none;opacity:.7;transition:opacity .2s ease}.social-icon:hover{opacity:1}.copyright{display:flex;flex-direction:column;gap:.25rem}.copyright small{opacity:.7}.copyright a{color:inherit;text-decoration:none}.copyright a:hover{text-decoration:underline}article{width:100%}img{max-width:100%;height:auto;display:block;margin:1rem auto;border-radius:4px}.hero-image img{width:100%;height:auto;object-fit:cover;margin:0 0 1.5rem}.prose img{max-width:100%;height:auto;margin:1.5rem auto;box-shadow:0 4px 6px -1px #0000001a}code{background-color:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;color:#374151}pre{background-color:#2d3748;color:#e2e8f0;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;border:1px solid #4a5568}pre code{background-color:transparent;padding:0;border-radius:0;color:inherit;font-size:inherit}pre::-webkit-scrollbar{height:8px}pre::-webkit-scrollbar-track{background:#4a5568;border-radius:4px}pre::-webkit-scrollbar-thumb{background:#718096;border-radius:4px}pre::-webkit-scrollbar-thumb:hover{background:#a0aec0}a code{color:inherit}.blog-posts{list-style:none;padding:0;margin:0}.blog-posts li{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.blog-posts li:last-child{border-bottom:none}.blog-posts .post-date{flex-shrink:0;min-width:100px;font-size:.875rem;color:#6b7280;font-weight:400}.blog-posts .post-title{flex:1;text-decoration:none;color:#374151;font-weight:500;transition:color .2s ease}.blog-posts .post-title:hover{color:#1f2937}.tags-container{margin:1rem 0}.blog-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.blog-tags li{margin:0}.blog-tags a{display:inline-block;padding:.25rem .75rem;background-color:#f3f4f6;color:#6b7280;text-decoration:none;font-size:.875rem;font-weight:400;border-radius:1rem;transition:all .2s ease;border:1px solid transparent}.blog-tags a:hover{background-color:#e5e7eb;color:#374151;border-color:#d1d5db}.blog-tags a:active{background-color:#374151;color:#f9fafb}.tag-title{color:#1f2937;margin:0 0 1rem}.tag-title span{color:#6366f1;font-weight:600}.back-link{display:inline-block;margin:0 0 1rem}.back-link a{color:#6b7280;text-decoration:none;font-size:.875rem;transition:color .2s ease}.back-link a:hover{color:#374151}@media (max-width: 768px){.blog-posts li{flex-direction:column;align-items:flex-start;gap:.25rem}.blog-posts .post-date{min-width:auto;font-size:.8rem}.blog-tags{gap:.375rem}.blog-tags a{padding:.2rem .6rem;font-size:.8rem}}@media (max-width: 1200px){.container,.header-container,main,.footer-container{max-width:50%}}@media (max-width: 768px){.container,.header-container,main,.footer-container{max-width:90%}.header-container{flex-direction:column;gap:1rem}.nav-links{justify-content:center;flex-wrap:wrap}.nav-links a{padding:.4rem .8rem;font-size:.85rem}}