/*
 * Inline <style> rules from blog.php, kept page-scoped exactly as they were
 * there. Loaded only by the page that owns them.
 *
 * Regenerate with: node tools/php-port/extract-css.mjs
 */

.blog-card-image {
            width: 100%;
            aspect-ratio: 1 / 1;
            overflow: hidden;
            border-radius: 10px;
            margin-bottom: 20px;
            padding: 0;
        }

.blog-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 0 !important;
            display: block;
        }

.blog-service-card .service-details-header {
            display: block;
            margin-bottom: 20px;
        }

.blog-service-card .service-details-header .blog-card-image img {
            max-width: none;
        }