/**
 * The control above a roll of names: what the portal's own stylesheet has no
 * name for.
 *
 * The panel, the field, the magnifier and the button are all styled by
 * `portal.css`, which is enqueued beside this file, so the roll search looks
 * like the graves search and the research library rather than like a third
 * design. Everything here is a consequence of standing on an ordinary page
 * instead of inside the portal.
 */

/*
 * The website caps body copy and centres it with a descendant selector that
 * reaches every paragraph inside this widget, which would take the record
 * count out of the row it belongs to and centre it under the field. Reset for
 * this widget alone, weighed to outrank the site rule rather than hope to be
 * read after it: two classes against one class and one element.
 */
.md1812-portal.md1812-rollsearch p,
.md1812-portal.md1812-rollsearch label,
.md1812-portal.md1812-rollsearch div {
	max-width: none;
	margin-inline: 0;
}

/*
 * The panel sits directly above the first list, which already carries the
 * theme's own top margin. Without this they add up and the control floats
 * away from the names it governs.
 */
.md1812-portal.md1812-rollsearch {
	margin-bottom: 8px;
}

/*
 * A roll hidden by the filter leaves its own margin behind, so a search
 * matching nothing in the second list used to leave a gap where that list
 * had been. The lists are page content rather than ours, so this is keyed to
 * the class the content carries.
 */
.md1812-roll > li[hidden] {
	display: none !important;
}