@media (max-width: 1240px) {
	.page-wrapper {
		margin: 10px;
	}
}

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

	.header h1 {
		font-size: 1.5rem;
	}

	.meeting-details {
		flex-direction: column;
	}
}

@media (max-width: 768px) {
	.page-wrapper {
		margin: 0;
	}

	.header {
		height: var(--mobile-header-height);
		padding: 0.8rem;
		justify-content: center;
	}

	.header h1 {
		font-size: 1.2rem;
	}

	.hamburger-menu {
		display: flex;
	}

	.container {
		flex-direction: column;
		min-height: calc(100vh - var(--mobile-header-height));
	}

	.sidebar {
		position: fixed;
		top: var(--mobile-header-height);
		left: 0;
		height: calc(100vh - var(--mobile-header-height));
		width: 200px;
		z-index: 100;
		transform: translateX(-100%);
		box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
		background-color: var(--primary);
	}

	.sidebar.open {
		transform: translateX(0);
	}

	.overlay {
		display: none;
		position: fixed;
		top: var(--mobile-header-height);
		left: 0;
		width: 100%;
		height: calc(100vh - var(--mobile-header-height));
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 99;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.overlay.is-active {
		display: block;
		opacity: 1;
	}

	.hamburger-menu.open .hamburger-line:nth-child(1) {
		transform: translateY(8.5px) rotate(45deg);
	}

	.hamburger-menu.open .hamburger-line:nth-child(2) {
		opacity: 0;
	}

	.hamburger-menu.open .hamburger-line:nth-child(3) {
		transform: translateY(-8.5px) rotate(-45deg);
	}
	.meeting-details {
		flex-direction: column;
	}

	.detail-item {
		flex-direction: column;
		gap: 2rem;
	}
}