.blog-page{background:var(--neptune-white);min-height:100vh}.blog-hero{text-align:center;background:linear-gradient(#10bcf512 0%,#10bcf505 60%,#0000 100%);width:100%;padding:3.5rem 2rem 2rem}.blog-hero h1{font-family:var(--font-display);color:var(--neptune-dark);letter-spacing:-.04em;margin-bottom:.75rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:.95}.blog-hero p{color:var(--neptune-text-secondary);max-width:520px;margin:0 auto;font-size:1.0625rem;line-height:1.75}.category-pills{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.category-pill{border-radius:var(--radius-pill);border:1.5px solid var(--neptune-border);background:var(--neptune-white);color:var(--neptune-text-secondary);font-family:var(--font-display);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.5rem 1.125rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.category-pill:hover{border-color:var(--neptune-primary);color:var(--neptune-primary);background:var(--neptune-primary-light)}.category-pill--active{background:var(--neptune-primary);border-color:var(--neptune-primary);color:var(--neptune-white)}.category-pill--active:hover{background:var(--neptune-primary-dark);border-color:var(--neptune-primary-dark);color:var(--neptune-white)}.pill-count{border-radius:var(--radius-pill);text-align:center;background:#0000000f;min-width:1.25rem;padding:.1rem .4rem;font-size:.6875rem;font-weight:700}.category-pill--active .pill-count{color:var(--neptune-white);background:#ffffff40}.articles-count{color:var(--neptune-text-secondary);margin-bottom:1.75rem;font-size:.875rem;display:block}.articles-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem;display:grid}.article-card{background:var(--neptune-white);border:1px solid var(--neptune-border);color:inherit;border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .35s,box-shadow .35s;display:flex;overflow:hidden}.article-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #10bcf51a,0 8px 20px #0000000f}.article-image{height:220px;position:relative;overflow:hidden}.article-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-card:hover .article-image img{transform:scale(1.06)}.article-card .article-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.article-card .article-content h3{font-family:var(--font-display);color:var(--neptune-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.625rem;font-size:1.125rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.article-card .article-content p{color:var(--neptune-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1.25rem;font-size:.9375rem;line-height:1.65;display:-webkit-box;overflow:hidden}.article-meta{border-top:1px solid var(--neptune-border);align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.author-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.author-info{flex-direction:column;display:flex}.author-name{font-family:var(--font-display);color:var(--neptune-text);font-size:.875rem;font-weight:600}.article-date{color:var(--neptune-text-secondary);font-size:.8125rem}.blog-pagination,.pagination{justify-content:center;gap:.5rem;margin-top:3rem;display:flex}.blog-pagination button,.pagination button{border:1.5px solid var(--neptune-border);background:var(--neptune-white);border-radius:var(--radius-pill);width:42px;height:42px;font-family:var(--font-display);color:var(--neptune-text-secondary);cursor:pointer;font-size:.9375rem;font-weight:600;transition:all .2s}.blog-pagination button:hover,.pagination button:hover{border-color:var(--neptune-primary);color:var(--neptune-primary);background:var(--neptune-primary-light)}.blog-pagination button.active,.pagination button.active{background:var(--neptune-primary);border-color:var(--neptune-primary);color:var(--neptune-white)}.blog-loading{flex-direction:column;justify-content:center;align-items:center;padding:6rem 2rem;display:flex}.blog-spinner{border:3px solid var(--neptune-border);border-top-color:var(--neptune-primary);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite blog-spin}@keyframes blog-spin{to{transform:rotate(360deg)}}.blog-loading p{color:var(--neptune-text-secondary);margin-top:1.25rem}.blog-empty{text-align:center;color:var(--neptune-text-secondary);padding:5rem 2rem;font-size:1.0625rem}.article-header{background:linear-gradient(#10bcf512 0%,#10bcf505 60%,#0000 100%);width:100%;padding:2.5rem 2rem 2rem}.header-layout{max-width:1200px;margin:0 auto}.article-breadcrumb{align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.875rem;display:flex}.article-breadcrumb a{color:var(--neptune-primary);font-weight:600;text-decoration:none;transition:color .2s}.article-breadcrumb a:hover{color:var(--neptune-primary-dark)}.breadcrumb-sep{color:var(--neptune-text-secondary);opacity:.5}.breadcrumb-current{color:var(--neptune-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:400px;overflow:hidden}.article-header h1{font-family:var(--font-display);color:var(--neptune-dark);letter-spacing:-.03em;max-width:800px;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.1}.blog-article-page .article-meta{border-top:none;gap:1rem;margin-top:0;padding-top:0}.blog-article-page .author-avatar{border:2px solid #10bcf533;width:44px;height:44px}.meta-info{flex-direction:column;display:flex}.blog-article-page .author-name{color:var(--neptune-text);font-size:.9375rem;font-weight:600}.publish-date{color:var(--neptune-text-secondary);font-size:.8125rem}.article-cover-hero{background:var(--neptune-bg);width:100%;padding:0 2rem}.article-cover-wrapper{border-radius:20px;max-width:1100px;margin:-.5rem auto 0;overflow:hidden;box-shadow:0 8px 32px #00000014}.article-cover-wrapper img{object-fit:cover;width:100%;height:auto;max-height:520px;display:block}.blog-article-page .article-body{background:var(--neptune-bg);width:100%;padding:3rem 2rem 5rem}.article-layout{grid-template-columns:260px 1fr;gap:3rem;max-width:1200px;margin:0 auto;display:grid}.article-main{min-width:0;max-width:900px;overflow:hidden}.toc-sidebar{position:relative}.toc-container{background:var(--neptune-white);border-radius:var(--radius-lg);border:1px solid var(--neptune-border);border-top:3px solid var(--neptune-primary);padding:1.75rem}.toc-container h4{font-family:var(--font-display);color:var(--neptune-text);border-bottom:1px solid var(--neptune-border);margin-bottom:1.25rem;padding-bottom:.875rem;font-size:1rem;font-weight:700}.toc-nav{flex-direction:column;gap:.25rem;display:flex}.toc-link{color:var(--neptune-text-secondary);border-radius:var(--radius-sm);border-left:3px solid #0000;padding:.5rem .875rem;font-size:.875rem;font-weight:500;line-height:1.45;text-decoration:none;transition:all .2s}.toc-link:hover{background:var(--neptune-primary-light);color:var(--neptune-primary);border-left-color:var(--neptune-primary)}.toc-link.toc-sub{padding-left:1.5rem;font-size:.8125rem}.cover-image-container{border-radius:var(--radius-xl);margin-bottom:2rem;overflow:hidden}.cover-image-container img,.cover-image{object-fit:cover;width:100%;height:auto;max-height:500px;display:block}.blog-article-page .article-content{background:var(--neptune-white);border-radius:var(--radius-xl);border:1px solid var(--neptune-border);word-wrap:break-word;overflow-wrap:break-word;padding:3rem;overflow:hidden}.blog-article-page .article-content>*{box-sizing:border-box;max-width:100%}.blog-article-page .article-content h2{font-family:var(--font-display);color:var(--neptune-text);letter-spacing:-.02em;margin:2.5rem 0 1rem;font-size:1.75rem;font-weight:800}.blog-article-page .article-content h3{font-family:var(--font-display);color:var(--neptune-text);margin:2rem 0 .75rem;font-size:1.375rem;font-weight:700}.blog-article-page .article-content p{color:var(--neptune-text);margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.85}.blog-article-page .article-content img{border-radius:var(--radius-lg);object-fit:contain;margin:1.5rem 0;display:block;width:100%!important;max-width:100%!important;height:auto!important}.blog-article-page .article-content img[style]{width:100%!important;max-width:100%!important;height:auto!important}.blog-article-page .article-content figure{max-width:100%;margin:1.5rem 0;padding:0}.blog-article-page .article-content figure img{width:100%!important;max-width:100%!important;height:auto!important}.blog-article-page .article-content ul,.blog-article-page .article-content ol{margin:1.25rem 0;padding-left:1.75rem}.blog-article-page .article-content li{color:var(--neptune-text);margin-bottom:.5rem;font-size:1.0625rem;line-height:1.85}.blog-article-page .article-content a{color:var(--neptune-primary);font-weight:600;text-decoration:none}.blog-article-page .article-content a:hover{text-decoration:underline}.blog-article-page .article-content blockquote{border-left:4px solid var(--neptune-primary);color:var(--neptune-text-secondary);background:var(--neptune-primary-light);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:2rem 0;padding:1.25rem 1.75rem;font-style:italic}.blog-article-page .article-content iframe{border-radius:var(--radius-lg);max-width:100%;margin:1.5rem 0}.blog-article-page .article-content table{width:100%;max-width:100%;display:block;overflow-x:auto}.faq-section{background:var(--neptune-white);border-radius:var(--radius-xl);border:1px solid var(--neptune-border);border-top:3px solid var(--neptune-primary);width:100%;margin-top:3rem;padding:2.5rem 3rem}.faq-section h3{font-family:var(--font-display);color:var(--neptune-text);margin-bottom:1.75rem;font-size:1.5rem;font-weight:800}.faq-list{flex-direction:column;display:flex}.faq-section .faq-item{border-bottom:1px solid var(--neptune-border)}.faq-section .faq-item:last-child{border-bottom:none}.faq-section .faq-question{font-family:var(--font-display);color:var(--neptune-text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 0;font-size:1.0625rem;font-weight:700;display:flex}.faq-section .faq-question:hover{color:var(--neptune-primary)}.faq-section .faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.faq-section .faq-item.expanded .faq-answer{max-height:60rem}.faq-section .faq-icon{flex-shrink:0;transition:transform .3s}.faq-answer-content{color:var(--neptune-text-secondary);padding:0 0 1.5rem;font-size:1rem;line-height:1.75}.faq-answer-content p{margin-bottom:.75rem}.faq-answer-content p:last-child{margin-bottom:0}.error-container{text-align:center;width:100%;padding:12rem 2rem}.error-container h2{font-family:var(--font-display);color:var(--neptune-text);margin-bottom:1rem;font-size:2rem}.error-container p{color:var(--neptune-text-secondary);margin-bottom:2rem;font-size:1.0625rem}.back-link{background:var(--neptune-primary);color:var(--neptune-white);border-radius:var(--radius-pill);font-family:var(--font-display);padding:.875rem 2rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}.back-link:hover{background:var(--neptune-dark);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}@media (max-width:1200px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}.toc-sidebar{display:none}.article-main{max-width:100%}}@media (max-width:768px){.blog-hero{padding:2.5rem 1.25rem 1.5rem}.category-pills{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.25rem;overflow-x:auto}.articles-grid{grid-template-columns:1fr}.article-header{padding:2rem 1.25rem 1.5rem}.breadcrumb-current{max-width:200px}.article-cover-hero{padding:0 1rem}.article-cover-wrapper{border-radius:14px}.blog-article-page .article-body{padding:1.75rem 0}.article-layout{padding:0 1rem}.blog-article-page .article-content{padding:1.75rem}.faq-section{margin-top:2rem;padding:1.75rem}}@media (max-width:480px){.article-header{padding:1.5rem 1rem 1.25rem}.article-cover-hero{padding:0 .75rem}.article-cover-wrapper{border-radius:12px}.blog-article-page .article-content{padding:1.25rem}}