/* Fluid, un-wrappable H1 Header */
    .responsive-header {
        /* clamp(minimum-size, preferred-fluid-size, maximum-size) */
        font-size: clamp(1.25rem, 6.2vw, 3.5rem) !important;
    }

    /* Desktop & Tablet Defaults */
    .m3-responsive-card {
        border-radius: 1rem;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    /* Mobile-Specific Material 3 Transformation (< 576px) */
    @media (max-width: 575.98px) {
        .m3-responsive-card {
            border-radius: 24px !important; /* Authentic M3 Card Rounding */
            /* background-color: #f3edf7 !important; M3 Tonal Surface Variant tint */
            box-shadow: none !important; /* Flat tonal surface */
            border: none !important;
        }
        .m3-responsive-card .card-body {
            padding: 1.25rem !important; /* More compact spatial layout */
        }
        .m3-responsive-card h3 {
            font-size: 1.25rem !important;
            font-weight: 600;
        }
        .m3-responsive-card p {
            font-size: 0.9rem !important;
            opacity: 0.85;
            margin-top: 0.5rem;
            margin-bottom: 1rem !important;
        }
        .m3-responsive-card .fa-3x, 
        .m3-responsive-card .fa-solid, 
        .m3-responsive-card .fa-regular {
            font-size: 1.75rem !important; /* Inline mobile view icon size */
        }
        .m3-responsive-card .btn-md3 {
            width: 100%; /* Full width action buttons for native thumb-reachability */
            border-radius: 100px !important; /* M3 Pill Shape Button */
            padding: 0.5rem 1rem;
            font-size: 0.9rem;
        }
    }