/* MCLAW-178 */

.loading {
	text-align: center;
	padding: 40px;
	color: #999;
}

.error {
	background: #fee;
	color: #c33;
	padding: 15px;
	border-radius: 4px;
	margin: 20px 0;
}

/* 種類に応じた色分け */
.label-contribution.contribution {
	background-color: #4a90e2; /* 青 - 寄稿 */
}

.label-contribution.lecture {
	background-color: #5cb85c; /* 緑 */
}

.label-contribution.interview {
	background-color: #F0AD4E; /* 茶系 - 取材 */
}

.label-contribution.appearance {
	background-color: #D9534F; /* 赤/コーラル - 出演 */
}

.label-contribution.other {
	background-color: #999999; /* グレー - その他 */
}

/* MCLAW-178: 投稿タイトル表示用 */
.post-title-link {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: normal;
}

.post-title-loading {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #999;
	font-style: italic;
}

/* CSSスピナー（円形） */
.spinner {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid #ddd;
	border-top-color: #4a90e2;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.post-title-error {
	color: #c33;
	font-size: 12px;
}

/* 設定パネル */
.config-panel {
	background: #fffbea;
	border: 1px solid #f0e68c;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 4px;
}

.config-panel label {
	display: block;
	font-size: 13px;
	color: #666;
	margin-bottom: 5px;
}

.config-panel input {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 13px;
}

.config-panel button {
	margin-top: 10px;
	padding: 8px 20px;
	background: #4a90e2;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
}

.config-panel button:hover {
	background: #357abd;
}

.masukomi-link-list__item:last-child {
	border-bottom: 0;
}

.entry-content .linkbtn1 {
	margin-top: 0.8rem;
}