main {
            flex: 1 0 auto;
        }

        .footer {
            flex-shrink: 0;
            width: 100%;
        }

        .table-container {
            max-width: 900px;
            margin: auto;
            padding: 10px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 1.08em;
            background: #fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.07);
        }

        th, td {
            border: 1px solid #d0d0d0;
            padding: 14px 10px;
            text-align: left;
        }

        tr.header td {
            background: #36571a;
            color: #fff;
            font-weight: bold;
            font-size: 1.12em;
            letter-spacing: 0.5px;
        }

        tr.row-odd {
            background: #f5faf5;
        }

        tr.row-even {
            background: #d7f2d1;
        }

        .course-name {
            font-weight: 500;
        }

        .price-info, .price-detail {
            margin-bottom: 4px;
        }

        .note {
            font-size: 0.98em;
            color: #000000;
        }