/* Start custom CSS for html, class: .elementor-element-caf1c8a *//* ---- Scoped Action Buttons ---- */
    #dr-blog-actions-wrap {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        align-items: center;
        margin-top: .5rem;
        flex-wrap: wrap; 
    }

    #dr-blog-actions-wrap .cta-btn {
        text-align: center;
        margin: 0; /* Resets any default margins */
    }

    #dr-read-more-btn {
        display: inline-block;
        background-color: transparent;
        color: var(--dr-accent) !important;
        padding: 0.85rem 2.5rem;
        border-radius: 2px;
        font-size: 0.88rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-decoration: none;
        transition: all 0.25s ease;
        border: 2px solid var(--dr-accent);
        cursor: pointer;
        text-align: center;
    }

    #dr-read-more-btn:hover {
        background-color: var(--dr-accent);
        color: #ffffff !important;
        transform: translateY(-1px);
    }

    /* ---- Responsive Layout Updates ---- */
    @media (max-width: 768px) {
        .blog-hero { min-height: 55vh; padding: 3rem 1.25rem 2.5rem; }
        .article-container { padding: 1.75rem 1.25rem; margin: 0 0.75rem 3rem; }
        .content-img { max-height: 250px; }
        
        /* Forces buttons to stack and take full width on mobile */
        #dr-blog-actions-wrap {
            flex-direction: column;
            align-items: stretch;
        }
        #dr-read-more-btn, 
        #dr-blog-actions-wrap .cta-btn {
            width: 100%;
        }
    }/* End custom CSS */