@media(max-width:475px){.glass-nav{padding:.5rem 1rem}.glass-nav .max-w-7xl{padding:0}.hero-section{min-height:auto;padding:2rem 0}.hero-section h1{font-size:2rem;line-height:1.2}.hero-section p{font-size:1rem;margin-bottom:1.5rem}.btn-liquid{padding:.625rem 1.25rem;font-size:.875rem}.card-liquid,.glass-card{padding:1rem;margin-bottom:1rem}.prose{font-size:1rem;color:var(--text-primary);line-height:1.7}.prose h1{font-size:1.75rem;color:var(--text-primary)}.prose h2{font-size:1.5rem;color:var(--text-primary)}.prose h3{font-size:1.25rem;color:var(--text-primary)}.prose h4{font-size:1.125rem;color:var(--text-primary)}.prose p{color:var(--text-primary)}.prose ul,.prose ol{color:var(--text-primary)}.prose li{color:var(--text-primary)}}@media(max-width:640px){.container{padding-left:1rem;padding-right:1rem}.grid-cols-2{grid-template-columns:1fr}.grid-cols-3{grid-template-columns:repeat(2,1fr)}.lg\:col-span-1{display:none}.lg\:col-span-3{grid-column:span 1}.post-list-item{flex-direction:column;text-align:center}.post-list-item .image-container{width:100%;height:200px;margin-bottom:1rem}.search-overlay .search-container{margin:0 1rem;max-width:none}.code-block{margin:1rem -1rem;border-radius:0}.code-header{padding:.5rem 1rem;font-size:.8rem}pre{padding:1rem;font-size:.8rem;overflow-x:auto}}@media(min-width:641px) and (max-width:768px){.hero-section{min-height:auto}.hero-section h1{font-size:3rem}.card-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.desktop-nav{display:none}.mobile-nav{display:block}}@media(min-width:769px) and (max-width:1024px){.main-content{max-width:90%}.sidebar{width:280px}.article-content{max-width:65ch}}@media(min-width:1025px){.hero-section .container{max-width:1200px}.container,.max-w-7xl,.max-w-content{max-width:1200px !important}.article-grid{grid-template-columns:repeat(3,1fr)}.sidebar-sticky{position:sticky;top:6rem;height:fit-content}}@media(min-width:1441px){.container{max-width:1400px}.wide-grid{grid-template-columns:repeat(4,1fr)}}@media(orientation:landscape) and (max-height:500px){.hero-section{min-height:auto;padding:1rem 0}.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1rem}.glass-nav{padding:.5rem 0}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-bg,.featured-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.glass,.glass-card{border-width:.5px}}@media(hover:none) and (pointer:coarse){.btn-liquid,.theme-toggle,.nav-link{min-height:44px;min-width:44px}.hover-scale:hover,.hover-scale-sm:hover{transform:none}.card-liquid:hover{transform:none}.glass-card:hover{transform:none;box-shadow:var(--glass-shadow)}}@media(hover:hover) and (pointer:fine){.interactive-element:hover{transition:all .2s ease}.focusable:focus{outline:2px solid var(--primary-500);outline-offset:2px}}@media print{.glass-nav,.theme-toggle,.btn-liquid,.sidebar,.hero-section,.search-overlay{display:none !important}body{font-size:12pt;line-height:1.4;color:#000;background:#fff}.glass,.glass-card,.card-liquid{background:#fff !important;box-shadow:none !important;border:1px solid #ccc !important}a[href]:after{content:" (" attr(href)")";font-size:10pt;color:#666}.article-content h1,.article-content h2,.article-content h3{page-break-after:avoid}.code-block,.tech-note{page-break-inside:avoid}}@supports(container-type:inline-size){.responsive-container{container-type:inline-size}@container(max-width:400px){.container-responsive {
      font-size: 0.875rem;
    }
  }@container(min-width:600px){.container-responsive {
      display: grid;
      grid-template-columns: 1fr 300px;
      gap: 2rem;
    }
  }}@supports(height:100dvh){.hero-section{min-height:auto}}@supports(scroll-snap-type:y mandatory){.scroll-container{scroll-snap-type:y mandatory;overflow-y:scroll}.scroll-item{scroll-snap-align:start}}@supports(grid-template-rows:subgrid){.subgrid-container{display:grid;grid-template-columns:repeat(3,1fr)}.subgrid-item{display:grid;grid-template-rows:subgrid;grid-row:span 3}}@media(max-width:768px){body{overflow-x:hidden;max-width:100vw}html{overflow-x:hidden;max-width:100vw}*{max-width:100%}.container,.max-w-7xl,.max-w-content,.max-w-content-narrow{max-width:100% !important;width:100% !important;padding-left:1rem !important;padding-right:1rem !important;margin-left:auto !important;margin-right:auto !important}.hero-section{width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:1rem;padding-right:1rem}.grid{grid-template-columns:1fr !important;gap:1rem !important}img{max-width:100%;height:auto}table{display:block;overflow-x:auto;white-space:nowrap;max-width:100%}pre{overflow-x:auto;max-width:100%}.glass-card,.post-card,article{margin-left:0 !important;margin-right:0 !important;width:100% !important;max-width:100% !important;box-sizing:border-box}.flex-wrap{flex-wrap:wrap !important}section{max-width:100vw;overflow-x:hidden}#notification-section{max-width:100vw;overflow-x:hidden}#postsContainer,#cardView{max-width:100% !important;width:100% !important;overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{flex-wrap:wrap}.gap-8{gap:1rem !important}.gap-6{gap:.75rem !important}.px-4{padding-left:.75rem !important;padding-right:.75rem !important}.px-6{padding-left:1rem !important;padding-right:1rem !important}}@media(min-width:769px) and (max-width:1024px){.container,.max-w-7xl,.max-w-content{max-width:95% !important;padding-left:1.5rem !important;padding-right:1.5rem !important}}@media(min-width:1025px){.container,.max-w-7xl{max-width:1200px !important}.max-w-content{max-width:1200px !important}}@media(min-width:1441px){.container,.max-w-7xl,.max-w-content{max-width:1200px !important}}@media(max-width:768px){#categories-grid,#articles-container{grid-template-columns:1fr !important;gap:1rem !important;max-width:100% !important;width:100% !important}.category-card,article{max-width:100% !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box !important}.hero-section,.relative.overflow-hidden{max-width:100vw !important;overflow-x:hidden !important}main,.main,#main{max-width:100vw;overflow-x:hidden}nav,header{max-width:100vw;overflow-x:hidden}footer{max-width:100vw;overflow-x:hidden}.px-4,.px-6,.px-8{padding-left:.75rem !important;padding-right:.75rem !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}.grid-cols-2,.grid-cols-3,.grid-cols-4,.md\:grid-cols-2,.md\:grid-cols-3,.lg\:grid-cols-3,.lg\:grid-cols-4{grid-template-columns:1fr !important}.flex-row{flex-direction:column !important}.text-4xl{font-size:1.875rem !important}.text-5xl{font-size:2.25rem !important}.space-x-3>*+*{margin-left:.5rem !important}.space-x-4>*+*{margin-left:.75rem !important}.rounded-3xl{border-radius:1.5rem !important}.shadow-2xl{box-shadow:0 10px 25px -5px rgba(0,0,0,.1) !important}}@media(max-width:480px){.px-4,.px-6,.px-8{padding-left:.5rem !important;padding-right:.5rem !important}.py-8,.py-12,.py-16{padding-top:2rem !important;padding-bottom:2rem !important}.text-4xl{font-size:1.5rem !important}.text-5xl{font-size:1.875rem !important}.text-xl{font-size:1rem !important}.gap-6,.gap-8{gap:.75rem !important}.glass-card,.post-card{padding:.75rem !important}}@media(max-width:768px){.article-card{max-width:100% !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box !important}.max-w-7xl{max-width:100% !important;padding-left:1rem !important;padding-right:1rem !important}nav.flex{flex-wrap:wrap;gap:.5rem}.text-5xl,.text-6xl,.text-7xl{font-size:2rem !important;line-height:1.2 !important}.text-xl,.text-2xl{font-size:1rem !important}.article-card img{max-width:100% !important;width:100% !important}.article-card .relative{max-width:100% !important}.article-card .absolute{max-width:calc(100% - 2rem) !important}.pagination{flex-wrap:wrap;gap:.5rem}}@media(max-width:480px){.py-16{padding-top:2rem !important;padding-bottom:2rem !important}#articles-container{gap:.75rem !important}.article-card{padding:0 !important}.article-card .h-48{height:10rem !important}}@media(max-width:768px){html,body{max-width:100vw !important;overflow-x:hidden !important}.max-w-7xl,.mx-auto,.container{max-width:100% !important;width:100% !important;padding-left:.75rem !important;padding-right:.75rem !important;margin-left:0 !important;margin-right:0 !important}.bg-white\/90,.dark\:bg-gray-800\/90,[class*=backdrop-blur]{max-width:100% !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;padding-left:1rem !important;padding-right:1rem !important;box-sizing:border-box !important;overflow:hidden !important}[class*=grid]{max-width:100% !important;width:100% !important;overflow:hidden !important}[class*=flex]{max-width:100% !important;flex-wrap:wrap !important}h1,h2,h3,h4,h5,h6,p,span,div{max-width:100% !important;word-wrap:break-word !important;overflow-wrap:break-word !important}a{max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important}.tag-progress,.category-progress{max-width:100% !important;width:100% !important}.space-y-2{max-width:100% !important;width:100% !important}.space-y-2>*{max-width:100% !important;width:100% !important}.tag-card>*,.category-card>*{max-width:100% !important}.tag-card .flex>*,.category-card .flex>*{max-width:100% !important}}