/* Technical & Clinical Design System */
    :root {
        --blueprint-navy: #0f172a;  /* Deep Professional Blue */
        --blueprint-accent: #334155; /* Tech Slate */
        --blueprint-info: #3b82f6;   /* Action Blue */
        --blueprint-bg: #f8fafc;
        --blueprint-border: #cbd5e1;
        --blueprint-text: #334155;
    }

    .bp-wrapper {
        font-family: Arial, sans-serif;
        line-height: 1.7;
        color: var(--blueprint-text);
        max-width: 1920px;
        margin: 0 auto;
        background: #ffffff;
    }

    /* Typography - Clean & Left Aligned */
    h1 { 
        font-size: 2.4rem; 
        color: var(--blueprint-navy); 
        text-align: center; 
        margin: 50px 0; 
        line-height: 1.2; 
        border-bottom: 2px solid var(--blueprint-border); 
        padding-bottom: 30px; 
    }

    h2 { 
        font-size: 1.8rem; 
        color: var(--blueprint-navy); 
        margin-top: 50px; 
        padding-bottom: 10px; 
        border-bottom: 1px solid var(--blueprint-border); 
        text-align: left;
    }

    h3 { 
        font-size: 1.4rem; 
        color: var(--blueprint-info); 
        margin-top: 35px; 
        text-align: left;
    }

    /* Fixed Spacing Paragraphs */
    p { 
        margin-bottom: 20px; 
        text-align: left; /* Fixed: Prevents large gaps caused by justify */
    }

    /* Technical Callout Boxes */
    .bp-tech-box {
        background: var(--blueprint-bg);
        border: 1px solid var(--blueprint-border);
        padding: 30px;
        margin: 30px 0;
        border-radius: 4px;
        text-align: left;
    }

    .bp-label {
        font-size: 0.75rem;
        font-weight: bold;
        text-transform: uppercase;
        color: var(--blueprint-info);
        letter-spacing: 2px;
        display: block;
        margin-bottom: 10px;
    }

    /* Comparison Cards */
    .bp-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
        margin: 30px 0;
    }

    .bp-card {
        padding: 25px;
        border: 1px solid var(--blueprint-border);
        background: #fff;
        text-align: left;
    }

    .bp-card h4 {
        margin-top: 0;
        color: var(--blueprint-navy);
        border-bottom: 2px solid var(--blueprint-info);
        display: inline-block;
        margin-bottom: 15px;
    }

    /* Image Placeholders */
    .bp-img-container {
        margin: 40px 0;
        text-align: center;
        background: #f1f5f9;
        padding: 20px;
        border: 1px dashed var(--blueprint-border);
    }

    .bp-img-container img {
        max-width: 100%;
        height: auto;
        box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    }

    .bp-caption {
        font-size: 0.85rem;
        color: #64748b;
        margin-top: 15px;
        font-style: italic;
        display: block;
    }

    /* Author Box */
    .bp-author-box {
        margin-top: 70px;
        padding: 30px;
        background: var(--blueprint-navy);
        color: #ffffff;
        display: flex;
        align-items: center;
        gap: 25px;
        border-radius: 4px;
    }

    .bp-author-info { text-align: left; }
    .bp-author-name { font-weight: bold; font-size: 1.1rem; color: var(--blueprint-info); display: block; }

    /* CTA Section */
    .bp-cta-wrap {
        text-align: center;
        padding: 60px 0;
    }

    .bp-btn {
        background: var(--blueprint-info);
        color: #ffffff;
        padding: 18px 45px;
        text-decoration: none;
        font-size: 1.1rem;
        font-weight: bold;
        border-radius: 2px;
        display: inline-block;
        transition: all 0.3s;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .bp-btn:hover { background: #2563eb; transform: translateY(-2px); }

    /* Responsive */
    @media (max-width: 768px) {
        .bp-grid { grid-template-columns: 1fr; }
        h1 { font-size: 1.8rem; }
    }