.blog-main{max-width:1200px;margin:0 auto;padding:4rem 2rem}.blog-article{max-width:800px;margin:0 auto}.article-header{border-bottom:2px solid var(--tek-platinum);margin-bottom:3rem;padding-bottom:2rem}.article-category{background:var(--tek-orange);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;margin-bottom:1rem;padding:.25rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.article-header h1{color:var(--tek-navy);margin-bottom:1.5rem;font-size:2.5rem;line-height:1.2}.article-meta{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.author{align-items:center;gap:.75rem;display:flex}.author-avatar{background:var(--tek-navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:700;display:flex}.author-name{color:var(--tek-navy);font-weight:600}.author-role,.article-date,.article-read-time{color:var(--tek-navy);opacity:.7;font-size:.875rem}.article-content{color:var(--tek-navy);font-size:1.125rem;line-height:1.8}.article-lead{color:var(--tek-navy);border-left:4px solid var(--tek-orange);margin-bottom:2rem;padding-left:1.5rem;font-size:1.25rem;font-weight:500}.article-content h2{color:var(--tek-navy);margin-top:3rem;margin-bottom:1rem;font-size:1.75rem}.article-content h3{color:var(--tek-navy);margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}.article-content p{margin-bottom:1.5rem}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:2rem}.article-content li{margin-bottom:.5rem}.article-content strong{color:var(--tek-navy);font-weight:700}.article-content em{color:var(--tek-navy);font-style:italic}.article-cta{background:var(--tek-platinum);text-align:center;border-radius:8px;margin:3rem 0;padding:2rem}.article-cta h3{margin-top:0;margin-bottom:.5rem}.article-cta p{opacity:.8;margin-bottom:1.5rem}.article-footer{border-top:2px solid var(--tek-platinum);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.article-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--tek-platinum);color:var(--tek-navy);border-radius:4px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.article-share{color:var(--tek-navy);opacity:.7;align-items:center;gap:1rem;font-size:.875rem;display:flex}.share-link{color:var(--tek-orange);font-weight:600;text-decoration:none}.share-link:hover{text-decoration:underline}.related-articles{border-top:2px solid var(--tek-platinum);max-width:800px;margin:4rem auto 0;padding-top:3rem}.related-articles h3{color:var(--tek-navy);margin-bottom:1.5rem;font-size:1.5rem}.related-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.related-card{border:2px solid var(--tek-platinum);background:#fff;border-radius:8px;padding:1.5rem;text-decoration:none;transition:all .2s}.related-card:hover{border-color:var(--tek-orange);transform:translateY(-2px);box-shadow:0 4px 12px #0f214014}.related-category{background:var(--tek-platinum);color:var(--tek-navy);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.related-card h4{color:var(--tek-navy);margin-bottom:.75rem;font-size:1.125rem;line-height:1.4}.related-author{color:var(--tek-navy);opacity:.7;font-size:.875rem}@media (width<=768px){.blog-main{padding:2rem 1rem}.article-header h1{font-size:2rem}.article-meta{flex-direction:column;align-items:flex-start;gap:1rem}.article-content{font-size:1rem}.article-lead{font-size:1.125rem}.article-footer{flex-direction:column;align-items:flex-start}}.blog-header{text-align:center;border-bottom:2px solid var(--tek-platinum);margin-bottom:3rem;padding-bottom:2rem}.blog-header h1{color:var(--tek-navy);margin-bottom:1rem;font-size:3rem}.blog-header p{color:var(--tek-navy);opacity:.7;max-width:600px;margin:0 auto;font-size:1.25rem}.blog-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.filter-btn{background:var(--tek-platinum);color:var(--tek-navy);cursor:pointer;border:2px solid #0000;border-radius:4px;padding:.5rem 1.5rem;font-weight:600;transition:all .2s}.filter-btn:hover{border-color:var(--tek-orange)}.filter-btn.active{background:var(--tek-orange);color:#fff}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.blog-card{border:2px solid var(--tek-platinum);background:#fff;border-radius:8px;flex-direction:column;padding:2rem;transition:all .2s;display:flex}.blog-card:hover{border-color:var(--tek-orange);transform:translateY(-4px);box-shadow:0 8px 24px #0f21401f}.card-category{background:var(--tek-orange);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-self:flex-start;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.card-title{color:var(--tek-navy);margin-bottom:1rem;font-size:1.5rem;line-height:1.3}.card-excerpt{color:var(--tek-navy);opacity:.8;flex-grow:1;margin-bottom:1.5rem;line-height:1.6}.card-meta{border-top:1px solid var(--tek-platinum);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-top:1rem;display:flex}.card-author{align-items:center;gap:.75rem;display:flex}.card-author .author-avatar{width:40px;height:40px;font-size:1rem}.card-author .author-name{font-size:.875rem;font-weight:600}.card-author .author-role{opacity:.7;font-size:.75rem}.card-date{color:var(--tek-navy);opacity:.6;font-size:.875rem}.card-link{color:var(--tek-orange);font-weight:600;text-decoration:none;transition:color .2s}.card-link:hover{color:var(--tek-navy)}.blog-sidebar{border-top:2px solid var(--tek-platinum);max-width:800px;margin:0 auto;padding-top:3rem}.sidebar-section{margin-bottom:3rem}.sidebar-section h3{color:var(--tek-navy);margin-bottom:1.5rem;font-size:1.5rem}.author-card{background:var(--tek-platinum);border-radius:8px;gap:1rem;margin-bottom:1rem;padding:1.5rem;display:flex}.author-card .author-avatar{flex-shrink:0;width:60px;height:60px;font-size:1.25rem}.author-card .author-info{flex:1}.author-card .author-name{color:var(--tek-navy);margin-bottom:.25rem;font-weight:700}.author-card .author-role{color:var(--tek-orange);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.author-card p{color:var(--tek-navy);opacity:.8;margin:0;font-size:.875rem;line-height:1.5}.sidebar-section p{color:var(--tek-navy);margin-bottom:1rem}@media (width<=768px){.blog-header h1{font-size:2rem}.blog-grid{grid-template-columns:1fr}.blog-filters{flex-direction:column}.filter-btn{width:100%}}
