.eg-place-details {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40, 1.5rem);
}

.eg-place-details__verdict {
	background: var(--wp--preset--color--accent-5, #efe9dd);
	border-left: 3px solid var(--wp--preset--color--accent-1, #1d5c63);
	padding: var(--wp--preset--spacing--40, 1.5rem);
}

.eg-place-details__verdict-label {
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--accent-4, #6b655c);
	margin: 0 0 0.5rem;
}

.eg-place-details__verdict-text {
	margin: 0 0 0.5rem;
}

.eg-place-details__best-for {
	margin: 0;
}

.eg-place-details__facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem;
}

.eg-place-details__fact {
	margin: 0;
}

.eg-place-details__fact-label {
	display: block;
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--wp--preset--color--accent-4, #6b655c);
	margin-bottom: 0.25rem;
}

.eg-place-details__actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.eg-place-details__button {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	border: 1px solid var(--wp--preset--color--contrast, #1c2321);
	text-decoration: none;
	color: var(--wp--preset--color--contrast, #1c2321);
}

.eg-place-details__button--primary {
	background: var(--wp--preset--color--contrast, #1c2321);
	color: var(--wp--preset--color--base, #f7f5f0);
}

.eg-place-details__faq h3 {
	margin-bottom: 0.75rem;
}

.eg-place-details__faq-item {
	border-bottom: 1px solid var(--wp--preset--color--accent-6, #d9cbb5);
	padding: 0.75rem 0;
}

.eg-place-details__faq-item summary {
	/* <summary> defaults to display:list-item, which is what generates
	   the disclosure triangle -- overriding display directly removes the
	   marker mechanism rather than fighting it via list-style/::marker.
	   (Same fix as the header mega-menu build earlier today.) */
	display: block;
	cursor: pointer;
	font-weight: 600;
}

.eg-place-details__faq-item p {
	margin: 0.5rem 0 0;
}