/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./public/static/css/web/blog-detail.css ***!
  \*********************************************************************************************************************/

	.rich-text-page  {
		max-width: 1000px;
		--padding-gap: 15%;
		padding: 160px 0 240px;
	}
	:has(> img) {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.rich-text-page .inner-title {
		margin-bottom: 48px;
	}
	.rich-text-page .content {
		padding: 0 var(--padding-gap);
	}
	.rich-text-page .date {
		margin-top: 0;
		margin-bottom: -6px;
		font-size: 18px;
	}
	.rich-text-page img,
	.rich-text-page video {
		display: block;
		margin-top: 40px;
		margin-bottom: 100px;
		margin-left: calc(-1 * var(--padding-gap) / 0.7);
		margin-right: calc(-1 * var(--padding-gap) / 0.7);
		max-width: calc(100% + calc(var(--padding-gap) / 0.7 * 2));
	}
	
	.rich-text-page p, .rich-text-page li {
		margin-bottom: 20px;
		font-size: 16px;
		color: rgba(0, 0, 0, 0.60);
        line-height: 1.5;
	}
    .rich-text-page ul {
        margin-bottom: 20px;
    }
    .rich-text-page li {
        margin-bottom: 0;
    }
	.rich-text-page p + h2 {
		margin-top: 40px;
	}
	
	@media (max-width: 828px) {
		.rich-text-page {
			--padding-gap: 0;
			padding: 76px 0 120px;
		}
		.rich-text-page .content {
			padding: 0 20px;
		}
		.rich-text-page .date {
			font-size: 14px;
			margin-bottom: 0;
		}
		.rich-text-page .inner-title {
			font-size: 29px;
		}
		.rich-text-page .date + h1 {
			margin-top: 16px;
			margin-bottom: 20px;
		}
		.rich-text-page img, .rich-text-page video {
            max-width: 100%;
			margin-top: 30px;
			margin-bottom: 60px;
		}
		.rich-text-page h2 {
			font-size: 18px!important;
		}
	}