/****** Definition lists ******/
dl.categories																					{ display: grid; grid-template-columns: max-content 1fr; gap: 10px; margin-left: 10px; margin-right: 10px; }
	dl.categories dt																			{ color: #fff; color: var(--page-word-color); font-weight: bold; grid-column-start: 1; }
		dl.categories dt::after																	{ content: "\00a0::"; }
	dl.categories dt.section_end, dl.categories dt.section_end + dd								{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px black; border-color: var(--page-border-color); }
	dl.categories dd																			{ grid-column-start: 2; }
	dl.categories dt.invisible + dd																{ margin-left: 0; grid-column: 1 / span 2; }
		dl.categories dd:last-child																{ padding-bottom: 0; }
			dl.categories dd p																	{ padding-left: 0; }
				dl.categories dd p:last-child													{ margin-bottom: 0; }
	dl.categories dt.category_group																{ grid-column: 1 / span 2; display: flex; width: 99%; border-radius: 15px 15px 0 0; background-color: #ddd; background-color: var(--page-theme-color); border: 1px solid black; margin: 0; padding: 5px 0 0 10px; }
	dl.categories dd.category_group																{ grid-column: 1 / span 2; display: flex; flex-flow: column; width: 99%; border-radius: 0 0 15px 15px; margin: -10px 0 5px 0 !important; padding: 5px 5px 5px 0; border-right: 4px solid black; border-bottom: 4px solid black; border-left: 4px solid black; border-color: var(--page-border-color); }

dl.categories dt.category_group:hover + dd.category_group										{ filter: brightness(1.25); }
dl.categories dd.category_group:hover															{ filter: brightness(1.25); }

dl.categoriesfixedwidth																			{ margin-left: 10px; }
	dl.categoriesfixedwidth dt																	{ float: left; margin: 0; color: #fff; color: var(--page-word-color); font-weight: bold; }
		dl.categoriesfixedwidth dt::after														{ content: "\00a0::"; }
	dl.categoriesfixedwidth dt.section_end														{ margin-bottom: 15px; padding-bottom:15px; border-bottom: solid 1px black; border-color: var(--page-border-color); }
	dl.categoriesfixedwidth dd																	{ margin-left: 200px; padding-bottom: 10px; padding-right: 5px; }
	dl.categoriesfixedwidth dt.invisible + dd													{ margin-left: 0 !important; }
		dl.categoriesfixedwidth dd:last-child													{ padding-bottom: 0; }
			dl.categoriesfixedwidth dd p														{ padding-left: 0; }
				dl.categoriesfixedwidth dd p:last-child											{ margin-bottom: 0; }
	dl.categoriesfixedwidth dd.section_end														{ margin-bottom: 15px; padding-bottom:15px; border-bottom: solid 1px black; border-bottom-color: var(--page-border-color); }
	dl.categoriesfixedwidth dt.featureimage														{ display: none; }
	dl.categoriesfixedwidth dd.featureimage														{ font-size: 85%; border-radius: 10px; float: right; overflow: hidden; }
	dl.categoriesfixedwidth dd.featureimage p													{ font-weight: bold; background-color: #131210; border: 3px solid black; color: #FFFFFF; margin-right: 5px; text-align: center; border-radius: 15px; overflow: hidden; }
		.author dl.categoriesfixedwidth dd														{ margin-left: 200px; }
			.author dl.categoriesfixedwidth dd.featureimage p									{ width: 220px; }
		.characters dl.categoriesfixedwidth dd													{ margin-left: 170px; }
		.characters div.expandcollapse dl.categoriesfixedwidth dd.featureimage p				{ transition: all 0.3s ease-in-out; }
			.characters dl.categoriesfixedwidth dd.featureimage p img							{ width: 105%; transition: all 0.3s ease-in-out; }
			.characters dl.categoriesfixedwidth dd.featureimage p a img							{ margin-top: -15px; }
				.characters dl.categoriesfixedwidth dd.featureimage p img:hover					{ opacity: 0.2; transform: scale(1.2); }
					.characters dl.categoriesfixedwidth dd.featureimage p span					{ color: #FFFFFF; }
			.characters div.expandcollapse.collapsed dl.categoriesfixedwidth dd.featureimage p	{ width: 100px; height: 100px; margin-top: -6px; }
			.characters div:not(.collapsed) dl.categoriesfixedwidth dd.featureimage p			{ width: 220px; }
		.merchandise dl.categoriesfixedwidth dd													{ margin-left: 75px; }
			.merchandise dl.categoriesfixedwidth dd.featureimage p								{ width: 220px; }
				.merchandise dl.categoriesfixedwidth dd.featureimage p img						{ width: 105%; }
		.series dl.categoriesfixedwidth dd														{ margin-left: 200px; }
		.series div.expandcollapse.collapsed dl.categoriesfixedwidth dd.featureimage			{ height: 100px; padding: 0; margin-right: 5px; }
			.series div.expandcollapse.collapsed dl.categoriesfixedwidth dd.featureimage p		{ font-weight: bold; background-color: #131210; color: #FFFFFF; padding: 5px 3px 3px 3px; width: 203px; margin-right: 5px; text-align: center; float: right !important; border-radius: 15px; }
				.series div.collapsed dl.categoriesfixedwidth dd.featureimage p img				{ height: 100px; }