/*
 * Das Register UNTER einer Geschichte -- wer darin vorkommt, welche Begriffe
 * hier gepraegt wurden (Anvil Glossary & Register 0.36.0).
 *
 * Bewusst im Modul und nicht in der style.css des Themes: Der Block gehoert
 * zu diesem Plugin, und ohne das Plugin gibt es ihn nicht. Dieselbe Trennung
 * wie bei story-map.css.
 *
 * Farben ausschliesslich ueber die Variablen des Themes -- die acht
 * Farbschemata schalten ueber data-scheme um, eine feste Farbe hier waere in
 * sieben davon falsch.
 */

.agl-story-register {
	margin-top: 2rem;
	padding: 1.1rem 1.3rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-md, 6px);
	background: var(--bg-card);
}

.agl-story-register-titel {
	margin: 0 0 .6rem;
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--text-muted);
}

/* Der zweite Abschnitt braucht Abstand zum ersten, der erste keinen nach oben. */
.agl-story-register-liste + .agl-story-register-titel {
	margin-top: 1.2rem;
}

.agl-story-register-liste {
	margin: 0;
	padding: 0;
	list-style: none;
	/*
	 * Mehrspaltig, weil die Liste bei einer bevoelkerten Geschichte lang
	 * wird. Keine Media Query: Der Inhaltsbereich kann schmal sein, waehrend
	 * das Fenster breit ist (Sidebar) -- auto-fill misst den Kasten selbst.
	 */
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
	gap: .3rem 1.2rem;
}

.agl-story-register-liste li {
	font-size: .85rem;
	line-height: 1.45;
}

.agl-story-register-liste a {
	color: var(--accent);
	text-decoration: none;
	font-weight: 600;
}

.agl-story-register-liste a:hover,
.agl-story-register-liste a:focus {
	text-decoration: underline;
}

.agl-story-register .agl-auftritt-rolle {
	color: var(--text-muted);
	font-size: .78rem;
}

/*
 * Der Fanon-Hinweis ist eine Nebenauskunft, kein Warnschild -- im Glossar
 * selbst traegt er die volle Badge-Groesse, hier bliebe die Zeile davon
 * unruhig.
 */
.agl-story-register .badge {
	font-size: .65rem;
	padding: .05rem .4rem;
	vertical-align: middle;
}