/* ==========================================================================
   pages-misc.css — 下層ページ グループD（その他）専用。
   原稿 16 実績一覧 / 17 実績詳細 / 20 お問い合わせ / 21 完了 / 22 採用 / 23 コラム / 24 ポリシー / 25 規約 / 26 サイトマップ
   （template-parts/pages/{works,contact,contact-thanks,recruit,column,policy,terms,sitemap}.php・single-works.php
     ・parts/misc-contact-form.php・parts/misc-doc-outline.php）
   数値は tokens.css の --ep-* だけを使う。
   ========================================================================== */

/* 縦に積むブロック（採用の各項目） */
.ep-misc-stack + .ep-misc-stack {
	margin-top: var(--ep-space-xl);
	padding-top: var(--ep-space-xl);
	border-top: 1px solid var(--ep-color-line);
}

.ep-misc-stack .ep-section-head {
	margin-bottom: 0;
}

.ep-misc-action {
	margin-top: var(--ep-space-xl);
}

.ep-misc-action--center {
	display: flex;
	justify-content: center;
}

/* 原稿の［ ］をそのまま出す欄・状態の1文 */
.ep-misc-placeholder,
.ep-misc-status {
	padding: var(--ep-space-xl) var(--ep-space-s);
	border-radius: var(--ep-radius-l);
	background: var(--ep-color-surface);
	color: var(--ep-color-ink-sub);
	text-align: center;
}

.ep-misc-status {
	color: var(--ep-color-ink);
}

/* ---- 17 実績詳細（single-works.php） ---- */
.ep-work-detail__content {
	margin-top: var(--ep-space-l);
}

.ep-work-detail__related-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ep-space-s);
}

.ep-work-detail__related-label {
	color: var(--ep-color-accent);
	font-family: var(--ep-font-latin);
	font-size: var(--ep-fs-xs);
	font-weight: var(--ep-weight-bold);
	letter-spacing: var(--ep-ls-wide);
}

/* ---- 20 お問い合わせ（parts/misc-contact-form.php） ---- */
.ep-misc-privacy {
	min-width: 0;
	margin-inline: 0;
	padding: var(--ep-space-l) var(--ep-space-m);
	border: 0;
	border-radius: var(--ep-radius-l);
	background: var(--ep-color-surface);
}

.ep-misc-privacy__title {
	float: left; /* legend を枠の内側に置く（fieldset の既定表示を打ち消す） */
	width: 100%;
	margin-bottom: var(--ep-space-xs);
	font-size: var(--ep-fs-sm);
	font-weight: var(--ep-weight-bold);
}

.ep-misc-privacy__title + * {
	clear: both;
}

.ep-misc-privacy .ep-form__privacy-text + .ep-form__privacy-text {
	margin-top: var(--ep-space-3xs);
}

/* ---- 21 お問い合わせ完了（pages/contact-thanks.php） ---- */
.ep-misc-thanks {
	padding-block: var(--ep-space-3xl) var(--ep-space-section);
}

.ep-misc-thanks__inner {
	text-align: center;
}

.ep-misc-thanks__label {
	color: var(--ep-color-accent);
	font-family: var(--ep-font-latin);
	font-size: var(--ep-fs-xs);
	font-weight: var(--ep-weight-bold);
	letter-spacing: var(--ep-ls-wide);
}

.ep-misc-thanks__title {
	margin-top: var(--ep-space-xs);
	font-size: var(--ep-fs-2xl);
	line-height: var(--ep-lh-tight);
	word-break: keep-all;
}

.ep-misc-thanks__text {
	margin-top: var(--ep-space-l);
	line-height: var(--ep-lh-relaxed);
}

.ep-misc-thanks__action {
	display: flex;
	justify-content: center;
	margin-top: var(--ep-space-xl);
}

/* ---- 24/25 規程類の構成案（parts/misc-doc-outline.php） ---- */
.ep-misc-doc__note {
	margin-bottom: var(--ep-space-l);
}

.ep-misc-doc__section {
	padding-block: var(--ep-space-l);
	border-bottom: 1px solid var(--ep-color-line);
}

.ep-misc-doc__section:first-of-type {
	border-top: 1px solid var(--ep-color-ink);
}

.ep-misc-doc__title {
	font-size: var(--ep-fs-lg);
	line-height: 1.6;
}

.ep-misc-doc__text {
	margin-top: var(--ep-space-2xs);
	color: var(--ep-color-ink-sub);
	line-height: var(--ep-lh-base);
}

/* ---- 26 サイトマップ（pages/sitemap.php） ---- */
.ep-misc-sitemap {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ep-space-xl) var(--ep-space-l);
}

.ep-misc-sitemap__title {
	padding-bottom: var(--ep-space-xs);
	border-bottom: 1px solid var(--ep-color-ink);
	font-size: var(--ep-fs-lg);
	line-height: 1.6;
}

.ep-misc-sitemap__title-link:hover,
.ep-misc-sitemap__link:hover {
	color: var(--ep-color-accent);
}

.ep-misc-sitemap__list {
	margin-top: var(--ep-space-2xs);
}

.ep-misc-sitemap__link {
	display: flex;
	align-items: center;
	gap: var(--ep-space-2xs);
	padding-block: var(--ep-space-2xs);
	border-bottom: 1px solid var(--ep-color-line);
	transition: color var(--ep-duration-fast);
}

.ep-misc-sitemap__link::before {
	content: "";
	flex: 0 0 auto;
	width: 6px;
	height: 6px;
	border-top: 1px solid var(--ep-color-accent);
	border-right: 1px solid var(--ep-color-accent);
	transform: rotate(45deg);
}

@media (max-width: 1023px) {
	.ep-misc-sitemap {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.ep-misc-sitemap {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--ep-space-l);
	}
	.ep-misc-privacy {
		padding: var(--ep-space-m) var(--ep-space-s);
	}
}