/* Blog specific layer for MammothMuscle.com */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(1.6rem, 3vw, 2.4rem);
}

.blog-card {
    background: var(--grit-ash);
    border: var(--brutal-line) solid var(--steel-spark);
    box-shadow: 12px 12px 0 var(--brutal-shadow);
    padding: 1.8rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.blog-card h3 {
    font-family: var(--font-heading);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 2rem;
}

.filter-bar button {
    background: transparent;
    border: var(--brutal-line) solid var(--forge-ember);
    color: var(--muscle-ivory);
    padding: 10px 18px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    cursor: pointer;
}

.filter-bar button.is-active {
    background: var(--forge-ember);
    color: var(--muscle-ivory);
}