@media (max-width: 768px) {
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    input,
    select,
    textarea {
        font-size: 16px !important;
    }

    .footer-newsletter-input {
        font-size: 16px !important;
        line-height: 44px !important;
    }

    .footer-section ul {
        margin: 0;
    }

    .footer-section li {
        margin-bottom: 0;
    }

    .footer-section li a {
        display: flex !important;
        align-items: center;
        min-height: 44px;
        padding: 4px 0;
    }

    .footer-newsletter-form {
        max-width: 100% !important;
    }

    .footer-newsletter-btn,
    button.footer-newsletter-btn {
        min-width: 48px;
        min-height: 48px;
    }

    .btn,
    button,
    [role="button"],
    input[type="submit"],
    input[type="button"] {
        min-height: 44px;
    }

    .article-content table,
    .content table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    pre,
    code {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    img,
    video,
    canvas,
    iframe {
        max-width: 100%;
    }

    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .analysis-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .tool-link {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }

    .comparison-table {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .comparison-table table {
        min-width: 520px;
    }

    small {
        font-size: 12px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    input,
    select,
    textarea {
        font-size: 16px !important;
    }

    .footer-newsletter-input {
        font-size: 16px !important;
    }

    .footer-section li a {
        display: flex !important;
        align-items: center;
        min-height: 44px;
        padding: 2px 0;
    }

    .tool-link {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }

    .btn,
    button,
    [role="button"],
    input[type="submit"],
    input[type="button"] {
        min-height: 44px;
    }
}