.warning-box {
            display: flex;
            align-items: flex-start;
            background-color: #fff3cd;
            border: 1px solid #ffeeba;
            padding: 15px;
            border-radius: 5px;
            margin: 20px 0;
        }

        .warning-icon {
            font-size: 24px;
            color: #ffc107;
            margin-right: 15px;
        }

        .warning-content {
            flex: 1;
        }

        .warning-content h3 {
            margin-top: 0;
            font-size: 18px;
            color: #856404;
        }

        .warning-content p {
            margin: 10px 0;
            font-size: 14px;
            color: #856404;
        }

        .warning-content ul {
            margin: 10px 0;
            padding-left: 20px;
        }

        .warning-content ul li {
            margin-bottom: 5px;
        }