/**
 * fp/event-details — フロント装飾。
 *
 * 開催概要を「罫線の項目表」で組む。装飾はブロック自身が所有する（event-schedule /
 * event-voices と同作法）。色・余白はテーマトークンを参照しつつフォールバックを添える。
 * フォールバックにブランド色は焼き込まない（PAIN-010）。
 *
 * 主張させない: 地色・影・太罫は持たず、上下の細罫と行ごとのヘアラインだけで区切る。
 * 本文幅に収め、本文の流れの中で読める表にする。
 * 行は flex の sidebar パターンで、値が 14rem を確保できない幅ではラベルの下に折り返す
 * （@media を持たない）。
 */

.fp-event-details {
	margin-block: var(--wp--preset--spacing--12, 3rem);
}

.fp-event-details__heading {
	margin: 0 0 var(--wp--preset--spacing--4, 1rem);
	color: var(--wp--preset--color--gold-deep, inherit);
	font-size: var(--wp--preset--font-size--caption, 0.8125rem);
	font-weight: 500;
	letter-spacing: 0.22em;
	line-height: 1.4;
}

.fp-event-details__list {
	margin: 0;
	border-top: 1px solid var(--wp--preset--color--ink, currentColor);
	border-bottom: 1px solid var(--wp--preset--color--ink, currentColor);
	font-size: var(--wp--preset--font-size--body-s, 0.9375rem);
}

.fp-event-details__row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--1, 0.25rem) var(--wp--preset--spacing--6, 1.5rem);
	padding-block: var(--wp--preset--spacing--4, 1rem);
}

.fp-event-details__row + .fp-event-details__row {
	border-top: 1px solid var(--wp--preset--color--rule, #e1e1e1);
}

.fp-event-details__label {
	flex: 0 0 7em;
	margin: 0;
	color: var(--wp--preset--color--ink-soft, inherit);
	font-weight: 600;
}

.fp-event-details__value {
	flex: 1 1 14rem;
	margin: 0;
	color: var(--wp--preset--color--ink, inherit);
}

.fp-event-details__cta {
	margin-top: var(--wp--preset--spacing--8, 2rem);
}