/*
	display-photograph — printed-photo treatment. A thick matte border with a
	weathered edge, like a photo glued into a book. NOT a window: no macOS lift,
	no chrome strip. Standalone aesthetic alongside .display-window.

	SCAFFOLD ONLY — basic structure. Refine the matte/weathering to taste; the
	thickness and tint could key off the theme later (--photo-matte token, etc.).
*/

.display-photograph {
	--photo-matte: #f4f1ea;
	--photo-edge: #d8d2c4;

	background: var(--photo-matte);
	padding: 0.9rem 0.9rem 2.2rem;
	border: 1px solid var(--photo-edge);
	box-shadow:
		0 1px 1px rgba(0, 0, 0, 0.08),
		0 10px 22px rgba(0, 0, 0, 0.18);

	.viewport {
		border: 1px solid rgba(0, 0, 0, 0.12);

		img,
		picture,
		svg {
			display: block;
			width: 100%;
		}
	}
}

/*
	Photo caption — the figure's <figcaption> (the `source` field) "written" on
	the bottom matte. NOT the description: description is prose that renders below
	the figure. The figcaption is a sibling that follows .display-photograph; we
	pull it up into the matte's bottom band (the box's padding-bottom) so it reads
	as part of the print, like a note under an album photo.

	SCAFFOLD: the handwriting look is a PLACEHOLDER font stack — there's no
	handwriting voice/token in the system yet. Don't treat this font as a
	production decision; it needs a real type call (see note to Derek).
*/
.display-photograph + .photo-caption {
	/* override the global `page-module figure figcaption` box (fill + padding) —
	   on the matte it should read as writing, not a chip. */
	background: none;
	padding: 0;
	/* left margin aligns the caption with the image's left edge (matte padding) */
	margin: -1.6rem 0.9rem 0;
	text-align: left;
	color: #5a534a;
	/* PLACEHOLDER handwriting stack — not a system voice. */
	font-family: 'Bradley Hand', 'Segoe Print', 'Comic Sans MS', cursive;
	font-size: 1.1rem;
	line-height: 1.3;

	/* override quiet-voice so the caption keeps the handwriting treatment */
	p {
		margin: 0;
		font: inherit;
		color: inherit;
	}
}

/*
	Weathering (torn matte, rotation, tape, aged tint) is a THEME-level decision,
	not a per-figure author choice — a theme restyles `.display-photograph`
	directly so every photo in that theme shares the treatment. Keep the base
	above neutral; do the weathering in the theme's stylesheet, not as a modifier
	class here.
*/