
			.page-shell.tsrx-d37df90e {
				width: min(1040px, calc(100vw - 2rem));
				margin: 0 auto;
				padding: 1rem 0 4rem;
			}

			.blog-shell.tsrx-d37df90e {
				width: min(780px, 100%);
				margin: 0;
				padding-top: 0.5rem;
			}

			h1.tsrx-d37df90e {
				margin: 0;
				font-size: clamp(2rem, 5vw, 3rem);
				line-height: 1.05;
				letter-spacing: 0;
			}

			.post-list.tsrx-d37df90e {
				margin-top: 2rem;
			}

			.post-preview.tsrx-d37df90e {
				padding: 1.5rem 0;
			}

			.post-date.tsrx-d37df90e {
				margin: 0 0 0.5rem;
				font-size: 0.88rem;
				color: rgba(26, 22, 64, 0.52);
			}

			.post-preview.tsrx-d37df90e h2:where(.tsrx-d37df90e) {
				margin: 0;
				font-size: clamp(1.6rem, 4vw, 2.25rem);
				line-height: 1.1;
				letter-spacing: 0;
			}

			.post-preview.tsrx-d37df90e h2:where(.tsrx-d37df90e) a:where(.tsrx-d37df90e):hover,
			.read-link.tsrx-d37df90e:hover {
				color: #5e2cff;
			}

			.post-preview.tsrx-d37df90e p:where(.tsrx-d37df90e) {
				max-width: 42rem;
				margin: 0.8rem 0 0;
				font-size: 1.05rem;
				line-height: 1.7;
				color: rgba(26, 22, 64, 0.72);
			}

			.read-link.tsrx-d37df90e {
				display: inline-flex;
				margin-top: 1rem;
				font-weight: 700;
				color: #5e2cff;
			}

			@media (max-width: 720px) {
				.page-shell.tsrx-d37df90e {
					width: calc(100vw - 1.5rem);
					padding: 0.5rem 0 2rem;
				}

				.post-preview.tsrx-d37df90e p:where(.tsrx-d37df90e) {
					font-size: 1rem;
				}
			}
		