.blog-header {
    margin: 3rem 0;
}

.blog-header h1 {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.blog-header p {
    color: var(--secondary-light);
}

.dark-mode .blog-header p {
    color: var(--secondary-dark);
}

.blog-list {
    max-width: 800px;
    margin: 0 auto;
}

.blog-item {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.dark-mode .blog-item {
    border-bottom-color: #2d2d2d;
}

.blog-item h3 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.blog-item a {
    color: var(--text-light);
    text-decoration: none;
}

.dark-mode .blog-item a {
    color: var(--text-dark);
}

.blog-item a:hover {
    color: var(--primary-light);
}

.dark-mode .blog-item a:hover {
    color: var(--primary-dark);
}

.company-tag {
    color: var(--primary-light);
    font-size: 0.9em;
}

.dark-mode .company-tag {
    color: var(--primary-dark);
}

time {
    font-size: 0.9rem;
    color: var(--secondary-light);
}

.dark-mode time {
    color: var(--secondary-dark);
}