:root {
            --medical-blue: #00aef0;
            --deep-navy: #0d1b2a;
            --soft-ice: #f4faff;
            --text-dark: #2d3436;
            --accent-cyan: #e1f5fe;
        }

        body { font-family: 'Poppins', sans-serif; line-height: 1.8; color: var(--text-dark); margin: 0; background: #fff; }
        .container { max-width: 900px; margin: 0 auto; padding: 0 20px; }
        
        /* Blog Header */
        .blog-header { background: linear-gradient(135deg, var(--deep-navy), #1a365d); color: white; padding: 80px 0; text-align: center; border-radius: 0 0 50px 50px; }
        .blog-header h1 { font-family: 'Playfair Display', serif; font-size: 2.8rem; margin: 0 auto; max-width: 800px; line-height: 1.2; }
        .meta-info { margin-top: 20px; font-size: 0.9rem; opacity: 0.8; letter-spacing: 1px; }

        /* Content Sections */
        .content-body { padding: 60px 0; }
        h2 { font-family: 'Montserrat', sans-serif; color: var(--deep-navy); font-size: 1.8rem; margin-top: 40px; border-left: 5px solid var(--medical-blue); padding-left: 15px; }
        p { margin-bottom: 25px; font-size: 1.1rem; color: #4b5563; }
        
        /* Comparison Table */
        .comparison-wrap { overflow-x: auto; margin: 40px 0; }
        table { width: 100%; border-collapse: collapse; background: var(--soft-ice); border-radius: 15px; overflow: hidden; }
        th { background: var(--medical-blue); color: white; padding: 20px; text-align: left; }
        td { padding: 18px 20px; border-bottom: 1px solid #e1e8ed; }
        tr:last-child td { border: none; }
        .check { color: #2ecc71; font-weight: bold; }

        /* Highlight Box */
        .pro-tip { background: var(--accent-cyan); border-radius: 20px; padding: 30px; margin: 40px 0; border-right: 8px solid var(--medical-blue); }
        .pro-tip h4 { margin: 0 0 10px; color: var(--medical-blue); text-transform: uppercase; font-size: 0.9rem; letter-spacing: 1px; }

        /* Backlink Buttons */
        .cta-section { text-align: center; margin: 60px 0; padding: 40px; background: var(--deep-navy); border-radius: 30px; color: white; }
        .cta-section h3 { margin-bottom: 25px; }
        .btn { display: inline-block; padding: 15px 35px; background: var(--medical-blue); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: 0.3s; margin: 10px; }
        .btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,174,240,0.3); background: white; color: var(--medical-blue); }
        .btn-secondary { background: transparent; border: 2px solid var(--medical-blue); }

        /* FAQ Styling */
        .faq-wrap { background: #f8f9fa; padding: 40px; border-radius: 25px; margin-top: 60px; }
        .faq-item { margin-bottom: 25px; }
        .faq-item h4 { color: var(--deep-navy); margin-bottom: 10px; font-size: 1.1rem; }

        @media (max-width: 768px) { .blog-header h1 { font-size: 2rem; } }