/*
 * /glossary/ - page-specific CSS overlay.
 *
 * Loaded by /glossary/content.php so the per-product overlay sidenav
 * picks up the standard Oninit section-divider style (SIDENAV.MD) and
 * any body tables follow the canonical legacy-table convention
 * (TABLE.MD). Glossary entries themselves render as <fieldset>s per
 * GLOSSARY.MD §"Rendered HTML format" — those inherit from the
 * site-wide /css/legacy.css and need no per-product rules here.
 */

/* Sidenav section divider. Groups related links under a non-clickable
 * label without nesting markup. */
.sidenav .sidenav-section {
	display: block;
	margin-top: 14px;
	margin-bottom: 4px;
	padding: 4px 12px 4px 12px;
	border-top: 1px solid #d8c8a8;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #7e4400;
}

/* Tables: visible grid, tahoma cells matching the legacy <td>/<th> rules.
 * Glossary body itself doesn't use tables, but the rule is present for
 * convergence with TABLE.MD across all per-product CSS files. */
.glossary-content table.legacy {
	border-collapse: collapse;
	margin: 8px 4px 12px 4px;
	font-family: tahoma;
	font-size: 12px;
	color: #000000;
	width: auto;
	max-width: 100%;
	text-align: left;
}

.glossary-content table.legacy th,
.glossary-content table.legacy td {
	border: 1px solid #c0a880;
	padding: 6px 10px;
	vertical-align: top;
	text-align: left;
}

.glossary-content table.legacy th {
	background-color: #f2eddc;
	color: #7e4400;
	font-weight: bold;
}

.glossary-content table.legacy tr:nth-child(even) td {
	background-color: #fbf8ee;
}