.blog-list {
    display: flex;
    flex-direction: column;
    list-style: none;
}

.blog-list li {
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.1rem;
    color: var(--text-secondary);
    position: relative;
    padding-left: 1rem;
    margin-bottom: 0.15rem;
}

.blog-list li::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: var(--text-accent);
}

@media (max-width: 600px) {
    .blog-list li {
        font-size: 0.9rem;
        padding-bottom: 0.5rem;
    }
}