body.noasaba-editorial-page {
	background: #f7f8fa;
	color: #24272b;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	margin: 0;
}

.noasaba-join-page {
	box-sizing: border-box;
	background: #f7f8fa;
	min-height: calc(100vh - 72px);
	padding: clamp(32px, 6vw, 72px) 20px clamp(48px, 8vw, 96px);
}

.noasaba-join-page__inner {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 960px;
	width: 100%;
}

.noasaba-join-page__article {
	margin: 0 auto;
	max-width: 840px;
}

.noasaba-join-page__header {
	margin: 0 0 28px;
}

.noasaba-join-page__eyebrow {
	color: #3578e5;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	margin: 0 0 8px;
}

.noasaba-join-page__title {
	font-size: clamp(2rem, 5vw, 2.8rem);
	letter-spacing: -.025em;
	line-height: 1.25;
	margin: 0;
}

.noasaba-join-page__content {
	font-size: 16px;
	line-height: 1.85;
	overflow-wrap: anywhere;
}

.noasaba-join-page__content > :first-child {
	margin-top: 0;
}

.noasaba-join-page__content > :last-child {
	margin-bottom: 0;
}

.noasaba-join-page__content h2 {
	border-bottom: 1px solid #dfe3e8;
	font-size: clamp(1.4rem, 3vw, 1.8rem);
	line-height: 1.45;
	margin: 2.25em 0 .75em;
	padding-bottom: .35em;
}

.noasaba-join-page__content h3 {
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 1.8em 0 .6em;
}

.noasaba-join-page__content :is(p, ul, ol) {
	margin-bottom: 1.15em;
}

.noasaba-join-page__content li + li {
	margin-top: .35em;
}

.noasaba-join-page__content a {
	color: #245eb5;
	text-underline-offset: .16em;
}

.noasaba-join-page__content a:hover {
	color: #174782;
}

.noasaba-join-page__content figure.wp-block-image {
	margin: 1.25em 0 2em;
}

.noasaba-join-page__content figure.wp-block-image img {
	background: #fff;
	border: 1px solid #e1e4e8;
	box-sizing: border-box;
	display: block;
	height: auto;
	max-width: 100%;
}

.noasaba-join-page__content figure.wp-block-image figcaption {
	color: #606770;
	font-size: .9rem;
	line-height: 1.6;
	margin-top: .65em;
	text-align: left;
}

.noasaba-join-page__content :is(code, pre) {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.noasaba-join-page__content code {
	background: #eceff3;
	border-radius: 3px;
	font-size: .92em;
	padding: .08em .3em;
}

html[data-noasaba-theme="dark"] body.noasaba-editorial-page,
html[data-noasaba-theme="dark"] .noasaba-join-page {
	background: #1b1b1d;
	color: #e3e3e3;
}

html[data-noasaba-theme="dark"] .noasaba-join-page__eyebrow {
	color: #8ab4f8;
}

html[data-noasaba-theme="dark"] .noasaba-join-page__content h2 {
	border-color: #45484e;
}

html[data-noasaba-theme="dark"] .noasaba-join-page__content a {
	color: #8ab4f8;
}

html[data-noasaba-theme="dark"] .noasaba-join-page__content a:hover {
	color: #b4d0ff;
}

html[data-noasaba-theme="dark"] .noasaba-join-page__content figure.wp-block-image img {
	background: #242527;
	border-color: #45484e;
}

html[data-noasaba-theme="dark"] .noasaba-join-page__content figure.wp-block-image figcaption {
	color: #b2b7c0;
}

html[data-noasaba-theme="dark"] .noasaba-join-page__content code {
	background: #2d2f33;
}

@media (max-width: 600px) {
	.noasaba-join-page {
		padding-left: 16px;
		padding-right: 16px;
	}

	.noasaba-join-page__header {
		margin-bottom: 22px;
	}

	.noasaba-join-page__content {
		font-size: 15.5px;
	}
}