/**
 * The standing reference lists: bibliography, discography, filmography and the
 * rest.
 *
 * Laid out to match the most-cited list, rule for rule — see most-cited.css,
 * which is where these values are decided and explained. A reader moving from
 * the sidebar to the discography meets the same list, not a near-miss of it,
 * and the chips are already shared markup so only the frame around them needed
 * bringing into line.
 *
 * Deliberately sparse otherwise. These sit inside post content in whatever
 * theme is active, so they take their type and colour from the page rather than
 * asserting their own.
 */

/*
 * No markers.
 *
 * These lists are alphabetised, and the alphabet does the ordering work — an
 * entry's position means something but a number in front of it does not, and a
 * reader offered "47." may take it for a citation number to refer back to. The
 * most-cited list is the exception and keeps its numbering, because there the
 * rank is the point.
 *
 * The class is doubled to (0,2,0). Tailwind's Preflight resets markers at
 * (0,0,1), which one class already beats — but inside post content Typography
 * puts them back with `.prose :where(ul)`, and :where() contributes nothing,
 * leaving that rule at (0,1,0). A single class would tie with it and be settled
 * by load order, which is not something this plugin controls. Two classes win
 * outright wherever the list is placed.
 *
 * The element is a <ul role="list">: Safari drops the list role from a list
 * with no markers, so the role is stated in the markup and this only has to
 * take the bullets off.
 */
.footnotes-bibliography-list.footnotes-bibliography-list {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

/*
 * A rule between entries, as the most-cited list draws it: currentColor at low
 * opacity, so it follows the surrounding text on whatever surface the list
 * lands on rather than assuming a light background. The last entry needs no
 * rule suppressed after it — :not(:last-child) simply never draws one.
 */
.footnotes-bibliography-list.footnotes-bibliography-list > .footnotes-bibliography-item {
	padding-bottom: 0.6em;
	margin-bottom: 0.6em;
}

.footnotes-bibliography-list.footnotes-bibliography-list > .footnotes-bibliography-item:not( :last-child ) {
	border-bottom: 1px solid;
	border-bottom-color: color-mix( in srgb, currentColor 18%, transparent );
}

.footnotes-bibliography-list.footnotes-bibliography-list > .footnotes-bibliography-item:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

/*
 * The reference itself. Block, so the citing-posts and purchase chips sit under
 * it rather than trailing off the end of a long Harvard reference.
 */
.footnotes-bibliography-item > .footnotes-bibliography-body {
	display: block;
	margin-bottom: 0.35em;
}

/*
 * The paragraph inside it carries the theme's body spacing — 20px above and
 * below in the theme this was measured against — which on a list of 341 entries
 * is a screen and a half of air and pushes the rule far from the text it
 * separates. The entry's own spacing is set above; this one has none of its
 * own.
 *
 * A child selector at (0,1,1) to beat `.prose :where(p)`, which is (0,1,0)
 * because :where() contributes nothing.
 */
.footnotes-bibliography-body > p {
	margin: 0;
}

/*
 * The edit chip, which only an administrator ever sees.
 *
 * Dashed rather than solid, so a reader's controls and the site's own are
 * distinguishable at a glance in a row that now carries up to three. It
 * borrows the chip geometry from most-cited.css like the others, and takes its
 * colour from currentColor so it follows the theme into dark mode without
 * knowing about it.
 */
.footnotes-bibliography-edit.footnotes-bibliography-edit {
	border-style: dashed;
	opacity: 0.75;
}

.footnotes-bibliography-edit.footnotes-bibliography-edit:hover,
.footnotes-bibliography-edit.footnotes-bibliography-edit:focus {
	opacity: 1;
}