/* The body of a book page
 *
 * About the Book, the author, the reviews: in the page's second column under
 * the specification (`book-intro/style.css` draws the grid), each section
 * under a keyline, 40px down and 24px in, at 640px — the dev site's figures,
 * measured 2026-09-04. The heading is Caslon at 20.8px in the light grey;
 * the copy is 14px Inter, as the dev site sets it, rather than the theme's
 * 16px body, so the column reads as a book's back matter and not an essay.
 */

.saqi-book-details {
	max-width: 40rem;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--sm);
	line-height: 1.6;
}

.saqi-book-details__section {
	margin-top: 2.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--wp--preset--color--rule);
}

.saqi-book-details__heading {
	margin: 0 0 1.5rem;
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--subhead);
	font-weight: 400;
	color: var(--wp--preset--color--light);
}

.saqi-book-details__content p {
	margin: 0 0 0.875rem;
}

.saqi-book-details__content > :first-child {
	margin-top: 0;
}

.saqi-book-details__content > :last-child {
	margin-bottom: 0;
}

/*
 * Every link on the book page is the site's link grey, darker on the rollover
 * (Will, 2026-09-15) — the description's, a contributor's name, a prize. The
 * accent is the basket's.
 */
.saqi-book-details__content a {
	color: var(--saqi-link);
	transition: color var(--saqi-rollover);
}

.saqi-book-details__content a:hover,
.saqi-book-details__content a:focus-visible {
	color: var(--saqi-link-hover);
}

.saqi-book-details__person + .saqi-book-details__person {
	margin-top: 1.5rem;
}

.saqi-book-details__person-name {
	margin: 0 0 0.5rem;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--base);
	font-weight: 600;
}

.saqi-book-details__person-name a {
	color: var(--saqi-link);
	text-decoration: none;
}

.saqi-book-details__person-name a:hover,
.saqi-book-details__person-name a:focus-visible {
	color: var(--saqi-link-hover);
}

/*
 * The role sits beside the name, not under the heading: it says what this
 * person did on *this* book, which is the thing the old markup could not say
 * at all.
 */
.saqi-book-details__person-role {
	margin-left: 0.5rem;
	font-weight: 400;
	font-size: var(--wp--preset--font-size--xs);
	letter-spacing: var(--wp--custom--tracking--caps);
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

/* A review: the quote, then who said it, under a light keyline. */
.saqi-book-details__review {
	margin: 0 0 1.5rem;
	padding-left: 1rem;
	border-left: 1px solid var(--wp--preset--color--rule);
	line-height: 1.5;
}

.saqi-book-details__review:last-child {
	margin-bottom: 0;
}

.saqi-book-details__review p {
	margin: 0 0 0.5rem;
}

/* The dev build sets the credit at 14.4px under a 14px quotation, a credit
   larger than the review it credits; it takes the review's own size here
   (2026-09-16). */
.saqi-book-details__review-cite {
	display: block;
	margin-top: 0.9rem;
	font-style: normal;
	color: var(--wp--preset--color--muted);
}

/* Awards: one line a prize, the result after it in the credit's grey. */
.saqi-book-details__awards {
	margin: 0;
	padding: 0;
	list-style: none;
}

.saqi-book-details__award + .saqi-book-details__award {
	margin-top: 0.5rem;
}

.saqi-book-details__award-result {
	color: var(--wp--preset--color--muted);
}