body { 
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            line-height: 1.6;
        }
        .container {
            width: auto;
            margin: auto;
            background: #fff;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        h1, h2, h3 { 
            color: #0056b3; 
            padding-bottom: 5px;
        }
        form { 
            margin-bottom: 20px; 
            padding: 20px;
            background-color: #eef;
            border-radius: 8px;
        }
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
        }
        input[type="text"] { 
            width: calc(100% - 20px); 
            padding: 10px; 
            margin-bottom: 15px; 
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        button { 
            display: block;
            width: 100%;
            padding: 12px 20px; 
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
        }
        button:hover {
            background-color: #0056b3;
        }
        #results-container {
            display: none;
            margin-top: 30px;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        #error-message {
            color: #d9534f;
            font-weight: bold;
            padding: 10px;
            border: 1px solid #d9534f;
            background-color: #f2dede;
            border-radius: 4px;
            margin-top: 15px;
        }

		h2 {
			font-size: 25px !important;
		}

		h3 {
			font-size: 25px !important;
		}
        table { 
            border-collapse: collapse; 
            width: 100%; 
            margin-bottom: 20px; 
        }
        th, td { 
            border: 1px solid #ddd; 
            padding: 10px; 
            text-align: center; 
        }
        th {
            background-color: #007bff;
            color: white;
        }
        .plot-container {
            width: 100%;
            height: 600px;
            margin-top: 20px;
        }
        .explanation-box {
            padding: 15px;
            margin: 15px 0;
            text-align: left;
        }

		.latex-preview {
			padding: 10px;
			margin: -5px 0 15px 0;
			background-color: #f8f9fa;
			border: 1px solid #dee2e6;
			border-radius: 4px;
			min-height: 40px; /* Чтобы блок не "прыгал" по высоте */
			box-sizing: border-box;
			transition: background-color 0.2s;
		}

        .modal {
            display: none; /* Изначально скрыто */
            position: fixed; /* Остается на месте при прокрутке */
            z-index: 1000; /* Поверх всего остального */
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto; /* Добавить прокрутку, если нужно */
            background-color: rgba(0,0,0,0.6); /* Полупрозрачный черный фон */
            justify-content: center;
            align-items: center;
        }

        .modal-content {
            background-color: #fefefe;
            margin: auto;
            padding: 20px 40px;
            border: 1px solid #888;
            width: 85%;
            max-width: 1000px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            position: relative;
        }

        .modal-close-btn {
            color: #aaa;
            position: absolute;
            top: 10px;
            right: 25px;
            font-size: 35px;
            font-weight: bold;
            cursor: pointer;
        }

        .modal-close-btn:hover,
        .modal-close-btn:focus {
            color: black;
        }

        .error-message-inline {
            color: #721c24; /* Темно-красный */
            background-color: #f8d7da; /* Светло-розовый */
            border: 1px solid #f5c6cb;
            padding: 10px 15px;
            border-radius: 4px;
            margin-top: 15px;
            margin-bottom: 15px;
            font-size: 14px;
        }
        
        /* Стили для кнопок */
        .button-container {
            display: flex;
            gap: 10px; /* Расстояние между кнопками */
        }
        
        #calculate-btn {
            background-color: #28a745; /* Другой цвет для отличия */
        }
        #calculate-btn:hover {
            background-color: #218838;
        }

        #print-btn {
            background-color: #17a2b8; /* Голубой цвет для отличия */
            margin-bottom: 20px;
        }
        #print-btn:hover {
            background-color: #138496;
        }