/* The mobile drawer uses light item backgrounds, so its text must stay dark. */
@media (max-width: 921px) {
	body.senshulp-front-page #masthead .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link {
		color: var(--slp-ink, #171715) !important;
		opacity: 1;
		visibility: visible;
	}

	body.senshulp-front-page #masthead .ast-builder-menu-mobile .main-navigation .menu-item:last-child > .menu-link {
		color: var(--slp-white, #fff) !important;
	}
}

.slp-hero__zukan {
	font-weight: 800;
}

/* Never cut long Senshu encyclopedia titles; keep them inside the photo width. */
.scm-card-grid--senshulp_story .scm-card,
.scm-card-grid--senshulp_story .scm-card__body {
	min-width: 0;
	max-width: 100%;
}

.scm-card-grid--senshulp_story .scm-card h2,
.scm-card-grid--senshulp_story .scm-card h2 a {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	max-height: none !important;
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
	line-break: anywhere !important;
	text-wrap: wrap !important;
	-webkit-box-orient: initial !important;
	-webkit-line-clamp: unset !important;
}

.scm-card-grid--senshulp_story {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

@media (max-width: 700px) {
	.scm-card-grid--senshulp_story .scm-card h2,
	.scm-card-grid--senshulp_story .scm-card h2 a {
		font-size: clamp(0.84rem, 3.5vw, 0.96rem) !important;
		line-height: 1.65;
		letter-spacing: -0.03em;
	}
}

@media (max-width: 430px) {
	.slp-hero .slp-actions {
		gap: 15px;
	}
}