.articles-container{--background:#ffffff;--foreground:#1f2937;--primary:#3b82f6;--primary-foreground:#ffffff;--secondary:#f3f4f6;--secondary-foreground:#1f2937;--muted:#f9fafb;--muted-foreground:#6b7280;--border:#e5e7eb;--ring:#9ca3af;--breakpoint-md:48rem;min-height:100vh}.articles-container,.dark .articles-container{background-color:var(--background);color:var(--foreground)}.dark .articles-container{--background:#0b0e16;--foreground:#ffffff;--primary:#60a5fa;--primary-foreground:#0b0e16;--secondary:#1f2937;--secondary-foreground:#ffffff;--muted:#374151;--muted-foreground:#9ca3af;--border:rgba(255,255,255,0.1);--ring:#6b7280}.dark .articles-container *,.dark .articles-container article,.dark .articles-container div,.dark .articles-container header,.dark .articles-container section{background-color:inherit}.dark .articles-container .article-content,.dark .articles-container .prose{background-color:initial;color:var(--foreground)}.article-card{background:var(--background);border:1px solid var(--border);border-radius:.75rem;padding:1rem;transition:all .3s ease-in-out;display:block;text-decoration:none;color:inherit}.article-card:hover{background:var(--secondary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}[data-theme=dark] .article-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}.article-card-content{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.article-card-content{flex-direction:row}}.article-card-image{flex-shrink:0;max-width:18rem}.article-card-image img{width:100%;height:auto;border-radius:.5rem;object-fit:cover;aspect-ratio:1200/630}.article-card-body{flex:1}.article-card-title{font-size:1.125rem;font-weight:500;margin-bottom:.25rem;color:var(--foreground);transition:color .2s ease}.article-card:hover .article-card-title{color:var(--primary)}.article-card-description{font-size:.875rem;line-height:1.4}.article-card-description,.article-card-meta{color:var(--muted-foreground);margin-bottom:.5rem}.article-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem}.article-card-separator{width:1px;height:1rem;background:var(--border)}.article-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-card-tag{display:inline-flex;align-items:center;gap:.25rem;background:var(--secondary);color:var(--secondary-foreground);border:1px solid transparent;border-radius:.375rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.article-card-tag-hash{color:var(--muted-foreground)}.articles-year-section{display:flex;flex-direction:column;gap:1rem}.articles-year-title{font-weight:500;font-size:1.125rem;color:var(--foreground)}.articles-list{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0;margin:0}.articles-empty{text-align:center;padding:3rem 0}.articles-empty-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--foreground)}.articles-empty-description{color:var(--muted-foreground)}.article-content{line-height:1.7}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-weight:600;margin-top:2rem;margin-bottom:1rem;line-height:1.3}.article-content h1{font-size:2.25rem}.article-content h2{font-size:1.875rem}.article-content h3{font-size:1.5rem}.article-content p{margin-bottom:1.5rem}.article-content ol,.article-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content pre{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;margin:1.5rem 0;overflow-x:auto}.article-content code{background:var(--color-secondary);padding:.125rem .25rem;border-radius:.25rem;font-size:.875em}.article-content pre code{background:transparent;padding:0}.article-content blockquote{border-left:4px solid var(--color-primary);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:var(--color-muted-foreground)}.article-content a{color:var(--color-primary);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s ease}.article-content a:hover{text-decoration-color:var(--color-primary)}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid var(--border);border-radius:.5rem;overflow:hidden;background:var(--background)}.article-content td,.article-content th{border:1px solid var(--border);padding:.75rem 1rem;text-align:left;vertical-align:top}.article-content th{background:var(--secondary);color:var(--secondary-foreground);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.article-content td{background:var(--background);color:var(--foreground)}.article-content tbody tr:nth-child(2n) td{background:var(--muted)}.article-content tbody tr:hover td{background:var(--secondary)}.article-content .table-wrapper{overflow-x:auto;margin:1.5rem 0;border-radius:.5rem;border:1px solid var(--border)}.article-content .table-wrapper table{margin:0;border:none;border-radius:0}@media (max-width:768px){.article-content table{font-size:.875rem}.article-content td,.article-content th{padding:.5rem .75rem}}.article-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0}.articles-sidebar,.toc-sidebar{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.articles-sidebar::-webkit-scrollbar,.toc-sidebar::-webkit-scrollbar{width:6px}.articles-sidebar::-webkit-scrollbar-track,.toc-sidebar::-webkit-scrollbar-track{background:transparent}.articles-sidebar::-webkit-scrollbar-thumb,.toc-sidebar::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.articles-sidebar::-webkit-scrollbar-thumb:hover,.toc-sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--muted-foreground)}.articles-grid{display:grid;grid-template-columns:minmax(0,1fr) min(calc(var(--breakpoint-md) - 2rem),100%) minmax(0,1fr);gap:1.5rem 0}@media (max-width:1279px){.articles-sidebar,.toc-sidebar{display:none}}html{scroll-behavior:smooth}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{scroll-margin-top:6rem}.breadcrumbs,nav[class*=breadcrumb]{margin-bottom:1.5rem}.articles-container .col-start-2:has(nav){margin-bottom:-1rem}.articles-container section{padding:2rem 1rem 3rem}@media (min-width:1280px){.articles-container section{padding:2rem 2rem 4rem}}.article-content.prose{color:var(--foreground);line-height:1.75}.article-content.prose h1,.article-content.prose h2,.article-content.prose h3,.article-content.prose h4,.article-content.prose h5,.article-content.prose h6{color:var(--foreground);font-weight:600;margin-top:2rem;margin-bottom:1rem}.article-content.prose p{margin-bottom:1.25rem;color:var(--foreground)}.article-content.prose a{color:var(--primary);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .2s}.article-content.prose a:hover{text-decoration-color:initial}.article-content.prose code{background:var(--muted);color:var(--foreground);padding:.125rem .25rem;border-radius:.25rem;font-size:.875em}.article-content.prose pre{background:var(--muted);color:var(--foreground);border-radius:.5rem;padding:1rem;overflow-x:auto}.article-content.prose blockquote{border-left:4px solid var(--border);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:var(--muted-foreground)}.article-content.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid var(--border);border-radius:.5rem;overflow:hidden;background:var(--background);font-size:.875rem}.article-content.prose td,.article-content.prose th{border:1px solid var(--border);padding:.75rem 1rem;text-align:left;vertical-align:top}.article-content.prose th{background:var(--secondary);color:var(--secondary-foreground);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.025em}.article-content.prose td{background:var(--background);color:var(--foreground)}.article-content.prose tbody tr:nth-child(2n) td{background:var(--muted)}.article-content.prose tbody tr:hover td{background:var(--secondary);transition:background-color .2s ease}.article-content.prose td strong,.article-content.prose th strong{color:var(--foreground);font-weight:600}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-button,.subposts-sidebar-link{transition:all .2s ease-in-out!important;border:1px solid var(--border)!important;background:var(--background)!important;color:var(--foreground)!important}.articles-container .nav-button:hover,.nav-button:hover{background-color:var(--muted)!important;color:var(--foreground)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.dark .articles-container .nav-button:hover,.dark .nav-button:hover{background-color:var(--muted)!important;color:var(--foreground)!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important}.articles-container .subposts-sidebar-link:hover,.subposts-sidebar-link:hover{background-color:var(--muted)!important;color:var(--foreground)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.dark .articles-container .subposts-sidebar-link:hover,.dark .subposts-sidebar-link:hover{box-shadow:0 4px 12px rgba(0,0,0,.4)!important}.nav-button{min-height:4rem!important}.nav-button:focus-visible{outline:none!important;border-color:var(--ring)!important;box-shadow:0 0 0 3px rgba(96,165,250,.2)!important}.nav-button .transition-transform{transition:transform .2s ease-in-out!important}.subposts-sidebar-active-item,.subposts-sidebar-link:hover{background:var(--muted);color:var(--foreground)}.articles-container a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.category-filter button{transition:all .2s ease-in-out;border:1px solid transparent}.category-filter button:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.dark .category-filter button:hover{box-shadow:0 2px 8px rgba(0,0,0,.3)}.category-filter button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.category-filter button[data-active=true]{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.callout-box{padding:1.5rem;margin:2rem 0;border-radius:.5rem;border-left:4px solid}.callout-box p{margin:0;font-style:italic}.callout-box-blue{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left-color:#3b82f6;color:#475569}.callout-box-light-blue{background:linear-gradient(135deg,#f0f9ff,#dbeafe);border-left-color:#0ea5e9;color:#0c4a6e}.callout-box-yellow{background:linear-gradient(135deg,#fefce8,#fef3c7);border-left-color:#f59e0b;color:#92400e}.dark .callout-box-blue{background:linear-gradient(135deg,#1e293b,#334155);color:#cbd5e1}.dark .callout-box-light-blue{background:linear-gradient(135deg,#0c4a6e,#075985);color:#e0f2fe}.dark .callout-box-yellow{background:linear-gradient(135deg,#451a03,#78350f);color:#fef3c7}.article-content.prose table td:nth-child(2):last-child,.article-content.prose table td:nth-child(3),.article-content.prose table th:nth-child(2):last-child,.article-content.prose table th:nth-child(3){background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;color:#1e40af!important;font-weight:500!important}.article-content.prose table th:nth-child(2):last-child,.article-content.prose table th:nth-child(3){background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#ffffff!important;font-weight:600!important}.dark .article-content.prose table td:nth-child(2):last-child,.dark .article-content.prose table td:nth-child(3),.dark .article-content.prose table th:nth-child(2):last-child,.dark .article-content.prose table th:nth-child(3){background:linear-gradient(135deg,#1e3a8a,#1e40af)!important;color:#dbeafe!important;font-weight:500!important}.dark .article-content.prose table th:nth-child(2):last-child,.dark .article-content.prose table th:nth-child(3){background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;color:#ffffff!important;font-weight:600!important}.article-content.prose tbody tr:hover td:nth-child(2):last-child,.article-content.prose tbody tr:hover td:nth-child(3){background:linear-gradient(135deg,#bfdbfe,#93c5fd)!important;color:#1e40af!important;transition:background-color .2s ease!important}.dark .article-content.prose tbody tr:hover td:nth-child(2):last-child,.dark .article-content.prose tbody tr:hover td:nth-child(3){background:linear-gradient(135deg,#1e40af,#2563eb)!important;color:#dbeafe!important}.faq-accordion{margin-top:3rem!important;margin-bottom:2rem}.faq-item{background:var(--background);transition:all .2s ease-in-out}.faq-item:first-child{margin-top:2rem}.faq-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.dark .faq-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}.faq-question{background:var(--background);color:var(--foreground);border:none;cursor:pointer;font-size:1rem;line-height:1.5}.faq-question:hover{background:var(--muted)!important}.faq-question:focus{outline:none;box-shadow:0 0 0 2px var(--primary)!important}.faq-answer{background:var(--background);border-top:1px solid var(--border);padding-top:1rem!important}.faq-answer p{margin-bottom:1rem}.faq-answer p:last-child{margin-bottom:0}.faq-answer ol,.faq-answer ul{margin:.5rem 0;padding-left:1.5rem}.faq-answer li{margin-bottom:.25rem}.faq-answer strong{color:var(--foreground);font-weight:600}.faq-answer{transition:max-height .3s ease-in-out,opacity .3s ease-in-out,padding .3s ease-in-out}.faq-question svg{color:var(--muted-foreground);transition:transform .2s ease-in-out,color .2s ease-in-out}.faq-question:hover svg{color:var(--primary)}@media (max-width:768px){.faq-question{font-size:.9rem;padding:1rem}.faq-answer{font-size:.875rem}}.cta-button{margin:2rem 0;border-radius:.75rem;overflow:hidden;transition:all .3s ease-in-out;cursor:pointer}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.dark .cta-button:hover{box-shadow:0 8px 25px rgba(0,0,0,.4)}.cta-button-content{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border:none;background:none;cursor:pointer;text-align:left;transition:all .2s ease-in-out}.cta-button-content:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.3)}.cta-button-text{flex:1}.cta-button-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:inherit}.cta-button-description{font-size:.9rem;margin:0;opacity:.9;line-height:1.4}.cta-button-arrow{flex-shrink:0;margin-left:1rem;transition:transform .2s ease-in-out}.cta-button:hover .cta-button-arrow{transform:translateX(4px) translateY(-4px)}.cta-button-blue,.cta-button-light-blue,.cta-button-yellow{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;color:#1e40af}.dark .cta-button-blue,.dark .cta-button-light-blue,.dark .cta-button-yellow{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6;color:#dbeafe}@media (max-width:768px){.cta-button-content{padding:1.25rem 1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.cta-button-arrow{margin-left:0;align-self:flex-end}.cta-button-title{font-size:1rem}.cta-button-description{font-size:.875rem}}