/* Container for responsive behavior */
                .table-container {
                    width: 100%;
                    overflow-x: auto;
                    margin: 1rem 0;
                }

                /* Base table styling */
                table.auto-style {
                    width: 100%;
                    border-collapse: collapse;
                    font-family: Arial, sans-serif;
                    font-size: 1rem;
                    min-width: 600px;
                    background-color: #fff;
                    color: #333;
                }

                /* Header styling */
                table.auto-style thead {
                    background-color: #2c3e50;
                    color: #fff;
                }

                table.auto-style th, table.auto-style td {
                    padding: 12px 15px;
                    border: 1px solid #ccc;
                    text-align: center;
                }

                /* Zebra striping */
                table.auto-style tbody tr:nth-child(even) {
                    background-color: #f2f2f2;
                }

                /* Hover effect */
                table.auto-style tbody tr:hover {
                    background-color: #e6f7ff;
                }

                /* Caption styling */
                table.auto-style caption {
                    caption-side: top;
                    text-align: center;
                    font-weight: bold;
                    font-size: 1.2rem;
                    margin-bottom: 10px;
                }

                /* Responsive font sizing */
                @media (max-width: 768px) {
                    table.auto-style {
                        font-size: 0.9rem;
                    }
                }