/*
 * 制作実績詳細・お客様インタビュー・特別インタビューのテキストリンク。
 * フッターの .c-link-underline と同じ、左から右へ伸びる1px下線を適用する。
 * ボタンやカード全体のリンクは既存のUI表現を維持する。
 */

.p-single .c-entry-content a:not(.c-button),
.p-single .p-project-interview a:not(.c-button),
.p-special-interview-content a,
.p-special-interview-back a {
	padding-bottom: 3px;
	color: var(--color-primary);
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 0 1px;
	text-decoration: none;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: background-size 0.3s ease, color 0.2s ease;
}

.p-single .c-entry-content a:not(.c-button):hover,
.p-single .c-entry-content a:not(.c-button):focus-visible,
.p-single .p-project-interview a:not(.c-button):hover,
.p-single .p-project-interview a:not(.c-button):focus-visible,
.p-special-interview-content a:hover,
.p-special-interview-content a:focus-visible,
.p-special-interview-back a:hover,
.p-special-interview-back a:focus-visible {
	background-position: left bottom;
	background-size: 100% 1px;
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	.p-single .c-entry-content a:not(.c-button),
	.p-single .p-project-interview a:not(.c-button),
	.p-special-interview-content a,
	.p-special-interview-back a {
		transition: none;
	}
}