:root {
			--secondary-color: #3498db;
			--accent-color: #e74c3c;
			--light-color: #ecf0f1;
			--dark-color: #2c3e50;
			--success-color: #2ecc71;
		}

		

		.section-title::after {
			content: none;
		}

		.main-content {
			display: flex;
			margin: 2rem 0;
			gap: 2rem;
			align-items: flex-start;
		}

		.sidebar {
			flex: 0 0 250px;
			background: white;
			border-radius: 8px;
			padding: 1.5rem;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
		}

		.categories h3,
		.contact-contents h3 {
			margin-bottom: 1rem;
			padding-bottom: 0.5rem;
			border-bottom: 2px solid var(--light-color);
		}

		.categories ul,
		.contact-contents ul {
			list-style: none;
		}

		.categories li,
		.contact-contents li {
			margin-bottom: 0.8rem;
		}
		.contact-contents li {
			font-size: 14px;
		}

		.categories a,
		.contact-contents a {
			color: var(--dark-color);
			text-decoration: none;
			display: block;
			padding: 0.5rem 0;
			transition: color 0.3s;
		}

		.categories a:hover,
		.contact-contents a:hover {
			color: var(--secondary-color);
		}

		.categories a.active {
			color: var(--secondary-color);
			font-weight: bold;
		}

		main.content {
			flex: 1;
		}
		main.content img{
			max-width: 100%;
		}
		.section-title {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 1.5rem;
		}

		.section-title h2 {
			font-size: 1.5rem;
			color: var(--primary-color);
		}

		.sort-options select {
			padding: 8px 12px;
			border-radius: 4px;
			border: 1px solid #ddd;
		}

		.question-list {
			background: white;
			border-radius: 8px;
			overflow: hidden;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
		}

		.question-item {
			border-bottom: 1px solid var(--light-color);
			padding: 1.5rem;
			cursor: pointer;
			transition: background 0.3s;
		}

		.question-item:last-child {
			border-bottom: none;
		}

		.question-item:hover {
			background: #f9f9f9;
		}

		.question-item:hover .question-title {
			color: var(--primary-color);
		}

		.question-header {
			display: flex;
			justify-content: space-between;
			margin-bottom: 0.5rem;
		}

		.question-title {
			font-size: 1.1rem;
			font-weight: 600;
		}

		.question-date {
			color: #7f8c8d;
			font-size: 0.9rem;
		}

		.question-preview {
			color: #666;
			margin-bottom: 1rem;
		}

		



		@media (max-width: 768px) {
			.main-content {
				flex-direction: column;
			}

			.sidebar {
				flex: 1;
			}


		}