/* HR Wiki original mainpagestyles.css — mapped to 2024 class names
   Colors from archived hrwiki.org/temporary_files/mainpagestyles.css */

/* ---- Browse the knowledge base (green) ---- */
td.MainPageKnowledgeBaseBox,
.mp-browse {
	background: #DEF0CF !important;
	border: 1px solid #608050 !important;
	vertical-align: top;
	padding: 0 !important;
}

td.MainPageKnowledgeBaseBox > h3,
td.MainPageKnowledgeBaseBox h3,
.mp-browse-header {
	background: #608050 !important;
	color: #ffffff !important;
	margin: 0 !important;
	padding: 4px 8px !important;
	font-size: 125% !important;
	font-weight: bold !important;
	border: none !important;
	border-bottom: none !important;
}

td.MainPageKnowledgeBaseBox h3,
td.MainPageKnowledgeBaseBox h3 .mw-headline,
td.MainPageKnowledgeBaseBox h3 span {
	color: #ffffff !important;
}

/* ---- What's new (blue) ---- */
td.MainPageWhatsNewBox,
.MainPageWhatsNewBox,
.mp-whatsnew {
	background: #E3E8F2 !important;
	border: 1px solid #1C58A3 !important;
	vertical-align: top;
	padding: 0 !important;
}

td.MainPageWhatsNewBox > h3,
td.MainPageWhatsNewBox h3,
.MainPageWhatsNewBox > h3,
.MainPageWhatsNewBox h3,
.mp-whatsnew-header {
	background: #1C58A3 !important;
	color: #ffffff !important;
	margin: 0 !important;
	padding: 4px 8px !important;
	font-size: 125% !important;
	font-weight: bold !important;
	border: none !important;
}

td.MainPageWhatsNewBox h3,
td.MainPageWhatsNewBox h3 .mw-headline,
td.MainPageWhatsNewBox h3 span,
.MainPageWhatsNewBox h3,
.MainPageWhatsNewBox h3 .mw-headline,
.MainPageWhatsNewBox h3 span {
	color: #ffffff !important;
}

/* ---- Featured content (pink/red) — only the full-width DIV uses this class ---- */
div.MainPageKnowledgeBaseBox,
.mp-featured {
	background: #FFE9E5 !important;
	border: 1px solid #A50901 !important;
	margin: 0 0 0.5em 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

div.MainPageKnowledgeBaseBox > h3,
div.MainPageKnowledgeBaseBox h3,
.mp-featured-header {
	background: #A50901 !important;
	color: #ffffff !important;
	margin: 0 !important;
	padding: 4px 8px !important;
	font-size: 125% !important;
	font-weight: bold !important;
	border: none !important;
}

div.MainPageKnowledgeBaseBox h3,
div.MainPageKnowledgeBaseBox h3 .mw-headline,
div.MainPageKnowledgeBaseBox h3 span {
	color: #ffffff !important;
}

/* Body padding inside colored boxes */
td.MainPageKnowledgeBaseBox > div,
td.MainPageKnowledgeBaseBox > p,
td.MainPageWhatsNewBox > div,
td.MainPageWhatsNewBox > p,
div.MainPageKnowledgeBaseBox > div,
div.MainPageKnowledgeBaseBox > p,
.mp-content {
	padding-left: 8px !important;
	padding-right: 8px !important;
	padding-bottom: 4px;
}

td.MainPageWhatsNewBox > p:first-of-type,
td.MainPageWhatsNewBox h3 + p {
	padding-top: 4px;
}

/* Date headers inside What's new */
td.MainPageWhatsNewBox h4,
.MainPageWhatsNewBox h4 {
	margin: 0.6em 8px 0.2em 8px !important;
	padding: 0 !important;
	border: none !important;
	font-size: 110% !important;
	background: transparent !important;
	color: #000 !important;
}

td.MainPageWhatsNewBox ul,
.MainPageWhatsNewBox ul {
	margin: 0.2em 8px 0.4em 1.5em !important;
}

/* Thumbnail frames in What's new */
.iconlist {
	line-height: 1.4;
}
.iconlist a {
	text-decoration: none;
}
.mp-whatsnewimage {
	float: right;
	border: 1px solid #1C58A3;
	margin: 4px 0 4px 6px;
}

/* "view" / "watch" chips */
.hovul {
	font-size: smaller;
	background: #EEE;
	border: 1px solid #999;
	padding: 2px 0.5em;
	white-space: nowrap;
}
.hovul a {
	text-decoration: none;
}
.hovul a:hover {
	text-decoration: underline;
}

/* Main page two-column table */
#bodyContent table[cellspacing="8"],
.mw-parser-output table[cellspacing="8"] {
	width: 100%;
	border-collapse: separate !important;
	border-spacing: 8px !important;
}

/* Hide edit section links on main boxes */
.MainPageKnowledgeBaseBox .mw-editsection,
.MainPageWhatsNewBox .mw-editsection {
	display: none !important;
}

/* Legacy mp-* helpers (older snapshots) */
.mp-table { margin-top: 8px; }
.mp-header { background: #FFF; padding: 0 8px 4px; text-align: center; }
.mp-languages {
	background: #FFC;
	border: 2px solid #FC0;
	padding: 0 8px;
	text-align: center;
	font-size: smaller;
}
.mp-donations {
	background: #FFF7CB;
	border: 1px solid #FFAD80;
	padding: 0 8px 4px;
}
.mp-welcome { font-size: 160%; margin-top: 8px; }
.mp-browsetext { font-size: 90%; line-height: 100%; }
.mp-featuredimage { float: left; padding: 8px 12px 0 0; }