.blog-index{max-width:800px;margin:0 auto;padding:2rem}.blog-posts{display:flex;flex-direction:column;gap:2rem}.blog-preview{background:rgba(0,0,0,.2);padding:1.5rem;border-radius:8px;h2 { margin: 0 0 1rem 0; a { color: #4caf50; text-decoration: none; &:hover { text-decoration: underline; } } } h3 { margin: 0 0 1rem 0; font-size: 1.4rem; line-height: 1.3; a { color: #4caf50; text-decoration: none; &:hover { color: #45a049; text-decoration: underline; } } }}.post-meta{color:#888;font-size:.9rem;margin-bottom:1rem}.post-excerpt{margin-bottom:1rem}.read-more{display:inline-block;color:#4caf50;text-decoration:none;margin-top:1rem;&:hover { text-decoration:underline; }}.blog-post{max-width:800px;margin:0 auto;padding:2rem;background:rgba(0,0,0,.2);border-radius:8px;h1 { color: #4caf50; margin-bottom: 2rem; } img { max-width: 100%; height: auto; border-radius: 8px; margin: 1.5rem 0; display: block; }}.post-content{line-height:1.8;h2, h3 { color: #4caf50; margin: 2rem 0 1rem; } ul { margin-left: 1.5rem; } li { margin-bottom: 0.5rem; }}.back-link{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;padding:10px 20px;background:rgba(0,0,0,.2);border-radius:4px;margin:20px 0;width:fit-content;&:hover { background:rgba(0,0,0,0.3); } svg { width:20px; height:20px; }}