/* Mobile and Tablet Blog Optimization */

@media (max-width: 1024px) {
    /* General Typography Adjustments */
    body {
        font-size: 18px; /* Increased from 16px */
        line-height: 1.6;
    }

    h1 {
        font-size: 2.0rem; /* Reduced from 2.2rem */
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    h2 {
        font-size: 1.6rem; /* Reduced from 1.8rem */
        line-height: 1.3;
        margin-bottom: 0.8rem;
    }

    h3 {
        font-size: 1.4rem; /* Reduced from 1.5rem */
        line-height: 1.4;
        margin-bottom: 0.6rem;
    }

    p {
        font-size: 18px; /* Added explicit p size to match body */
        margin-bottom: 1.2rem;
    }

    /* Content Area Adjustments */
    .site-main, .entry-content {
        padding: 0 15px;
    }

    /* Responsive Images */
    img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 1.5rem;
    }

    /* Touch-Friendly Elements */
    a, button, input[type="submit"] {
        padding: 10px 15px;
        min-height: 44px; /* Minimum touch target size */
        display: inline-block;
    }

    /* Navigation */
    .main-navigation ul {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .main-navigation li {
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    /* Further Mobile Adjustments */
    body, p {
        font-size: 18px; /* Increased from 16px */
    }

    h1 {
        font-size: 1.6rem; /* Reduced from 1.8rem */
    }

    h2 {
        font-size: 1.4rem; /* Reduced from 1.5rem */
    }

    h3 {
        font-size: 1.2rem; /* Reduced from 1.3rem */
    }

    .site-main, .entry-content {
        padding: 0 10px;
    }
}