/**
 * Responsive Media Queries
 */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    :root {
        --font-size-base: 15px;
    }

    .container {
        padding: 0 var(--spacing-sm);
    }
}

/* Mobile (< 768px) */
@media (max-width: 768px) {
    :root {
        --font-size-base: 14px;
        --spacing-xl: 2rem;
        --spacing-2xl: 3rem;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    .post-card__body {
        padding: var(--spacing-sm);
    }

    .entry-content {
        font-size: var(--font-size-base);
    }

    .author-box {
        flex-direction: column;
        text-align: center;
    }
}

/* Small Mobile (< 480px) */
@media (max-width: 480px) {
    .post-meta {
        flex-direction: column;
        gap: var(--spacing-xs);
    }
}