/* Scoped CSS for Fuji Blog Post */
    .blog-wrapper {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        line-height: 1.6;
        color: #333;
        max-width: 100%;
        margin: 0 auto;
    }

    /* Heading Styling */
    .blog-wrapper h2 {
        font-size: 20px;
        font-weight: 700;
        color: #000;
        border-left: 5px solid #d32f2f; /* Fuji Red */
        padding-left: 15px;
        margin-top: 40px;
        margin-bottom: 20px;
        line-height: 1.4;
    }

    .blog-wrapper h3 {
        font-size: 18px;
        font-weight: 600;
        color: #444;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    /* Text & Lists */
    .blog-wrapper p { margin-bottom: 16px; text-align: justify; }
    .blog-wrapper ul, .blog-wrapper ol { margin-bottom: 20px; padding-left: 20px; }
    .blog-wrapper li { margin-bottom: 10px; }

    /* Feature Boxes */
    .expert-tip {
        background-color: #e8f5e9;
        border-left: 5px solid #2e7d32;
        padding: 20px;
        margin: 25px 0;
        border-radius: 4px;
    }
    .technical-box {
        background-color: #e3f2fd;
        border: 1px solid #90caf9;
        padding: 20px;
        margin: 25px 0;
        border-radius: 4px;
    }
    .box-header { 
        font-weight: 800; 
        display: block; 
        margin-bottom: 8px; 
        text-transform: uppercase; 
        font-size: 14px; 
        letter-spacing: 0.5px;
    }

    /* Tables */
    .table-container {
        overflow-x: auto;
        margin-bottom: 25px;
        border: 1px solid #eee;
        border-radius: 4px;
    }
    .compare-table {
        width: 100%;
        border-collapse: collapse;
        min-width: 600px; /* Ensures table doesn't squish on mobile */
        font-size: 15px;
    }
    .compare-table th, .compare-table td { 
        border: 1px solid #ddd; 
        padding: 12px 15px; 
        text-align: left; 
    }
    .compare-table th { 
        background-color: #f5f5f5; 
        color: #000; 
        font-weight: bold; 
    }
    .compare-table tr:nth-child(even) { background-color: #fafafa; }

    /* Images */
    .blog-img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 30px auto;
        border-radius: 4px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    /* Links */
    .blog-wrapper a { 
        color: #d32f2f; 
        text-decoration: underline; 
        font-weight: 600; 
    }
    .blog-wrapper a:hover { color: #b71c1c; }

    /* FAQ Section */
    .faq-item {
        background: #f9f9f9;
        padding: 15px;
        margin-bottom: 15px;
        border-left: 4px solid #d32f2f;
    }
    .faq-q { font-weight: bold; display: block; margin-bottom: 5px; color: #000; }