/* B18 uses its own names: legacy hidden voice placeholders do not affect previews. */
.okitama-block-voices {
	background: var(--okitama-color-pale-blue, #edf5f8);
	color: var(--okitama-color-text, #3e3028);
	font-family: var(--okitama-font-gothic, "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif);
	padding: clamp(56px, 6vw, 84px) clamp(22px, 5vw, 72px);
}
.okitama-block-voices--directory {
	padding: clamp(38px, 4vw, 56px) clamp(22px, 5vw, 72px) clamp(68px, 8vw, 108px);
}
.okitama-block-voices--home {
	background: radial-gradient(circle at 10% 8%, rgba(255, 255, 255, .46), transparent 34%), var(--okitama-color-surface-deep, #f5efe4);
	padding-block: var(--okitama-section-space, clamp(72px, 10vw, 120px));
}
.okitama-block-voices__inner { margin: 0 auto !important; max-width: 1120px; width: 100%; }
.okitama-block-voices h2.okitama-block-voices__title,
.okitama-block-voices h3.okitama-block-voices__card-title {
	background: none !important; border: 0 !important; box-shadow: none !important;
	color: var(--okitama-color-main-dark, #19466d); padding: 0 !important;
}
.okitama-block-voices h2.okitama-block-voices__title::before,
.okitama-block-voices h2.okitama-block-voices__title::after,
.okitama-block-voices h3.okitama-block-voices__card-title::before,
.okitama-block-voices h3.okitama-block-voices__card-title::after { content: none !important; display: none !important; }
.okitama-block-voices h2.okitama-block-voices__title {
	font-family: inherit; font-size: clamp(28px, 3.5vw, 42px);
	font-weight: 500; letter-spacing: .04em; line-height: 1.6; margin: 0 !important; text-align: center;
}
.okitama-block-voices--directory h2.okitama-block-voices__title {
	font-size: clamp(28px, 3vw, 40px); line-height: 1.55;
	margin: 0 auto clamp(32px, 4vw, 56px) !important; max-width: 704px;
}
.okitama-block-voices .okitama-block-voices__intro {
	color: var(--okitama-color-text-soft, #645b55); font-size: clamp(15px, 1.3vw, 17px);
	line-height: 2 !important; margin: clamp(18px, 4vw, 28px) auto 0 !important;
	max-width: var(--okitama-reading-width, 48em); text-align: center;
}
.okitama-block-voices--directory .okitama-block-voices__intro { margin: 0 auto !important; max-width: 760px; }
.okitama-block-voices .okitama-block-voices__preview-notice,
.okitama-block-voices .okitama-block-voices__empty {
	background: #fff; border: 1px dashed var(--okitama-color-border, rgba(62, 48, 40, .16));
	border-radius: 12px; color: #50575e; font-size: 14px; line-height: 1.8;
	margin: 0 0 clamp(24px, 4vw, 36px) !important; padding: 16px 20px;
}
.okitama-block-voices__preview-notice strong { display: block; font-weight: 600; margin-bottom: 4px; }
.okitama-block-voices .okitama-block-voices__empty { margin-top: 28px !important; }
.okitama-block-voices ul.okitama-block-voices__grid {
	display: grid; gap: clamp(18px, 3vw, 28px); grid-template-columns: minmax(0, 1fr);
	list-style: none !important; margin: clamp(32px, 5vw, 52px) 0 0 !important; padding: 0 !important;
}
.okitama-block-voices--home ul.okitama-block-voices__grid { margin-top: clamp(38px, 7vw, 64px) !important; }
.okitama-block-voices li.okitama-block-voices__card {
	background: rgba(255, 255, 255, .78); border: 1px solid var(--okitama-color-border, rgba(62, 48, 40, .16));
	border-radius: var(--okitama-radius-medium, 14px); display: flex; flex-direction: column;
	margin: 0 !important; min-width: 0; overflow: hidden; padding: 0 !important;
}
.okitama-block-voices--directory li.okitama-block-voices__card { margin-bottom: 1em !important; }
.okitama-block-voices li.okitama-block-voices__card::before,
.okitama-block-voices li.okitama-block-voices__tag::before { content: none !important; display: none !important; }
.okitama-block-voices--home .okitama-block-voices__card { box-shadow: var(--okitama-shadow-soft, 0 8px 24px rgba(62, 48, 40, .06)); min-height: 250px; }
.okitama-block-voices .okitama-block-voices__photo { margin: 0 !important; width: 100%; }
.okitama-block-voices__photo img { aspect-ratio: 3 / 2; display: block; height: auto; object-fit: cover; width: 100%; }
.okitama-block-voices__copy { padding: clamp(24px, 4vw, 38px); }
.okitama-block-voices .okitama-block-voices__labels { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px !important; }
.okitama-block-voices__sample,
.okitama-block-voices__status {
	background: var(--okitama-color-accent-soft, #f5e9cf); border-radius: 999px;
	color: var(--okitama-color-accent-dark, #72582e); display: inline-block;
	font-size: 11px; font-weight: 500; line-height: 1.7; max-width: 100%; padding: 5px 10px;
}
.okitama-block-voices__status { background: var(--okitama-color-pale-blue, #edf5f8); color: var(--okitama-color-main-dark, #19466d); }
.okitama-block-voices h3.okitama-block-voices__card-title {
	font-family: inherit; font-size: clamp(18px, 4.5vw, 22px);
	font-weight: 500; letter-spacing: .03em; line-height: 1.65; margin: 0 !important;
	overflow-wrap: anywhere;
}
.okitama-block-voices .okitama-block-voices__meta {
	color: var(--okitama-color-accent-dark, #72582e); font-size: 14px;
	font-weight: 500; letter-spacing: .06em; line-height: 1.7; margin: 9px 0 0 !important;
}
.okitama-block-voices ul.okitama-block-voices__tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none !important; margin: 12px 0 0 !important; padding: 0 !important; }
.okitama-block-voices li.okitama-block-voices__tag {
	border-radius: 999px; font-size: 12px; font-weight: 500; letter-spacing: .02em;
	line-height: 1.6; margin: 0 !important; max-width: 100%; padding: 5px 12px !important;
	overflow-wrap: anywhere;
}
.okitama-block-voices__tag--concern { background: var(--okitama-color-main, #276397); color: #fff; }
.okitama-block-voices__tag--audience { background: var(--okitama-color-pale-blue, #edf5f8); color: var(--okitama-color-main-dark, #19466d); }
.okitama-block-voices .okitama-block-voices__body {
	color: var(--okitama-color-text-soft, #645b55); font-size: 15px; line-height: 1.95;
	margin: 10px 0 0 !important; overflow-wrap: anywhere;
}
.okitama-block-voices--concern .okitama-block-voices__body { font-size: 16px; }
.okitama-block-voices .okitama-block-voices__item-note,
.okitama-block-voices .okitama-block-voices__note { color: var(--okitama-color-text-soft, #645b55); font-size: 14px; line-height: 1.8; margin: 18px 0 0 !important; overflow-wrap: anywhere; }
.okitama-block-voices .okitama-block-voices__note { margin-top: clamp(24px, 4vw, 36px) !important; text-align: center; }
.okitama-block-voices--directory .okitama-block-voices__note {
	background: rgba(255, 255, 255, .78); border: 1px solid var(--okitama-color-border, rgba(62, 48, 40, .16));
	border-radius: var(--okitama-radius-medium, 14px); margin: clamp(28px, 4vw, 36px) auto 0 !important;
	max-width: 760px; padding: 16px 20px; text-align: left;
}
.okitama-block-voices .okitama-block-voices__actions { margin: clamp(34px, 6vw, 54px) 0 0 !important; text-align: center; }
.okitama-block-voices .okitama-block-voices__link {
	background: transparent; border: 1px solid var(--okitama-color-main, #276397); border-radius: 999px;
	color: var(--okitama-color-main-dark, #19466d); display: inline-block; font-size: 15px;
	font-weight: 500; line-height: 1.7; max-width: 100%; min-width: min(100%, 310px);
	padding: 14px 28px; text-decoration: none;
}
.okitama-block-voices .okitama-block-voices__link:focus-visible { outline: 2px solid var(--okitama-color-main, #276397); outline-offset: 4px; }
.editor-styles-wrapper .okitama-block-voices { margin-inline: 0 !important; width: 100%; }
@media (min-width: 782px) {
	.okitama-block-voices--concern ul.okitama-block-voices__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
	.okitama-block-voices ul.okitama-block-voices__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.okitama-block-voices--home .okitama-block-voices__card { min-height: 0; }
	.okitama-block-voices .okitama-block-voices__preview-notice { padding: 16px; }
}