.blog-page{background:var(--bg);min-height:100vh;padding-top:76px}.blog-page-header{text-align:center;max-width:960px;margin:0 auto;padding:4rem 2rem 2rem}.blog-page-title{color:var(--secondary-light);text-transform:uppercase;margin-bottom:1rem;font-size:4rem}.blog-page-description{color:var(--secondary-dark);margin-bottom:0;font-size:1.6rem}.blog-page-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;max-width:960px;margin:0 auto;padding:2rem;display:grid}.blog-card{background:var(--bg-darken);transition:var(--transition);border:2px solid #0000;border-radius:.5rem;text-decoration:none;display:block;overflow:hidden}.blog-card:hover{border-color:var(--secondary-dark);transform:translateY(-4px)}.blog-card-image{width:100%;height:180px;position:relative}.blog-card-content{padding:1.5rem}.blog-card-title{color:var(--secondary-dark);margin-bottom:.5rem;font-size:1.8rem;font-weight:600;line-height:1.3}.blog-card-date{color:var(--primary-dark);opacity:.8;margin-bottom:1rem;font-size:1.2rem;display:block}.blog-card-excerpt{color:var(--secondary-dark);opacity:.9;margin-bottom:0;font-size:1.4rem;line-height:1.6}.blog-feed-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.blog-feed-footer{text-align:center}.blog-feed-link{text-transform:uppercase;color:var(--secondary-dark);border:2px solid var(--secondary-dark);transition:var(--transition);padding:1rem 2rem;font-size:1.4rem;font-weight:600;display:inline-block}.blog-feed-link:hover{background:var(--secondary-dark);color:var(--bg)}.blog-post-page{background:var(--bg);min-height:100vh;padding-top:76px}.blog-post{max-width:760px;margin:0 auto;padding:2rem}.blog-post-header{margin-bottom:2rem}.blog-post-back{color:var(--primary-dark);transition:var(--transition);margin-bottom:2rem;font-size:1.4rem;text-decoration:none;display:inline-block}.blog-post-back:hover{color:var(--secondary-light)}.blog-post-title{color:var(--secondary-dark);text-transform:none;margin-bottom:1rem;font-size:3.5rem;line-height:1.2}.blog-post-date{color:var(--primary-dark);opacity:.8;font-size:1.4rem;display:block}.blog-post-image{border-radius:.5rem;width:100%;height:400px;margin-bottom:2rem;position:relative;overflow:hidden}.blog-post-content{color:var(--secondary-dark)}.blog-post-content .text-block p{margin-bottom:1.5rem;font-size:1.6rem;line-height:1.8}.blog-post-content .text-block p:last-child{margin-bottom:0}.text-block{margin-bottom:2rem}.code-block{background:var(--primary-dark);border-radius:.5rem;margin:2rem 0;position:relative;overflow:hidden}.code-block-language{text-transform:uppercase;color:var(--bg);background:var(--secondary-dark);border-bottom-left-radius:.5rem;padding:.4rem 1rem;font-size:1.1rem;position:absolute;top:0;right:0}.code-block pre{margin:0;padding:1.5rem;overflow-x:auto}.code-block code{font-family:var(--font-roboto-mono);color:var(--bg);white-space:pre;font-size:1.4rem;line-height:1.6}@media (max-width:768px){.blog-page-title{font-size:3rem}.blog-post-title{font-size:2.5rem}.blog-page-grid,.blog-feed-grid{grid-template-columns:1fr}.blog-post-image{height:250px}.code-block pre{padding:1rem}.code-block code{font-size:1.2rem}}