/* MH Dual Author Post Type - front-end display.
   Deliberately minimal and theme-friendly; override in your theme as needed. */

.mhdap-book__chapters,
.mhdap-chapter__segments {
	display: block;
}

.mhdap-chapter {
	margin: 0 0 2.5rem;
}

.mhdap-segment {
	margin: 0 0 1.5rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.08 );
}

.mhdap-segment:last-child {
	border-bottom: 0;
}

.mhdap-segment__voices {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.mhdap-voice {
	display: block;
}

.mhdap-voice__label {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-size: 0.8em;
	opacity: 0.75;
	margin: 0 0 0.25rem;
}

.mhdap-voice__body > :first-child {
	margin-top: 0;
}

.mhdap-voice__body > :last-child {
	margin-bottom: 0;
}

/* Alternate voices give a light couple-diary / interview rhythm. */
.mhdap-voice--0 .mhdap-voice__body {
	border-left: 3px solid rgba( 0, 0, 0, 0.15 );
	padding-left: 1rem;
}

.mhdap-voice--1 .mhdap-voice__body {
	border-left: 3px solid rgba( 0, 0, 0, 0.35 );
	padding-left: 1rem;
}

.mhdap-single--segment {
	box-sizing: border-box;
	width: min( calc( 100% - 3rem ), 87.5rem );
	margin: clamp( 2rem, 4vw, 4rem ) auto;
	padding-inline: clamp( 0.25rem, 1vw, 1rem );
}

.mhdap-single--segment .mhdap-segment {
	border: 0;
}

.mhdap-reader-nav {
	display: grid;
	grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	gap: 0.75rem;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.1 );
}

.mhdap-reader-nav__field {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

.mhdap-reader-nav__field > span {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.6;
}

.mhdap-reader-nav select {
	width: 100%;
	max-width: 100%;
}

@media ( max-width: 40rem ) {
	.mhdap-single--segment {
		width: calc( 100% - 2rem );
		margin-block: 2rem;
		padding-inline: 0;
	}

	.mhdap-reader-nav {
		grid-template-columns: 1fr;
	}
}

.mhdap-single--segment .mhdap-segment__title {
	margin-bottom: 2rem;
}

.mhdap-single--segment .mhdap-segment__voices {
	gap: 1.75rem;
}

.mhdap-single--segment .mhdap-voice__body {
	border-left: 2px solid rgba( 0, 0, 0, 0.16 );
	padding-left: 1rem;
}

.mhdap-comments-public {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid rgba( 0, 0, 0, 0.12 );
}

.mhdap-comments-public__title {
	margin: 0 0 1rem;
}

.mhdap-comment {
	margin: 0 0 1rem;
}

.mhdap-comment__meta {
	font-size: 0.85em;
}

.mhdap-comment__meta span {
	opacity: 0.65;
}

.mhdap-comment__text {
	margin-top: 0.25rem;
}

.mhdap-comment__replies {
	margin: 1rem 0 0 1.25rem;
	padding-left: 1rem;
	border-left: 2px solid rgba( 0, 0, 0, 0.12 );
}