/* == СТИЛІ ТУТОРІАЛІВ == */

	.alert {
		background: linear-gradient(135deg, #fdfbdf, #f4e4ba);
		border: 3px solid #9e644c;
		border-radius: 10px;
		padding: 20px;
		margin: 20px 0;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
		color: #4a3b2c;
		font-family: 'Minecraft', sans-serif;
	}

	.alert-warning {
		background: linear-gradient(135deg, #fff3cd, #ffeaa7);
		border-color: #d4a574;
		color: #856404;
		position: relative;
	}

	.alert-warning::before {
		content: "⚠️";
		font-size: 1.2em;
		margin-right: 10px;
	}

	.tutorials-stats {
		padding: 15px 20px;
		font-size: 1em;
		color: #5a4d41;
	}

	.tutorial-item {
		background: linear-gradient(135deg, #fdfbdf, #f4e4ba);
		border: 5px solid #9e644c;
		border-radius: 12px;
		padding: 20px;
		margin-bottom: 20px;
		transition: all 0.3s ease;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
		position: relative;
		color: #4a3b2c;
	}

	.tutorial-item:hover {
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
	}

	.tutorial-title {
		margin: 0 0 15px 0;
		font-size: 1.6em;
		color: #8b5e34;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-family: 'Minecraft', sans-serif;
	}

	.tutorial-title a {
		text-decoration: none;
		color: #8b5e34;
		border-bottom: 2px solid transparent;
		transition: all 0.3s ease;
	}

	.tutorial-title a:hover {
		color: #7b674f;
		border-bottom: 2px solid #7b674f;
	}

	.tutorial-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		margin-bottom: 15px;
		font-size: 1em;
		color: #6b4e2f;
		font-family: 'Minecraft', sans-serif;
	}

	.tutorial-type {
		background: #8B4513;
		color: #f0e6d6;
		padding: 5px 12px;
		border-radius: 15px;
		font-size: 0.9em;
		border: 2px solid #4B2D0B;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
		text-transform: uppercase;
		font-weight: bold;
		text-shadow: 1px 1px 2px #000;
	}

	.tutorial-status.active {
		color: #2d5016;
		font-weight: bold;
	}

	.tutorial-status.active::before {
		content: "✅ ";
		color: #2d5016;
	}

	.tutorial-status.archived {
		color: #6c757d;
		font-weight: bold;
	}

	.tutorial-status.archived::before {
		content: "📦 ";
		color: #6c757d;
	}

	.tutorial-actions {
		text-align: right;
		margin-top: 15px;
	}

	.tutorial-link {
		display: inline-block;
		padding: 10px 20px;
		background-color: #8B4513;
		color: #f0e6d6;
		text-decoration: none;
		border-radius: 15px;
		border: 3px solid #4B2D0B;
		box-shadow: 0 5px 0 #4B2D0B, 0 5px 15px rgba(0, 0, 0, 0.2);
		transition: all 0.3s ease;
		font-family: 'Minecraft', sans-serif;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
		text-shadow: 1px 1px 2px #000;
	}

	.tutorial-link:hover {
		background-color: #a0522d;
		transform: translateY(-3px);
		color: #f0e6d6;
		border-bottom: 3px solid #4B2D0B;
	}

	.tutorial-link:active {
		background-color: #7B3F00;
		box-shadow: 0 2px 0 #4B2D0B;
		transform: translateY(0);
	}

	/* Адаптивність для мобільних пристроїв */
	@media (max-width: 768px) {
		.tutorial-meta {
			flex-direction: column;
			gap: 10px;
		}

		.tutorial-actions {
			text-align: center;
		}

		.tutorial-title {
			font-size: 1.4em;
			letter-spacing: 1px;
		}

		.tutorial-item {
			padding: 15px;
			margin-bottom: 15px;
		}

		.tutorials-stats {
			font-size: 0.9em;
			padding: 12px 15px;
		}
	}