
			@media (min-width:1440px) {
				.article-detail-page .two-column-layout {
					gap: 50px;
				}

				.article-detail-page .sidebar-column {
					width: 380px;
				}

				.article-detail-main-section.container {
					max-width: 1400px;
				}

				.two-column-layout {
					gap: 50px;
				}

				.article-detail-title {
					font-size: 2.5rem;
				}
			}

			@media (max-width:1024px) {
				.article-detail-page .two-column-layout {
					gap: 30px;
				}

				.article-detail-page .sidebar-column {
					width: 300px;
				}

				.article-detail-main-section.container {
					padding: 0 15px;
				}

				.two-column-layout {
					gap: 30px;
				}

				.article-detail-title {
					font-size: 1.75em;
				}

				.article-navigation {
					flex-direction: column;
					gap: 20px;
				}

				.nav-item {
					max-width: 100%;
				}
			}

			@media (max-width:768px) {
				.article-detail-main-section.container {
					padding: 10px 15px;
				}

				.article-detail-page .page-header-section {}

				.article-detail-page .two-column-layout {
					flex-direction: column;
					gap: 30px;
				}

				.article-detail-page .sidebar-column {
					width: 100%;
				}

				.two-column-layout {
					flex-direction: column;
					gap: 30px;
				}

				.article-detail-container {
					padding: 20px;
				}

				.article-detail-title {
					font-size: 1.5em;
				}

				.article-meta-info {
					flex-direction: column;
					gap: 15px;
				}

				.article-navigation {
					flex-direction: column;
					gap: 20px;
				}

				.nav-item {
					max-width: 100%;
				}
			}

			@media (max-width:480px) {
				.article-detail-title {
					font-size: 1.25em;
				}

				.article-meta-info {
					padding: 15px;
				}

				.article-meta-info .meta-item {
					flex-wrap: wrap;
				}
			}