.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px;min-height:100vh}.blog-header{margin-bottom:60px}.back-link{display:inline-block;margin-bottom:20px;text-decoration:none;color:rgb(1000,1000,1000);opacity:.8;transition:opacity .2s;&:hover{opacity:1}}.empty-state{text-align:center;padding:80px 20px;p{font-size:24px;margin-bottom:30px}}.admin-link{display:inline-block;padding:12px 24px;background:rgb(1000,1000,1000);color:rgb(0,0,0);text-decoration:none;border-radius:4px;transition:opacity .2s;&:hover{opacity:.9}}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:30px;gap:30px;@media (max-width:768px){grid-template-columns:1fr;gap:24px}}.post-card{background:rgb(20,20,20);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;border:1px solid rgb(40,40,40);&:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}}.post-link{text-decoration:none;color:inherit;display:block}.post-image{width:100%;height:200px;overflow:hidden;background:rgb(30,30,30);img{width:100%;height:100%;object-fit:cover}}.post-content{padding:24px;h2{font-size:24px;line-height:1.4;margin:0 0 12px;font-weight:600}}.post-excerpt{font-size:16px;line-height:1.6;color:rgb(200,200,200);margin:12px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-meta{display:flex;gap:16px;font-size:14px;color:rgb(150,150,150);margin-top:16px;padding-top:16px;border-top:1px solid rgb(40,40,40);.author,time{display:block}}.blog-post{max-width:800px;margin:0 auto;h1{margin-bottom:24px}}.post-header-meta{display:flex;gap:24px;font-size:16px;color:rgb(150,150,150);margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgb(40,40,40);.author,time{display:block}}.featured-image{width:100%;margin:40px 0;border-radius:8px;overflow:hidden;img{width:100%;height:auto;display:block}}.post-excerpt-large{font-size:20px;line-height:1.8;color:rgb(200,200,200);margin:30px 0;font-style:italic}.post-content-rich{margin-top:40px;line-height:1.8;font-size:18px;p{margin:24px 0}h2{font-size:32px;margin:40px 0 24px}h2,h3{font-weight:600}h3{font-size:24px;margin:32px 0 20px}ol,ul{margin:24px 0;padding-left:32px}li{margin:12px 0}img{max-width:100%;height:auto;border-radius:8px;margin:32px 0}blockquote{border-left:4px solid rgb(1000,1000,1000);padding-left:24px;margin:32px 0;font-style:italic;color:rgb(200,200,200)}code{background:rgb(30,30,30);padding:2px 6px;border-radius:4px;font-size:16px}pre{background:rgb(20,20,20);padding:20px;border-radius:8px;overflow-x:auto;margin:32px 0;code{background:none;padding:0}}}