/* spoassi-site-core: 記事テンプレートcomponent用CSS。
   データがない場合は非表示のため、常時目立つ装飾は避け、控えめに。 */

.spoassi-answer-first {
	background: #fff8e1;
	border: 1px solid #ffe082;
	border-radius: 0.5em;
	padding: 1em 1.2em;
	margin: 1em 0 1.5em;
}

.spoassi-answer-first__label {
	font-size: 0.9em;
	margin: 0 0 0.5em;
	color: #8a6d00;
}

.spoassi-toc {
	background: #f5f5f5;
	border-radius: 0.5em;
	padding: 1em 1.2em;
	margin: 1em 0 1.5em;
	max-width: 100%;
}

.spoassi-toc__label {
	font-weight: bold;
	margin: 0 0 0.5em;
}

.spoassi-toc__list {
	margin: 0;
	padding-left: 1.2em;
}

.spoassi-section-heading {
	font-size: 1.15em;
	margin: 1.5em 0 0.75em;
}

.spoassi-original-experience {
	border-left: 4px solid #4caf50;
	background: #f1f8f1;
	padding: 1em 1.2em;
	margin: 1.5em 0;
	border-radius: 0.25em;
}

.spoassi-original-experience__type {
	display: inline-block;
	font-size: 0.8em;
	background: #4caf50;
	color: #fff;
	padding: 0.15em 0.6em;
	border-radius: 1em;
	margin-bottom: 0.5em;
}

.spoassi-sources__list {
	padding-left: 1.2em;
	font-size: 0.9em;
	color: #555;
}

.spoassi-affiliate-cta {
	margin: 1.5em 0;
	padding: 1em;
	border: 1px solid #ffcc80;
	border-radius: 0.5em;
	text-align: center;
}

.spoassi-affiliate-cta__link {
	display: inline-block;
	padding: 0.8em 1.5em;
	background: #ff9800;
	color: #fff;
	border-radius: 0.4em;
	text-decoration: none;
	font-weight: bold;
	max-width: 100%;
	word-break: break-word;
}

.spoassi-affiliate-cta__disclosure {
	font-size: 0.75em;
	color: #888;
	margin-top: 0.5em;
}