.blog-body{background:#f7fafc;color:#2d3748;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;margin:0;padding:0}.blog-layout{background:#f7fafc;display:block;min-height:100vh;width:100%}.blog-layout *{box-sizing:border-box}.blog-header-container{margin:0 auto;max-width:1140px;padding:0 1.5rem}@media(max-width:768px){.blog-header-container{padding:0 1rem}}.blog-hero-container{margin:0 auto;max-width:960px;padding:0 1.5rem}@media(max-width:768px){.blog-hero-container{padding:0 1rem}}.blog-content-wrapper{margin:0 auto;max-width:960px;padding:3rem 1.5rem 4rem}@media(max-width:768px){.blog-content-wrapper{padding:2rem 1rem 3rem}}.blog-content-wrapper--article{max-width:1140px}.blog-main{width:100%}.articles-grid{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.articles-grid{gap:1.5rem;grid-template-columns:1fr}}.blog-container--article{max-width:1140px}.blog-article-wrapper{align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 300px}@media(max-width:992px){.blog-article-wrapper{grid-template-columns:1fr}}.empty-state{padding:4rem 0;text-align:center}.empty-state p{color:#4a5568;font-size:1.125rem;margin:0 0 2rem}.btn{align-items:center;border:2px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .2s ease}.btn--primary{background:#e74c3c;color:#fff}.btn--primary:hover{background:#d62c1a;box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-2px)}.btn--secondary{background:#fff;border-color:#e2e8f0;color:#2d3748}.btn--secondary:hover{border-color:#e74c3c;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#e74c3c;transform:translateY(-2px)}.blog-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.blog-header-container{align-items:center;display:flex;height:70px;justify-content:space-between}.blog-logo a{align-items:center;display:flex;font-size:1.25rem;font-weight:700;text-decoration:none}.blog-logo a,.blog-logo a .logo-text{color:#2d3748}.blog-logo a .logo-accent{color:#e74c3c;margin-left:.25rem}.blog-logo a:hover{opacity:.8}.blog-nav{display:flex;gap:2rem}.blog-nav a{border-radius:.5rem;color:#4a5568;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.blog-nav a:hover{background:#f7fafc;color:#e74c3c}.blog-nav a.active{background:rgba(231,76,60,.1);color:#e74c3c}@media(max-width:768px){.blog-nav{gap:1rem}.blog-nav a{font-size:1rem;padding:.25rem .5rem}}.blog-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0}.blog-hero,.blog-hero-container{text-align:center}.blog-hero-container h1{font-size:2.25rem;font-weight:700;line-height:1.4;margin:0 0 1rem}.blog-hero-container p{font-size:1.125rem;line-height:1.6;margin:0;opacity:.95}@media(max-width:768px){.blog-hero-container h1{font-size:1.875rem}.blog-hero-container p{font-size:1rem}}.article-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .2s ease}.article-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.15);transform:translateY(-4px)}.article-card__image{height:200px;overflow:hidden;position:relative;width:100%}.article-card__image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.article-card__image:hover img{transform:scale(1.05)}.article-card__content{display:flex;flex:1;flex-direction:column;padding:1.5rem}.article-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.article-card__meta time{color:#718096;font-size:.875rem}.article-card__title{font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 1rem}.article-card__title a{color:#2d3748;text-decoration:none;transition:color .2s ease}.article-card__title a:hover{color:#e74c3c}.article-card__excerpt{color:#4a5568;flex:1;line-height:1.6;margin:0 0 1.5rem}.article-card__read-more{align-items:center;align-self:flex-start;color:#e74c3c;display:inline-flex;font-weight:600;text-decoration:none;transition:all .2s ease}.article-card__read-more:hover{color:#d62c1a;transform:translateX(4px)}.category-badge{align-items:center;border-radius:.25rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.5px;padding:.25rem 1rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.category-badge:hover{opacity:.9;transform:translateY(-1px)}.category-pills{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.pill{align-items:center;background:#f7fafc;border:2px solid transparent;border-radius:2rem;color:#4a5568;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1.5rem;text-decoration:none;transition:all .2s ease}.pill:hover{transform:translateY(-2px)}.pill--active,.pill:hover{background:#e74c3c;color:#fff}.pill--active{border-color:#e74c3c}.pill-count{background:hsla(0,0%,100%,.3);border-radius:2rem;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.pill--active .pill-count{background:hsla(0,0%,100%,.2)}.pagination{display:flex;justify-content:center;margin-top:4rem}.pagination ul{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.pagination li,.pagination-btn{display:inline-flex}.pagination-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#4a5568;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.pagination-btn:hover:not(.pagination-btn--active){background:#f7fafc;border-color:#e74c3c;color:#e74c3c}.pagination-btn--active{background:#e74c3c;border-color:#e74c3c;color:#fff;cursor:default}.pagination-ellipsis{align-items:center;color:#718096;display:inline-flex;height:40px;justify-content:center;min-width:40px}@media(max-width:576px){.pagination ul{gap:.25rem}.pagination-btn{font-size:.875rem;height:36px;min-width:36px;padding:.25rem .5rem}}.blog-sidebar{max-height:calc(100vh - 70px - 3rem);overflow-y:auto;position:sticky;top:calc(70px + 2rem)}.blog-sidebar .sidebar-section{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem;padding:1.5rem}.blog-sidebar .sidebar-section:last-child{margin-bottom:0}.blog-sidebar .sidebar-title{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.125rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem}.blog-sidebar .category-list{list-style:none;margin:0;padding:0}.blog-sidebar .category-list li{margin-bottom:.5rem}.blog-sidebar .category-list li:last-child{margin-bottom:0}.blog-sidebar .category-list li a{align-items:center;border-radius:.5rem;color:#4a5568;display:flex;justify-content:space-between;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.blog-sidebar .category-list li a:hover{background:#f7fafc;color:#e74c3c}.blog-sidebar .category-list .category-icon{margin-right:.5rem}.blog-sidebar .category-list .category-name{flex:1;font-weight:500}.blog-sidebar .category-list .category-count{background:#f7fafc;border-radius:2rem;color:#718096;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.blog-sidebar .recent-articles{list-style:none;margin:0;padding:0}.blog-sidebar .recent-articles li{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1.5rem}.blog-sidebar .recent-articles li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.blog-sidebar .recent-articles li a{display:block;text-decoration:none;transition:all .2s ease}.blog-sidebar .recent-articles li a:hover .recent-article-title{color:#e74c3c}.blog-sidebar .recent-articles .recent-article-title{color:#2d3748;display:block;font-weight:600;line-height:1.4;margin-bottom:.25rem;transition:color .2s ease}.blog-sidebar .recent-articles time{color:#718096;font-size:.875rem}@media(max-width:992px){.blog-sidebar{margin-top:3rem;max-height:none;position:static}}.blog-article{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:3rem}@media(max-width:768px){.blog-article{padding:1.5rem}}.article-header{margin-bottom:3rem}.article-header .article-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.article-header .article-meta time{color:#718096;font-size:1rem}.article-header .article-title{color:#2d3748;font-size:2.25rem;font-weight:700;line-height:1.4;margin:0 0 2rem}@media(max-width:768px){.article-header .article-title{font-size:1.875rem}}.article-header .article-featured-image{border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.article-header .article-featured-image img{display:block;height:auto;width:100%}.article-footer{border-top:2px solid #e2e8f0;margin-top:4rem;padding-top:3rem}.article-navigation{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}@media(max-width:768px){.article-navigation{grid-template-columns:1fr}}.article-nav{border:1px solid #e2e8f0;border-radius:.5rem;display:flex;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .2s ease}.article-nav:hover{background:#f7fafc;border-color:#e74c3c;transform:translateY(-2px)}.article-nav--prev{text-align:left}.article-nav--next{text-align:right}.article-nav__label{color:#718096;display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.article-nav__title{color:#2d3748;display:block;font-weight:600;line-height:1.4}.article-nav:hover .article-nav__title{color:#e74c3c}.article-back{text-align:center}.article-content{color:#2d3748;font-size:1.125rem;line-height:1.8}.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#2d3748;font-weight:700;line-height:1.4;margin-bottom:1.5rem;margin-top:3rem}.article-content h2{border-bottom:2px solid #e2e8f0;font-size:1.875rem;padding-bottom:1rem}.article-content h3{font-size:1.5rem}.article-content h4{font-size:1.25rem}.article-content p{margin:0 0 1.5rem}.article-content a{color:#e74c3c;text-decoration:underline;transition:color .2s ease}.article-content a:hover{color:#d62c1a}.article-content strong{color:#2d3748;font-weight:700}.article-content em{font-style:italic}.article-content ol,.article-content ul{margin:0 0 1.5rem;padding-left:2rem}.article-content ol li,.article-content ul li{line-height:1.8;margin-bottom:.5rem}.article-content ol li::marker,.article-content ul li::marker{color:#e74c3c}.article-content blockquote{background:#f7fafc;border-left:4px solid #e74c3c;color:#4a5568;font-style:italic;margin:2rem 0;padding:1.5rem 2rem}.article-content blockquote p:last-child{margin-bottom:0}.article-content pre{background:#2d3748;border-radius:.5rem;color:#f8f8f2;font-family:Fira Code,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;margin:0 0 1.5rem;overflow-x:auto;padding:1.5rem}.article-content pre code{background:none;color:inherit;font-size:inherit;padding:0}.article-content code{background:#f7fafc;border-radius:.25rem;color:#e74c3c;font-family:Fira Code,Monaco,Courier New,monospace;font-size:.875em;padding:.125rem .375rem}.article-content img{border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);height:auto;margin:2rem 0;max-width:100%}.article-content table{border-collapse:collapse;font-size:1rem;margin:2rem 0;width:100%}.article-content table td,.article-content table th{border:1px solid #e2e8f0;padding:1rem;text-align:left}.article-content table th{background:#f7fafc;color:#2d3748;font-weight:700}.article-content table tr:nth-child(2n){background:#edf2f7}.article-content hr{border:none;border-top:2px solid #e2e8f0;margin:3rem 0}.article-content iframe{border-radius:.5rem;margin:2rem 0;max-width:100%}@media(max-width:768px){.article-content{font-size:1rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}.article-content h4{font-size:1.125rem}.article-content pre{font-size:.8125rem;padding:1rem}}