
    .article-container {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        line-height: 1.7;
        color: #333;
    }

    /* --- Desktop-Only Styles --- */
    /* This applies only to screens wider than 992px (laptops, desktops) */
    @media screen and (min-width: 992px) {
        .article-container {
            max-width: 850px; /* Optimal width for reading */
            margin: 0 auto;   /* Center the container */
        }
    }

    /* --- Enhanced Inquiry Banner Styles --- */
    .inquiry-banner {
        padding: 25px;
        margin: 40px 0;
        border-radius: 8px;
        text-align: center;
        border-left: 5px solid;
    }

    .inquiry-banner h4 {
        margin-top: 0;
        font-size: 1.3em;
        color: #1a1a1a;
    }

    .inquiry-banner p {
        color: #555;
        margin-bottom: 20px;
        font-size: 1.05em;
    }
    
    .inquiry-banner a.themes_box_button {
        padding: 12px 28px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
        display: inline-block;
        font-size: 1.05em;
        transition: transform 0.2s ease;
    }

    .inquiry-banner a.themes_box_button:hover {
        transform: translateY(-2px);
    }
    
    /* Banner Color Schemes */
    .banner-style-1 { background-color: #f0f8ff; border-color: #007bff; }
    .banner-style-1 a { background-color: #007bff; color: #ffffff; }

    .banner-style-2 { background-color: #fff8e1; border-color: #ffc107; }
    .banner-style-2 a { background-color: #ffc107; color: #212529; }

    .banner-style-3 { background-color: #e6f7ff; border-color: #1890ff; }
    .banner-style-3 a { background-color: #1890ff; color: #ffffff; }

    /* --- Final CTA Button Style --- */
    .final-cta-button { text-align: center; margin: 40px 0; }
    .final-cta-button a {
        background-color: #d9534f;
        color: #ffffff;
        padding: 15px 35px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.15em;
        display: inline-block;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .final-cta-button a:hover {
        transform: translateY(-3px);
        box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    }
