/* ==========================================================================
   The Register  |  review page (assets/css/single.css)
   Scoped to body.single. Component styles (facts, figures, booking card,
   location block, value table, verdict block, rail, disclosure, adjacent,
   related) live in register.css. This file only adds page layout that
   register.css does not define: the dossier header grid, the hero figure,
   and a few single-page spacing overrides, each commented.
   ========================================================================== */

/* Post wrapper (post_class adds review-entry) */
body.single .review-entry { display: block; }

/* --------------------------------------------------------------------------
   7.1 Dossier header: 12-col grid, text span 7, facts 9 / span 4
   -------------------------------------------------------------------------- */
body.single .dossier {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--col-gap);
	align-items: start;
	padding-top: 64px;
}
body.single .dossier__text {
	grid-column: 1 / span 7;
	min-width: 0;
}
body.single .dossier__eyebrow {
	margin: 0 0 24px;
}
body.single .dossier__title {
	margin: 0;
	font-size: 72px;
	line-height: .98;
	font-weight: 300;
	letter-spacing: -.01em;
	text-wrap: balance;
	color: var(--cream);
}
body.single .dossier__dek {
	margin: 28px 0 0;
	font-style: italic;
	font-size: 24px;
	line-height: 1.4;
	font-weight: 300;
	color: var(--stone);
	max-width: 680px;
}
body.single .dossier__facts {
	grid-column: 9 / span 4;
	min-width: 0;
}

/* --------------------------------------------------------------------------
   7.2 Hero figure: full container width, 600px tall, mono "Fig. 1" caption
   (the counter on .fig-caption::before starts here at 1; .reg-body resets
   the counter to 1 so body figures continue at 2, or to 0 when there is no
   hero via .reg-body--no-hero).
   -------------------------------------------------------------------------- */
body.single .hero-figure {
	margin: 0;
	padding-top: 48px;
}
body.single .hero-figure__img {
	display: block;
	width: 100%;
	height: 600px;
	object-fit: cover;
}
body.single .hero-figure__caption { margin-top: 10px; }

/* --------------------------------------------------------------------------
   7.3 Body. The grid, rail (span 3, sticky top 32, hidden < 900px) and main
   (5 / -1 = span 8) are already in register.css. Missing there: .body caps
   the whole wrapper at the 720px measure, but SPEC 7.3 wants figures and the
   location block at full main-column width while paragraphs keep the
   measure (register.css already limits .reg-body > p to --measure), so the
   wrapper cap is lifted here.
   -------------------------------------------------------------------------- */
body.single .reg-body.body {
	max-width: none;
}

/* --------------------------------------------------------------------------
   7.6 Related: the compact register renders without a header row, so the
   first row needs the strong rule the header would otherwise provide.
   -------------------------------------------------------------------------- */
body.single .related .register {
	border-top: 1px solid var(--rule-strong);
}

/* --------------------------------------------------------------------------
   Breakpoints (1100 drop facts to a wider column, 900 stack, 720 mobile type)
   -------------------------------------------------------------------------- */
@media (max-width: 1099.98px) {
	body.single .dossier__text { grid-column: 1 / span 7; }
	body.single .dossier__facts { grid-column: 8 / span 5; }
}

@media (max-width: 899.98px) {
	body.single .dossier { display: block; }
	body.single .dossier__facts { margin-top: 40px; }
}

@media (max-width: 719.98px) {
	body.single .dossier { padding-top: 48px; }
	body.single .dossier__eyebrow { margin-bottom: 20px; }
	body.single .dossier__title { font-size: 44px; line-height: 1; }
	body.single .dossier__dek { margin-top: 20px; font-size: 20px; }
	body.single .hero-figure { padding-top: 32px; }
	body.single .hero-figure__img { height: auto; aspect-ratio: 4 / 3; }
}