<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://wiki.zenithxi.com/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Sargonnas</id>
	<title>ZenithXI - User contributions [en]</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.zenithxi.com/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Sargonnas"/>
	<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php/Special:Contributions/Sargonnas"/>
	<updated>2026-08-21T01:06:46Z</updated>
	<subtitle>User contributions</subtitle>
	<generator>MediaWiki 1.43.9</generator>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103775</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103775"/>
		<updated>2026-07-06T01:44:38Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo { display: none !important; }&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103774</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103774"/>
		<updated>2026-07-06T00:21:56Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103773</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103773"/>
		<updated>2026-07-06T00:21:38Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103772</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103772"/>
		<updated>2026-07-06T00:11:18Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Blanked the page&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103008</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103008"/>
		<updated>2026-07-05T17:56:34Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/** CSS placed here will be applied to all skins */&lt;br /&gt;
&lt;br /&gt;
 body.page-Main_Page h1.firstHeading { display:none; }&lt;br /&gt;
&lt;br /&gt;
.EquipmentSet {&lt;br /&gt;
background-color: #00152F;&lt;br /&gt;
background-image: url(images/9/9b/Equipment_Set.png);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.AutoEquip {&lt;br /&gt;
background-color: #00152F;&lt;br /&gt;
background-image: url(images/8/88/Automaton_Equipment_Set.png);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BG-SandOria {&lt;br /&gt;
background-color: #00152F;&lt;br /&gt;
background-image: url(images/f/fe/BG-SandOria.gif);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BG-Bastok {&lt;br /&gt;
background-color: #00152F;&lt;br /&gt;
background-image: url(images/2/2e/BG-Bastok.gif);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BG-Windurst {&lt;br /&gt;
background-color: #00152F;&lt;br /&gt;
background-image: url(images/b/b2/BG-Windurst.gif);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-googleadsense .pBody {&lt;br /&gt;
	padding-top: 5px;&lt;br /&gt;
	text-align:	center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.MumorTable {&lt;br /&gt;
background-color: #fcedf0;&lt;br /&gt;
background-image: url(images/b/b3/MurmorBG.gif);&lt;br /&gt;
background-repeat: repeat-y;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** Collapsible tables *********************************************************&lt;br /&gt;
 *&lt;br /&gt;
 *	Description: Allows tables to be collapsed, showing only the header. See&lt;br /&gt;
 *												 http://www.mediawiki.org/wiki/Manual:Collapsible_tables.&lt;br /&gt;
 *	Maintainers: [[en:User:R. Koot]]&lt;br /&gt;
 */&lt;br /&gt;
 &lt;br /&gt;
table.collapsed tr.collapsible {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.collapseButton {							 /* &#039;show&#039;/&#039;hide&#039; buttons created dynamically by the				*/&lt;br /&gt;
	float: right;								 /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */&lt;br /&gt;
	font-weight: normal;				 /* are styled here so they can be customised.							*/&lt;br /&gt;
	text-align: right;&lt;br /&gt;
	width: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hack for the command table alignment in Standard Magic */&lt;br /&gt;
&lt;br /&gt;
#leftalign {&lt;br /&gt;
float: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#rightalign {&lt;br /&gt;
text-align: right;&lt;br /&gt;
float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#copywrite {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*** Universal fix for text size issues on mobile ***/&lt;br /&gt;
table {&lt;br /&gt;
     text-size-adjust: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=default1: Makes the default BG table ***********/&lt;br /&gt;
&lt;br /&gt;
/* Link Style Variations */&lt;br /&gt;
&lt;br /&gt;
/* Determines the color of a link */&lt;br /&gt;
.default1 th A:link {color: #e2f5ff; text-decoration: none}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens to a link you&#039;ve clicked before */&lt;br /&gt;
.default1 th A:visited {color: #7efefd; text-decoration: none}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens when you click the link */&lt;br /&gt;
.default1 th A:active {color:white; text-decoration: underline}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens to a link when you hover over the link */&lt;br /&gt;
.default1 th A:hover {color:red; text-decoration: underline}&lt;br /&gt;
&lt;br /&gt;
table.default1{&lt;br /&gt;
	margin: 1em 1em 1em 0;&lt;br /&gt;
	background: #e7edf3 ;&lt;br /&gt;
	border: 1px white solid;&lt;br /&gt;
	border-collapse: collapse;&lt;br /&gt;
	width: 100%;&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
/* Sets border color */&lt;br /&gt;
table.default1 th, table.default1 td {&lt;br /&gt;
	border: 1px white solid;&lt;br /&gt;
        padding: 2px;&lt;br /&gt;
	&lt;br /&gt;
}&lt;br /&gt;
/* Sets the background and color for headers */&lt;br /&gt;
table.default1 th {&lt;br /&gt;
	background: #2A4865;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
	color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.default1 caption {&lt;br /&gt;
	margin-left: inherit;&lt;br /&gt;
	margin-right: inherit;&lt;br /&gt;
}&lt;br /&gt;
/* Sets the font for headers */&lt;br /&gt;
table.default1 thead td {&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
	color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=column1bold: Makes the first column bold ***********/&lt;br /&gt;
table.column1bold td:first-child{&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=column1indent: Makes the first column indent left ***********/&lt;br /&gt;
table.column1indent td:first-child{&lt;br /&gt;
	padding-left : 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=altrowblue: Makes the rows alternate blue ***********/&lt;br /&gt;
&lt;br /&gt;
table.altrowblue tr:nth-child(even) { &lt;br /&gt;
	background: #e4f4fb;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=altrowgreen: Makes the rows alternate light green/green (odd/even) ***********/&lt;br /&gt;
&lt;br /&gt;
table.altrowgreen tr:nth-child(odd) { &lt;br /&gt;
	background: #D4E5C3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.altrowgreen tr:nth-child(even) { &lt;br /&gt;
	background: #93B993;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/************ class=thwhite: Sets the font white for headers (Use with dark tables) ************/&lt;br /&gt;
&lt;br /&gt;
/* Determines the color of a link */&lt;br /&gt;
.thwhite th A:link {color: #7efefd; text-decoration: none}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens to a link you&#039;ve clicked before */&lt;br /&gt;
.thwhite th A:visited {color: #7efefd; text-decoration: none}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens when you click the link */&lt;br /&gt;
.thwhite th A:active {color:white; text-decoration: underline}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens to a link when you hover over the link */&lt;br /&gt;
.thwhite th A:hover {color:red; text-decoration: underline}&lt;br /&gt;
&lt;br /&gt;
table.thwhite th {&lt;br /&gt;
	color: white;&lt;br /&gt;
}&lt;br /&gt;
table.thwhite thead td {&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
	color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=collapse: Makes the borders unite ***********/&lt;br /&gt;
&lt;br /&gt;
table.collapse{&lt;br /&gt;
	border-collapse: collapse;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=bdrorange: Makes the borders 1px orange ***********/&lt;br /&gt;
&lt;br /&gt;
table.bdrorange{&lt;br /&gt;
	border: 1px #fc8b4d solid !important;&lt;br /&gt;
	border-collapse: collapse;&lt;br /&gt;
	&lt;br /&gt;
}&lt;br /&gt;
/* Sets border color */&lt;br /&gt;
table.bdrorange th, table.bdrorange td {&lt;br /&gt;
	border: 1px #fc8b4d solid !important;&lt;br /&gt;
	padding: 1px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=bdrdarkblue: Makes the borders 1px darkblue ***********/&lt;br /&gt;
&lt;br /&gt;
table.bdrdarkblue{&lt;br /&gt;
	border: 1px #3c6a95 solid !important;&lt;br /&gt;
	border-collapse: collapse;&lt;br /&gt;
	vertical-align:top;&lt;br /&gt;
}&lt;br /&gt;
/* Sets border color */&lt;br /&gt;
table.bdrdarkblue th, table.bdrdarkblue td {&lt;br /&gt;
	border: 1px #3c6a95 solid !important;&lt;br /&gt;
	padding-left: 3px;&lt;br /&gt;
	padding-top: 1px;&lt;br /&gt;
	padding-bottom: 1px;&lt;br /&gt;
	padding-right: 1px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Standard Table */&lt;br /&gt;
/* Link Style Variations */&lt;br /&gt;
&lt;br /&gt;
/* Determines the color of a link */&lt;br /&gt;
.Standard th[scope=&amp;quot;col&amp;quot;] A:link {color: #7efefd; text-decoration: none}&lt;br /&gt;
.Standard th[scope=&amp;quot;row&amp;quot;] A:link {color: #0645AD; text-decoration: none}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens to a link you&#039;ve clicked before */&lt;br /&gt;
.Standard th[scope=&amp;quot;col&amp;quot;] A:visited {color: #7efefd; text-decoration: none}&lt;br /&gt;
.Standard th[scope=&amp;quot;row&amp;quot;] A:visited {color: #0645AD; text-decoration: none}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens when you click the link */&lt;br /&gt;
.Standard th[scope=&amp;quot;col&amp;quot;] A:active {color:white; text-decoration: underline}&lt;br /&gt;
.Standard th[scope=&amp;quot;row&amp;quot;] A:active {color:#0645AD; text-decoration: underline}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens to a link when you hover over the link */&lt;br /&gt;
.Standard th[scope=&amp;quot;col&amp;quot;] A:hover {color:red; text-decoration: underline}&lt;br /&gt;
.Standard th[scope=&amp;quot;row&amp;quot;] A:hover {color:#0645AD; text-decoration: underline}&lt;br /&gt;
&lt;br /&gt;
table.BorderlessStandard {&lt;br /&gt;
	margin: 1em 0 1em 0;&lt;br /&gt;
	border: 0px;&lt;br /&gt;
	border-collapse: collapse;&lt;br /&gt;
	width: -moz-available;&lt;br /&gt;
	max-width:960px;&lt;br /&gt;
	padding: 1px;&lt;br /&gt;
	position: relative;&lt;br /&gt;
	overflow: visible;&lt;br /&gt;
}&lt;br /&gt;
/* go ahead and copy it, we know you will. Stop being lazy, and put effort into making your own original tables */&lt;br /&gt;
&lt;br /&gt;
/* Sets the background and color for headers */&lt;br /&gt;
table.Standard th {&lt;br /&gt;
	text-align: center;&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.Standard td {&lt;br /&gt;
	padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.Standard caption {&lt;br /&gt;
	margin-left: inherit;&lt;br /&gt;
	margin-right: inherit;&lt;br /&gt;
}&lt;br /&gt;
/* Sets the font for headers */&lt;br /&gt;
table.Standard thead td {&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Bold the first column */&lt;br /&gt;
table.C1-Bold td:first-child{&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Bold the first column */&lt;br /&gt;
table.C1-Bold td:first-child{&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* class=R1-White: Row 1 White Font */&lt;br /&gt;
&lt;br /&gt;
/* Determines the color of a link */&lt;br /&gt;
.R1-White th A:link {color: #7efefd; text-decoration: none}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens to a link you&#039;ve clicked before */&lt;br /&gt;
.R1-White th A:visited {color: #7efefd; text-decoration: none}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens when you click the link */&lt;br /&gt;
.R1-White th A:active {color:white; text-decoration: underline}&lt;br /&gt;
&lt;br /&gt;
/* Determines what happens to a link when you hover over the link */&lt;br /&gt;
.R1-White th A:hover {color:red; text-decoration: underline}&lt;br /&gt;
&lt;br /&gt;
table.R1-White th[scope=&amp;quot;row&amp;quot;] {&lt;br /&gt;
	color: black;&lt;br /&gt;
}&lt;br /&gt;
table.R1-White th {&lt;br /&gt;
	color: white;&lt;br /&gt;
}&lt;br /&gt;
table.R1-White thead[scope=&amp;quot;col&amp;quot;] td {&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
	color: white;&lt;br /&gt;
}&lt;br /&gt;
table.R1-White thead[scope=&amp;quot;row&amp;quot;] td {&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
	color: black;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Arrange Items Into Two Columns Automatically */&lt;br /&gt;
&lt;br /&gt;
.multicol {&lt;br /&gt;
column-count:2;&lt;br /&gt;
-moz-column-count:2; /* Firefox */&lt;br /&gt;
-webkit-column-count:2; /* Safari and Chrome */&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/****************************************************************/&lt;br /&gt;
/******* Table formatting and colors for various purposes *******/&lt;br /&gt;
/****************************************************************/&lt;br /&gt;
 &lt;br /&gt;
/***** Tables &amp;amp; Defaults *****/&lt;br /&gt;
 &lt;br /&gt;
/*** Item Table ***/&lt;br /&gt;
 &lt;br /&gt;
table.item {&lt;br /&gt;
	width: 100%;&lt;br /&gt;
	max-width: 788px;&lt;br /&gt;
	border-collapse: collapse;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.item, table.item th, table.item td {&lt;br /&gt;
	border: 1px solid #3c6a95;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.item th, table.item td {&lt;br /&gt;
	padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.item th.title {&lt;br /&gt;
	background-color: #4696cf;&lt;br /&gt;
	color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.item th.title a:link, table.item th.title a:visited {&lt;br /&gt;
	color: #ffffff;&lt;br /&gt;
	text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Adapting item-name-and-references-link table */&lt;br /&gt;
&lt;br /&gt;
table.item th.title table {&lt;br /&gt;
	width: 100%;&lt;br /&gt;
	border-collapse: collapse;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.item th.title table td {&lt;br /&gt;
	text-align: center;&lt;br /&gt;
	background-color: transparent;&lt;br /&gt;
	color: #ffffff;&lt;br /&gt;
	border: 0px;&lt;br /&gt;
	padding: 0px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/**** Two-Column Adaptation ****/&lt;br /&gt;
&lt;br /&gt;
.twocolumn {&lt;br /&gt;
	border: 0px;&lt;br /&gt;
	border-collapse: separate;&lt;br /&gt;
	border-spacing: 0px 4px;&lt;br /&gt;
	width: 100%;&lt;br /&gt;
	max-width: 788px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.twocolumn td {&lt;br /&gt;
	vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.twocolumn td:first-child {&lt;br /&gt;
	padding-right: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.twocolumn td:last-child {&lt;br /&gt;
	padding-left: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.twocolumn table {&lt;br /&gt;
	width: 100%;&lt;br /&gt;
	max-width: 390px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/***** Colors *****/&lt;br /&gt;
 &lt;br /&gt;
/*** Campaign palette ***/&lt;br /&gt;
 &lt;br /&gt;
table.campaign, table.campaign th, table.campaign td {&lt;br /&gt;
	border-color: #2c3d57;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.campaign th.title {&lt;br /&gt;
	background-color: #6e96d5;&lt;br /&gt;
	color: #252525;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.campaign td {&lt;br /&gt;
	background-color: #DFE6F2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*** Item Upgrade palette ***/&lt;br /&gt;
&lt;br /&gt;
table.itemupgrade th.title {&lt;br /&gt;
	background-color: #4A233D;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.itemupgrade th {&lt;br /&gt;
	background-color: #e8e8e8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.itemupgrade td {&lt;br /&gt;
	background-color: #efeeee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*** NM palette ***/&lt;br /&gt;
&lt;br /&gt;
table.nm, table.nm th, table.nm td {&lt;br /&gt;
	border-color: #471717;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.nm th {&lt;br /&gt;
	background-color: #DB9292;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.nm th.title {&lt;br /&gt;
	background-color: #cf4646;&lt;br /&gt;
	color: #252525;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.nm th.title a:link, table.nm th.title a:visited {&lt;br /&gt;
	color: #252525;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*** Mission palette ***/&lt;br /&gt;
&lt;br /&gt;
table.mission, table.mission th, table.mission td {&lt;br /&gt;
	border-color: #3e444a;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.mission th.title {&lt;br /&gt;
	background-color: #E8AE5C;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.mission td {&lt;br /&gt;
	background-color: #e7edf3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*** Battlefield palette ***/&lt;br /&gt;
&lt;br /&gt;
table.battlefield, table.battlefield th, table.battlefield td {&lt;br /&gt;
	border-color: #aaaaaa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.battlefield th {&lt;br /&gt;
	background: #cee0f2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.battlefield th.title {&lt;br /&gt;
	background: #bfbfbf;&lt;br /&gt;
	color: #252525;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.battlefield th.title a:link, table.battlefield th.title a:visited {&lt;br /&gt;
	color: #252525;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*** Abjuration palette ***/&lt;br /&gt;
&lt;br /&gt;
table.abjuration, table.abjuration th, table.abjuration td {&lt;br /&gt;
	border-color: #826c3b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.abjuration th.title {&lt;br /&gt;
	background: #d1bb8c;&lt;br /&gt;
	color: #98441b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.abjuration th {&lt;br /&gt;
	background: #E9D3A4;&lt;br /&gt;
	color: #98441b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.abjuration th.title a:link, table.abjuration th.title a:visited {&lt;br /&gt;
	color: #98441b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.abjuration td {&lt;br /&gt;
	background: #f6f2ea;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*** Coalition Assignment palette ***/&lt;br /&gt;
&lt;br /&gt;
table.coalition th {&lt;br /&gt;
	background-color: #4b4d4f;&lt;br /&gt;
	color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.coalition td {&lt;br /&gt;
	background-color: #efeeee;&lt;br /&gt;
}&lt;br /&gt;
table.overflow-visible {&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/******* End Table Formatting &amp;amp; Coloration *******/&lt;br /&gt;
&lt;br /&gt;
/******* Start Image Popup *******/&lt;br /&gt;
&lt;br /&gt;
span.has-image-popup {&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.has-image-popup span.image-popup {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.has-image-popup:hover span.image-popup {&lt;br /&gt;
	display: block;&lt;br /&gt;
	left: 30px;&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	top: 20px;&lt;br /&gt;
	width: 200%;&lt;br /&gt;
}&lt;br /&gt;
/******* End Image Popup *******/&lt;br /&gt;
&lt;br /&gt;
/******* Start Import Calculator Styling *******/&lt;br /&gt;
mw.loader.load( &#039;index.php?title=MediaWiki:Calculator.css&amp;amp;action=raw&amp;amp;ctype=text/css&#039;, &#039;text/css&#039; );&lt;br /&gt;
/******* End Import Calculator Styling *******/&lt;br /&gt;
&lt;br /&gt;
/******* Start Import Tooltip Styling *******/&lt;br /&gt;
mw.loader.load( &#039;index.php?title=MediaWiki:Tooltip.css&amp;amp;action=raw&amp;amp;ctype=text/css&#039;, &#039;text/css&#039; );&lt;br /&gt;
&lt;br /&gt;
/******* End Import Tooltip Styling *******/&lt;br /&gt;
&lt;br /&gt;
/******* Start Import Tooltip Styling *******/&lt;br /&gt;
mw.loader.load( &#039;index.php?title=MediaWiki:Button.css&amp;amp;action=raw&amp;amp;ctype=text/css&#039;, &#039;text/css&#039; );&lt;br /&gt;
&lt;br /&gt;
/******* End Import Tooltip Styling *******/&lt;br /&gt;
&lt;br /&gt;
/* Start Image Scaling */&lt;br /&gt;
.img-scaler &amp;gt; img {&lt;br /&gt;
max-width: 100%; &lt;br /&gt;
height: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.img-scaler &amp;gt; a &amp;gt; img {&lt;br /&gt;
max-width: 100%; &lt;br /&gt;
height: auto;&lt;br /&gt;
}&lt;br /&gt;
/* End Image Scaling */&lt;br /&gt;
&lt;br /&gt;
/*********** class=bdrdarkbluepad2: Makes the borders 1px darkblue with 10px padding ***********/&lt;br /&gt;
 &lt;br /&gt;
table.bdrdarkbluepad2{&lt;br /&gt;
	border: 1px !important;&lt;br /&gt;
	border-collapse: collapse;&lt;br /&gt;
	vertical-align:top;&lt;br /&gt;
}&lt;br /&gt;
/* Sets border color */&lt;br /&gt;
table.bdrdarkbluepad2 th, table.bdrdarkbluepad2 td {&lt;br /&gt;
	border: 1px #3c6a95 solid !important;&lt;br /&gt;
	padding-left: 5px;&lt;br /&gt;
	padding-top: 1px;&lt;br /&gt;
	padding-bottom: 1px;&lt;br /&gt;
	padding-right: 1px&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.bluecol td:nth-child(1) { &lt;br /&gt;
	background: #83C8F8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.greycol td:nth-child(1) { &lt;br /&gt;
	background: #F5F5F5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=altrowgrey-odd: Makes the rows alternate light grey/grey (odd/even) Use when there is an odd amount of table headers(th) ***********/&lt;br /&gt;
&lt;br /&gt;
table.altrowgrey-odd th {&lt;br /&gt;
	background: #B4B4B4;&lt;br /&gt;
	padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.altrowgrey-odd td {&lt;br /&gt;
	padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.altrowgrey-odd td:first-child  { &lt;br /&gt;
	background: #E4E4E4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.altrowgrey-odd tr:nth-child(even) { &lt;br /&gt;
	background: #F5F5F5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.altrowgrey-odd tr:nth-child(odd) { &lt;br /&gt;
	background: #EFEEEE;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=altrowgrey-even: Makes the rows alternate light grey/grey (odd/even) Use when there is an even amount of table headers(th) ***********/&lt;br /&gt;
table.altrowgrey-even th {&lt;br /&gt;
        background: #B4B4B4;&lt;br /&gt;
        padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.altrowgrey-even td {&lt;br /&gt;
	padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.altrowgrey-even td:first-child  { &lt;br /&gt;
	background: #F5F5F5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.altrowgrey-even tr:nth-child(odd) { &lt;br /&gt;
	background: #E4E4E4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.altrowgrey-even tr:nth-child(even) { &lt;br /&gt;
	background: #EFEEEE;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=catseye1-odd ***********/&lt;br /&gt;
&lt;br /&gt;
table.catseye1-odd table {&lt;br /&gt;
	background: #726FB3;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye1-odd tr:nth-child(odd) &amp;gt; th {&lt;br /&gt;
	background: #59C1A9;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
	    color: #FFFFFF;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye1-odd tr:nth-child(even) &amp;gt; th {&lt;br /&gt;
	background: #BDDECE;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye1-odd th, td {&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye1-odd td:first-child  { &lt;br /&gt;
	background: #BDDECE;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye1-odd tr:nth-child(odd) { &lt;br /&gt;
	background: #E8FCF8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye1-odd tr:nth-child(even) { &lt;br /&gt;
	background: #EDF7F2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=catseye1-even ***********/&lt;br /&gt;
&lt;br /&gt;
table.catseye1-even table {&lt;br /&gt;
	background: #726FB3;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye1-even tr:nth-child(odd) &amp;gt; th {&lt;br /&gt;
	background: #59C1A9;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
	    color: #FFFFFF;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye1-even tr:nth-child(even) &amp;gt; th {&lt;br /&gt;
	background: #BDDECE;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye1-even th, td {&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye1-even tr:nth-child(odd) { &lt;br /&gt;
	background: #E8FCF8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye1-even tr:nth-child(even) { &lt;br /&gt;
	background: #EDF7F2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=catseye2-odd ***********/&lt;br /&gt;
&lt;br /&gt;
table.catseye2-odd table {&lt;br /&gt;
	background: #726FB3;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye2-odd tr:nth-child(odd) &amp;gt; th {&lt;br /&gt;
	background: #584088;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
	    color: #FFFFFF;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye2-odd tr:nth-child(even) &amp;gt; th {&lt;br /&gt;
	background: #AAA1CD;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye2-odd th, td {&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye2-odd td:first-child  { &lt;br /&gt;
	background: #AAA1CD;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye2-odd tr:nth-child(odd) { &lt;br /&gt;
	background: #DCD8EC;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye2-odd tr:nth-child(even) { &lt;br /&gt;
	background: #F3ECF2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=catseye2-even ***********/&lt;br /&gt;
&lt;br /&gt;
table.catseye2-even table {&lt;br /&gt;
	background: #726FB3;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye2-even tr:nth-child(odd) &amp;gt; th {&lt;br /&gt;
	background: #584088;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
	    color: #FFFFFF;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye2-even tr:nth-child(even) &amp;gt; th {&lt;br /&gt;
	background: #AAA1CD;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye2-even th, td {&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye2-even tr:nth-child(odd) { &lt;br /&gt;
	background: #DCD8EC;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye2-even tr:nth-child(even) { &lt;br /&gt;
	background: #F3ECF2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=catseye3-odd ***********/&lt;br /&gt;
&lt;br /&gt;
table.catseye3-odd table {&lt;br /&gt;
	background: #6286A6;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye3-odd tr:nth-child(odd) &amp;gt; th {&lt;br /&gt;
	background: #6B76C9;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
	    color: #FFFFFF;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye3-odd tr:nth-child(even) &amp;gt; th {&lt;br /&gt;
	background: #C3C2DE;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye3-odd th, td {&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye3-odd td:first-child  { &lt;br /&gt;
	background: #C3C2DE;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye3-odd tr:nth-child(odd) { &lt;br /&gt;
	background: #ECEBFC;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye3-odd tr:nth-child(even) { &lt;br /&gt;
	background: #F2F2F8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=catseye3-even ***********/&lt;br /&gt;
&lt;br /&gt;
table.catseye3-even table {&lt;br /&gt;
	background: #6286A6;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye3-even tr:nth-child(odd) &amp;gt; th {&lt;br /&gt;
	background: #6B76C9;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
	    color: #FFFFFF;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye3-even tr:nth-child(even) &amp;gt; th {&lt;br /&gt;
	background: #C3C2DE;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye3-even th, td {&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye3-even tr:nth-child(odd) { &lt;br /&gt;
	background: #ECEBFC;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.catseye3-even tr:nth-child(even) { &lt;br /&gt;
	background: #F2F2F8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=altrowblue-odd: Makes the rows alternate light blue/blue (odd/even) Use when there is an odd amount of table headers(th) ***********/&lt;br /&gt;
 &lt;br /&gt;
table.altrowblue-odd th {background: #1943AB;}&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
table.altrowblue-odd tr:nth-child(even) { &lt;br /&gt;
	background: #c3d8e5;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.altrowblue-odd tr:nth-child(odd) { &lt;br /&gt;
	background: #83C8F8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=altrowblue-even: Makes the rows alternate light blue/blue (odd/even) Use when there is an even amount of table headers(th) ***********/&lt;br /&gt;
 &lt;br /&gt;
table.altrowblue-even th {background: #1943AB;}&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
table.altrowblue-even tr:nth-child(even) { &lt;br /&gt;
	background: #83C8F8;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.altrowblue-even tr:nth-child(odd) { &lt;br /&gt;
	background: #c3d8e5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=altrowgreen-odd: Makes the rows alternate light green/green (odd/even) Use when there is an odd amount of table headers(th) ***********/&lt;br /&gt;
 &lt;br /&gt;
table.altrowgreen-odd th {background: #114526;}&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
table.altrowgreen-odd tr:nth-child(even) { &lt;br /&gt;
	background: #D4E5C3;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.altrowgreen-odd tr:nth-child(odd) { &lt;br /&gt;
	background: #93B993;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/*********** class=altrowgreen-even: Makes the rows alternate light green/green (odd/even) Use when there is an even amount of table headers(th) ***********/&lt;br /&gt;
table.altrowgreen-even th {background: #114526;}&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
table.altrowgreen-even tr:nth-child(odd) { &lt;br /&gt;
	background: #D4E5C3;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.altrowgreen-even tr:nth-child(even) { &lt;br /&gt;
	background: #93B993;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/*** Green Tabs ***/&lt;br /&gt;
ul.tabs {&lt;br /&gt;
  display: -webkit-flex;&lt;br /&gt;
  display: flexbox;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
  /* Default */&lt;br /&gt;
  justify-content: space-around;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: #93B993;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
ul.tabs li {&lt;br /&gt;
  display: block;&lt;br /&gt;
  flex: 0 1 auto;&lt;br /&gt;
  /* Default */&lt;br /&gt;
  list-style-type: none;&lt;br /&gt;
  background: #93B993;&lt;br /&gt;
  color: #0645ad;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
ul.tabs li:hover {&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
ul.tabs li.current {&lt;br /&gt;
  background: #85A261;&lt;br /&gt;
}&lt;br /&gt;
.tab-content {&lt;br /&gt;
  display: none;&lt;br /&gt;
  background: #FFFFFF;&lt;br /&gt;
}&lt;br /&gt;
.tab-content.current {&lt;br /&gt;
  display: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/***** Blue Tabs *****/&lt;br /&gt;
ul.tabsb {&lt;br /&gt;
  display: -webkit-flex;&lt;br /&gt;
  display: flexbox;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
  /* Default */&lt;br /&gt;
  justify-content: space-around;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: #4badf2;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
ul.tabsb li {&lt;br /&gt;
  display: block;&lt;br /&gt;
  flex: 0 1 auto;&lt;br /&gt;
  /* Default */&lt;br /&gt;
  list-style-type: none;&lt;br /&gt;
  background: #4badf2;&lt;br /&gt;
  color: #FFFFFF;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
ul.tabsb li:hover {&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
ul.tabsb li.current {&lt;br /&gt;
  background: #0966A7;&lt;br /&gt;
}&lt;br /&gt;
.bluetab-content {&lt;br /&gt;
  display: none;&lt;br /&gt;
  background: #FFFFFF;&lt;br /&gt;
}&lt;br /&gt;
.bluetab-content.current {&lt;br /&gt;
  display: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 2 Column Flexbox */&lt;br /&gt;
.two-column-flex-wrapper {&lt;br /&gt;
     display: -webkit-flex;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.two-column-flex-wrapper .two-column-flex-item {&lt;br /&gt;
	flex: 1 0 200px;&lt;br /&gt;
     box-sizing: border-box;&lt;br /&gt;
	margin: auto;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 1px) {&lt;br /&gt;
  .two-column-flex-wrapper .two-column-flex-item {&lt;br /&gt;
    min-width: calc(100% - 10px);&lt;br /&gt;
    min-width: calc(100% - 10px);&lt;br /&gt;
  }&lt;br /&gt;
@media (min-width: 1400px) {&lt;br /&gt;
  .two-column-flex-wrapper .two-column-flex-item {&lt;br /&gt;
    min-width: calc(50% - 10px);&lt;br /&gt;
    max-width: calc(50% - 10px);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* TOC limit*/&lt;br /&gt;
.toclimit-2 .toclevel-1 ul,&lt;br /&gt;
.toclimit-3 .toclevel-2 ul,&lt;br /&gt;
.toclimit-4 .toclevel-3 ul,&lt;br /&gt;
.toclimit-5 .toclevel-4 ul,&lt;br /&gt;
.toclimit-6 .toclevel-5 ul,&lt;br /&gt;
.toclimit-7 .toclevel-6 ul {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Start: Job Page Special Armor */&lt;br /&gt;
.jpsa {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.jpsa-header {&lt;br /&gt;
    background-color: #e8d39a;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #bda86e;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.jpsa-af {&lt;br /&gt;
    background-color: #FBF1D4;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    padding: 2px 2px 0px 2px;&lt;br /&gt;
    margin-bottom: 0px;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.jpsa-af th {&lt;br /&gt;
    background-color: #E8D39A;&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #bda86e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.jpsa-af td {&lt;br /&gt;
    background-color: #FBF1D4;&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #bda86e;&lt;br /&gt;
}&lt;br /&gt;
.jpsa-other {&lt;br /&gt;
    background-color: #BDA86E;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    padding: 2px 2px 0px 2px;&lt;br /&gt;
    margin-bottom: 0px;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.jpsa-other th {&lt;br /&gt;
    background-color: #E8D39A;&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #bda86e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.jpsa-other td {&lt;br /&gt;
    background-color: #FBF1D4;&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #bda86e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.jpsa-other tr td:nth-child(odd) { &lt;br /&gt;
    width: 4%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.jpsa-other tr td:nth-child(even) { &lt;br /&gt;
    width: 21%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* End: Job Page Special Armor */&lt;br /&gt;
&lt;br /&gt;
.stroked {&lt;br /&gt;
  color: white;&lt;br /&gt;
  -webkit-text-stroke: 1px black;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.outlined {&lt;br /&gt;
  color: white;&lt;br /&gt;
  text-shadow:&lt;br /&gt;
    -1px -1px 0 #000,&lt;br /&gt;
     0   -1px 0 #000,&lt;br /&gt;
     1px -1px 0 #000,&lt;br /&gt;
     1px  0   0 #000,&lt;br /&gt;
     1px  1px 0 #000,&lt;br /&gt;
     0    1px 0 #000,&lt;br /&gt;
    -1px  1px 0 #000,&lt;br /&gt;
    -1px  0   0 #000;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** Expand All Show Button (Blue) **/&lt;br /&gt;
.button-expand-all-show {&lt;br /&gt;
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;&lt;br /&gt;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;&lt;br /&gt;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;&lt;br /&gt;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));&lt;br /&gt;
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);&lt;br /&gt;
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);&lt;br /&gt;
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);&lt;br /&gt;
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);&lt;br /&gt;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);&lt;br /&gt;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#039;#bddbfa&#039;, endColorstr=&#039;#80b5ea&#039;,GradientType=0);&lt;br /&gt;
	background-color:#bddbfa;&lt;br /&gt;
	-moz-border-radius:5px;&lt;br /&gt;
	-webkit-border-radius:5px;&lt;br /&gt;
	border-radius:5px;&lt;br /&gt;
	border:1px solid #84bbf3;&lt;br /&gt;
	display:inline-block;&lt;br /&gt;
	cursor:pointer;&lt;br /&gt;
	color:#ffffff;&lt;br /&gt;
	font-family:Arial;&lt;br /&gt;
	font-size:15px;&lt;br /&gt;
	font-weight:bold;&lt;br /&gt;
	padding:3px 0px;&lt;br /&gt;
	text-decoration:none;&lt;br /&gt;
	text-shadow:0px 1px 0px #528ecc;&lt;br /&gt;
        line-height:15px;&lt;br /&gt;
        width: 136px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.button-expand-all-show:hover {&lt;br /&gt;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));&lt;br /&gt;
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);&lt;br /&gt;
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);&lt;br /&gt;
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);&lt;br /&gt;
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);&lt;br /&gt;
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);&lt;br /&gt;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#039;#80b5ea&#039;, endColorstr=&#039;#bddbfa&#039;,GradientType=0);&lt;br /&gt;
	background-color:#80b5ea;&lt;br /&gt;
}&lt;br /&gt;
.button-expand-all-show:active {&lt;br /&gt;
	position:relative;&lt;br /&gt;
	top:1px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** Expand All Show Button (Blue) - Minified Since its a lot for one thing **/&lt;br /&gt;
.button-expand-all-hide {&lt;br /&gt;
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;&lt;br /&gt;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;&lt;br /&gt;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;&lt;br /&gt;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));&lt;br /&gt;
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);&lt;br /&gt;
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);&lt;br /&gt;
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);&lt;br /&gt;
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);&lt;br /&gt;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);&lt;br /&gt;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#039;#bddbfa&#039;, endColorstr=&#039;#80b5ea&#039;,GradientType=0);&lt;br /&gt;
	background-color:#bddbfa;&lt;br /&gt;
	-moz-border-radius:5px;&lt;br /&gt;
	-webkit-border-radius:5px;&lt;br /&gt;
	border-radius:5px;&lt;br /&gt;
	border:1px solid #84bbf3;&lt;br /&gt;
	display:inline-block;&lt;br /&gt;
	cursor:pointer;&lt;br /&gt;
	color:#ffffff;&lt;br /&gt;
	font-family:Arial;&lt;br /&gt;
	font-size:15px;&lt;br /&gt;
	font-weight:bold;&lt;br /&gt;
	padding:3px 0px;&lt;br /&gt;
	text-decoration:none;&lt;br /&gt;
	text-shadow:0px 1px 0px #528ecc;&lt;br /&gt;
        line-height:15px;&lt;br /&gt;
        width:136px;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.button-expand-all-hide:hover {&lt;br /&gt;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));&lt;br /&gt;
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);&lt;br /&gt;
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);&lt;br /&gt;
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);&lt;br /&gt;
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);&lt;br /&gt;
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);&lt;br /&gt;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#039;#80b5ea&#039;, endColorstr=&#039;#bddbfa&#039;,GradientType=0);&lt;br /&gt;
	background-color:#80b5ea;&lt;br /&gt;
}&lt;br /&gt;
.button-expand-all-hide:active {&lt;br /&gt;
	position:relative;&lt;br /&gt;
	top:1px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Image Scaling */&lt;br /&gt;
.img-scaler &amp;gt; img {&lt;br /&gt;
max-width: 100%; &lt;br /&gt;
height: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.img-scaler &amp;gt; a &amp;gt; img {&lt;br /&gt;
max-width: 100%; &lt;br /&gt;
height: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Rainbow */&lt;br /&gt;
.rainbow {&lt;br /&gt;
    background: red; /* not working, let&#039;s see some red */&lt;br /&gt;
    background: -moz-linear-gradient( top ,&lt;br /&gt;
        rgba(255, 0, 0, 1) 0%,&lt;br /&gt;
        rgba(255, 255, 0, 1) 15%,&lt;br /&gt;
        rgba(0, 255, 0, 1) 30%,&lt;br /&gt;
        rgba(0, 255, 255, 1) 50%,&lt;br /&gt;
        rgba(0, 0, 255, 1) 65%,&lt;br /&gt;
        rgba(255, 0, 255, 1) 80%,&lt;br /&gt;
        rgba(255, 0, 0, 1) 100%);&lt;br /&gt;
    background: -webkit-gradient(linear,  left top,  left bottom, &lt;br /&gt;
        color-stop(0%, rgba(255, 0, 0, 1)), &lt;br /&gt;
        color-stop(15%, rgba(255, 255, 0, 1)),&lt;br /&gt;
        color-stop(30%, rgba(0, 255, 0, 1)),&lt;br /&gt;
        color-stop(50%, rgba(0, 255, 255, 1)),&lt;br /&gt;
        color-stop(65%, rgba(0, 0, 255, 1)),&lt;br /&gt;
        color-stop(80%, rgba(255, 0, 255, 1)),&lt;br /&gt;
        color-stop(100%, rgba(255, 0, 0, 1)));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.light-blue-text-shadow {&lt;br /&gt;
    text-shadow: 0 0 5px #11ffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
table.greencol td:nth-child(1) { &lt;br /&gt;
	background: #93B993;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=altrowgreen-odd: Makes the rows alternate light green/green (odd/even) Use when there is an odd amount of table headers(th) ***********/&lt;br /&gt;
&lt;br /&gt;
table.altrowgreen-odd th {background: #114526;}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
table.altrowgreen-odd tr:nth-child(even) { &lt;br /&gt;
	background: #D4E5C3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.altrowgreen-odd tr:nth-child(odd) { &lt;br /&gt;
	background: #93B993;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*********** class=altrowgreen-even: Makes the rows alternate light green/green (odd/even) Use when there is an even amount of table headers(th) ***********/&lt;br /&gt;
table.altrowgreen-even th {&lt;br /&gt;
        background: #114526;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
table.altrowgreen-even tr:nth-child(odd) { &lt;br /&gt;
	background: #D4E5C3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.altrowgreen-even tr:nth-child(even) { &lt;br /&gt;
	background: #93B993;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*** Tabs ***/&lt;br /&gt;
ul.tabs {&lt;br /&gt;
  display: -webkit-flex;&lt;br /&gt;
  display: flexbox;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
  /* Default */&lt;br /&gt;
  justify-content: space-around;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  background: #93B993;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
ul.tabs li {&lt;br /&gt;
  display: block;&lt;br /&gt;
  flex: 0 1 auto;&lt;br /&gt;
  /* Default */&lt;br /&gt;
  list-style-type: none;&lt;br /&gt;
  background: #93B993;&lt;br /&gt;
  color: #0645ad;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
ul.tabs li:hover {&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
ul.tabs li.current {&lt;br /&gt;
  background: #85A261;&lt;br /&gt;
}&lt;br /&gt;
.tab-content {&lt;br /&gt;
  display: none;&lt;br /&gt;
  background: #FFFFFF;&lt;br /&gt;
}&lt;br /&gt;
.tab-content.current {&lt;br /&gt;
  display: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.two-column-flex-wrapper {&lt;br /&gt;
     display: -webkit-flex;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.two-column-flex-wrapper .two-column-flex-item {&lt;br /&gt;
	flex: 1 0 200px;&lt;br /&gt;
     box-sizing: border-box;&lt;br /&gt;
	margin: auto;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 1px) {&lt;br /&gt;
  .two-column-flex-wrapper .two-column-flex-item {&lt;br /&gt;
    min-width: calc(100% - 10px);&lt;br /&gt;
    min-width: calc(100% - 10px);&lt;br /&gt;
  }&lt;br /&gt;
@media (min-width: 1400px) {&lt;br /&gt;
  .two-column-flex-wrapper .two-column-flex-item {&lt;br /&gt;
    min-width: calc(50% - 10px);&lt;br /&gt;
    max-width: calc(50% - 10px);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* TOC limit&lt;br /&gt;
 */&lt;br /&gt;
.toclimit-2 .toclevel-1 ul,&lt;br /&gt;
.toclimit-3 .toclevel-2 ul,&lt;br /&gt;
.toclimit-4 .toclevel-3 ul,&lt;br /&gt;
.toclimit-5 .toclevel-4 ul,&lt;br /&gt;
.toclimit-6 .toclevel-5 ul,&lt;br /&gt;
.toclimit-7 .toclevel-6 ul {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.equipmodifiers {&lt;br /&gt;
     border: 2px solid #0966A7;&lt;br /&gt;
     border-collapse: collapse;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     text-size-adjust: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.equipmodifiers th, table.equipmodifiers td {&lt;br /&gt;
     border: 1px solid #FFFFFF;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.equipmodifiers tr:nth-child(1) &amp;gt; th {&lt;br /&gt;
     color: #FFFFFF;&lt;br /&gt;
     background: #0966A7;&lt;br /&gt;
     padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.equipmodifiers tr:nth-child(2) &amp;gt; th {&lt;br /&gt;
     color: #FFFFFF;&lt;br /&gt;
     background: #4696CF;&lt;br /&gt;
     padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.equipmodifiers td:first-child {&lt;br /&gt;
     font-weight: bold;&lt;br /&gt;
     background: #C9E8FD;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.equipmodifiers tr:nth-child(even) { &lt;br /&gt;
     background: #ECECEC;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.equipmodifiers2 {&lt;br /&gt;
     border: 1px Solid #6EA9E5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.equipmodifiers2 th {&lt;br /&gt;
     font-weight: bold;&lt;br /&gt;
     background: #ADBDCC;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.equipmodifiers2 td:first-child {&lt;br /&gt;
     font-weight: bold;&lt;br /&gt;
     background: #CEE0F2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.equipmodifiers2 tr:nth-child(even) { &lt;br /&gt;
	background: #EAF0FF;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.BGBlue1 {&lt;br /&gt;
     border: 2px solid #0966A7;&lt;br /&gt;
     border-collapse: collapse;&lt;br /&gt;
     text-align: center;&lt;br /&gt;
     text-size-adjust: none;&lt;br /&gt;
     margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.BGBlue1 th, table.BGBlue1 td {&lt;br /&gt;
     border: 1px solid #4696CF;&lt;br /&gt;
     padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
table.BGBlue1 tr:nth-child(1) &amp;gt; th {&lt;br /&gt;
     color: #FFFFFF;&lt;br /&gt;
     background: #0966A7;&lt;br /&gt;
     padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.BGBlue1 tr:nth-child(2) &amp;gt; th {&lt;br /&gt;
     color: #FFFFFF;&lt;br /&gt;
     background: #4696CF;&lt;br /&gt;
     padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.BGBlue1 td:first-child {&lt;br /&gt;
     font-weight: bold;&lt;br /&gt;
     background: #C9E8FD;&lt;br /&gt;
     color: #111111;&lt;br /&gt;
     border-bottom: 1px solid #FFFFFF;&lt;br /&gt;
     border-right: 1px solid #FFFFFF;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.BGBlue1 tr:nth-child(even) { &lt;br /&gt;
     background: #ECECEC;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.DrkGrey th {&lt;br /&gt;
	background: #A6DBFD;&lt;br /&gt;
	color: #000;&lt;br /&gt;
}&lt;br /&gt;
table.Orange th {&lt;br /&gt;
	background: #fdc7a9;&lt;br /&gt;
	color: #000;&lt;br /&gt;
}&lt;br /&gt;
table.Yellow th {&lt;br /&gt;
	background: #E0DBC5;&lt;br /&gt;
	color: #000;&lt;br /&gt;
}&lt;br /&gt;
table.Green th {&lt;br /&gt;
	background: #696F6C;&lt;br /&gt;
	color: #000;&lt;br /&gt;
}&lt;br /&gt;
table.Blue th {&lt;br /&gt;
	background: #cee0f2;&lt;br /&gt;
	color: #000;&lt;br /&gt;
}&lt;br /&gt;
table.Purple th {&lt;br /&gt;
	background: #daaffe;&lt;br /&gt;
	color: #000;&lt;br /&gt;
}&lt;br /&gt;
table.Red th {&lt;br /&gt;
	background: #994554;&lt;br /&gt;
	color: #000;&lt;br /&gt;
}&lt;br /&gt;
table.WikiBlue th {&lt;br /&gt;
	background: #ccebfe;&lt;br /&gt;
	color: #000;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** Universal fix for text size issues on mobile. (Removed this due to us having a mobile &amp;quot;skin settings now.)&lt;br /&gt;
table {&lt;br /&gt;
     text-size-adjust: none;&lt;br /&gt;
}&lt;br /&gt;
**/&lt;br /&gt;
&lt;br /&gt;
/** Start Tooltp.js CSS **/&lt;br /&gt;
#tooltip {&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    background: #111;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 100;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    }&lt;br /&gt;
 &lt;br /&gt;
    #tooltip:after {&lt;br /&gt;
        width: 0;&lt;br /&gt;
        height: 0;&lt;br /&gt;
        border-left: 10px solid transparent;&lt;br /&gt;
        border-right: 10px solid transparent;&lt;br /&gt;
        border-top: 10px solid #111;&lt;br /&gt;
        content: &#039;&#039;;&lt;br /&gt;
        position: absolute;&lt;br /&gt;
        left: 50%;&lt;br /&gt;
        bottom: -10px;&lt;br /&gt;
        margin-left: -10px;&lt;br /&gt;
    }&lt;br /&gt;
 &lt;br /&gt;
        #tooltip.top:after {&lt;br /&gt;
            border-top-color: transparent;&lt;br /&gt;
            border-bottom: 10px solid #111;&lt;br /&gt;
            top: -20px;&lt;br /&gt;
            bottom: auto;&lt;br /&gt;
        }&lt;br /&gt;
 &lt;br /&gt;
        #tooltip.left:after {&lt;br /&gt;
            left: 10px;&lt;br /&gt;
            margin: 0;&lt;br /&gt;
        }&lt;br /&gt;
 &lt;br /&gt;
        #tooltip.right:after {&lt;br /&gt;
            right: 10px;&lt;br /&gt;
            left: auto;&lt;br /&gt;
            margin: 0;&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    .mbt-tooltip {&lt;br /&gt;
        display: none;&lt;br /&gt;
        width: auto;&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
    } &lt;br /&gt;
&lt;br /&gt;
    .mbt-hover {&lt;br /&gt;
    }&lt;br /&gt;
/** End Tooltip.js CSS **/&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103007</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103007"/>
		<updated>2026-07-05T17:52:46Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Blanked the page&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103006</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103006"/>
		<updated>2026-07-05T17:14:27Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 10: hook bgcolor= attribute variant of Job Specific Armor Set box colors (Category:Armor + ~39 sibling job/weapon category pages) — same bgcolor-vs-style gap pattern as prior batches&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: New Year event moogle-stall tables (~8-9 pages) =====&lt;br /&gt;
   New_Year_2018..2024/Guide &amp;quot;Left/Right Moogle&amp;quot; tables: header bg #990e0e + border #616ff3 +&lt;br /&gt;
   inline color:#57c669 (green, overridden to gold for header consistency), body rows use&lt;br /&gt;
   plain bgcolor=&amp;quot;#f5f5f5&amp;quot; (common grey, not hooked globally) -- anchor-scope those to tables&lt;br /&gt;
   that also carry the distinctive #990e0e header marker, same :has() trick used for the&lt;br /&gt;
   History-of-FFXI outer wrapper. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;616ff3&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;990e0e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table:has([style*=&amp;quot;990e0e&amp;quot; i]) [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Myriad Arms of Balrahn relic-lore panels (~20 pages) =====&lt;br /&gt;
   Parchment-tan prose panels (not data tables, no header row) on the index page and each&lt;br /&gt;
   of the 20 individual relic weapon lore pages. Just needs dark-panel + readable text. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8d6c3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d2cdc2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: mechanic-page equipment-modifier table headers =====&lt;br /&gt;
   e.g. Avatar_perpetuation_cost: distinctive header hexes #ccaaff and #C3C6DD. These pages&lt;br /&gt;
   also use plain #f5f5f5/#eeeeff/#ffffff row backgrounds like several other legacy tables --&lt;br /&gt;
   left alone here (too generic/common to hook without per-page anchoring, and this group&#039;s&lt;br /&gt;
   page-sets don&#039;t fully overlap per the frequency scan, suggesting more than one source&lt;br /&gt;
   template). Revisit with per-page anchors if this becomes a priority. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c3c6dd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ccaaff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: generic &amp;quot;skill cap / spell list&amp;quot; data tables (~100+ pages) =====&lt;br /&gt;
   A very widely-reused hand-copied table convention spanning Skill_Caps/* subpages,&lt;br /&gt;
   Evasion_Skill/Guard_Skill/Parrying_Skill/Shield_Skill, spell-type Category pages&lt;br /&gt;
   (Elemental_Magic, Ninjutsu, Dark_Magic, Divine_Magic, Enfeebling_Magic, Geomancy,&lt;br /&gt;
   Healing_Magic, Song, Summoning_Magic), and dozens of Version_Update/gear-set/guide pages:&lt;br /&gt;
   an outer table background-color:#000878 (dark navy), header row bgcolor #ADBDCC or the&lt;br /&gt;
   already-hooked #C3C6DD, and zebra body rows bgcolor #FFFFFF/#dfe4ff (Skill_Caps family) or&lt;br /&gt;
   no-bgcolor/#EAF0FF (Category spell-list family, which wraps in a thin border:#6ea9e5 box&lt;br /&gt;
   instead of the navy fill). These hexes were invisible to earlier frequency scans because the&lt;br /&gt;
   wiki DB&#039;s text column is binary-collated (case-sensitive LIKE, LOWER() is a no-op) and the&lt;br /&gt;
   scans searched a different case than what these pages actually use. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;000878&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;000878&amp;quot; i] [bgcolor*=&amp;quot;ffffff&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;adbdcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;adbdcc&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;dfe4ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dfe4ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6ea9e5&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Abyssea Navigation nav-box + Flowchart Map headers (~40 pages) =====&lt;br /&gt;
   Template:Abyssea_Navigation&#039;s title bar and its 3 quadrant headers (Vision/Scars/Heroes),&lt;br /&gt;
   plus the identical #3a1d23 &amp;quot;Linked Zone Map&amp;quot; header hand-copied on every Abyssea zone page. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3a1d23&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;01155c&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;510e3a&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;410e0a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
/* Template:Abyssea Navigation&#039;s plain #e8e8e8 rows -- scoped via a &amp;quot;zx-abyssea-nav&amp;quot; class&lt;br /&gt;
   added to the template itself (too common a grey to hook globally). */&lt;br /&gt;
.zx-abyssea-nav [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: checklist-template family (~10 pages) =====&lt;br /&gt;
   Abyssea_Quests_Checklist / All_Missions_Checklist / All_Home_Points_Checklist /&lt;br /&gt;
   All_Survival_Guides_Checklist share a purple title bar + item-box border (#8C6395) and pale&lt;br /&gt;
   item-box backgrounds (#EEEEFF/#FFEEEE/#EEFFEE). Each mission-line&#039;s own one-off saturated&lt;br /&gt;
   title color (e.g. #01155C above, #085801, #19437F, ...) is left alone -- already white-text-&lt;br /&gt;
   on-dark-color, readable regardless of site theme, not worth per-hex hooking for ~1-2 pages each. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;8c6395&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeeeff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeffee&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: #dddddd border companion (~65 pages) =====&lt;br /&gt;
   Border-only companion color paired with the already-hooked #efeeee/#f5f5f5 pale cells&lt;br /&gt;
   across Community guide item-upgrade tables, Dynamis pages, Mission pages, etc. Safe to hook&lt;br /&gt;
   globally since it only ever sets border-color, never background or text color on its own. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dddddd&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Template:Imgpop / Template:Zone Quick Travel Row hover-popup boxes =====&lt;br /&gt;
   .has-image-popup / .image-popup is the hover-to-reveal item icon tooltip used via {{imgpop}}&lt;br /&gt;
   on an enormous fraction of the wiki&#039;s pages (every NM loot list, equipment table, etc.), plus&lt;br /&gt;
   the zone travel-map popup. Its border is plain #DDDDDD and its background defaults to&lt;br /&gt;
   #FFFFFF (or an arbitrary per-call custom color) -- override both directly via the class so&lt;br /&gt;
   every popup is theme-consistent regardless of what color a page author originally chose. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content .image-popup {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.94), rgba(11,15,24,.97)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: universal &amp;quot;Userbox Templates&amp;quot; family (~130+ templates) =====&lt;br /&gt;
   Every template in Category:Userbox Templates (Aegis, Abyssea_Complete, Laptop_Player,&lt;br /&gt;
   Alchemist, Bastok_Fame, ...) shares one identical boilerplate shell, just with a different&lt;br /&gt;
   inner/outer color pair per badge:&lt;br /&gt;
     &amp;lt;div style=&amp;quot;float:left; border:solid #808080 2px; margin:1px;&amp;quot;&amp;gt;&lt;br /&gt;
       {| style=&amp;quot;...background:#&amp;lt;OUTER&amp;gt;;&amp;quot;&lt;br /&gt;
       | style=&amp;quot;...background:#&amp;lt;INNER&amp;gt;;...color:black;&amp;quot; | icon&lt;br /&gt;
       | style=&amp;quot;...color:black;&amp;quot; | text&lt;br /&gt;
       |}&amp;lt;/div&amp;gt;&lt;br /&gt;
   Rather than hooking each badge&#039;s own color pair individually (dozens of them, e.g.&lt;br /&gt;
   #8b6969/#cdcdb4, #e3c59d/#f5deb3, #e9e9e9, #e0e0e0, #333399/#7777ee, ...), target the shell&lt;br /&gt;
   structurally via its universal #808080 border -- this covers every current AND future badge&lt;br /&gt;
   in the family regardless of which specific colors it uses. Some badges use color:ivory for&lt;br /&gt;
   contrast instead of black (already legible on a dark panel, left alone); color:black is&lt;br /&gt;
   scoped-overridden since it would otherwise be unreadable on the new dark background,&lt;br /&gt;
   including when nested inside a {{Color|black|...}}-generated inner span. */&lt;br /&gt;
&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] table,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] td,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color: black&amp;quot; i],&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color:black&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: Relic/AF/Empyrean armor category-nav + Bestiary table palettes =====&lt;br /&gt;
   Gaps left by earlier hooks of sibling colors in the same small template families. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;686c6e&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;686c6e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;214c58&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;214c58&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac7e4f&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ac7e4f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c1b288&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c1b288&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: AF_+1 slot-label + zone-info two-column headers =====*/&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f5faff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;f5faff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6e96d5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;6e96d5&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: checklist-family (Abyssite/Adoulin/Aeonic/... _Checklist) body cells =====&lt;br /&gt;
   These &amp;quot;*_Checklist&amp;quot; templates use the same .bdrdarkblue wrapper class as other already-themed&lt;br /&gt;
   collapsible tables, but their own body cells set plain #F5F5F5/#EFEFEF backgrounds directly&lt;br /&gt;
   (overriding the table-level dark panel) and a #DEDEDE tier-callout div border-paired with the&lt;br /&gt;
   already-hooked #4696CF. Scoped to .bdrdarkblue rather than hooked globally since F5F5F5/EFEFEF&lt;br /&gt;
   are too common elsewhere on the wiki. */&lt;br /&gt;
&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;f5f5f5&amp;quot; i],&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;efefef&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;dedede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: job-page mini-infobox (all 22 Job pages, e.g. Bard) ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cacaca&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cacaca&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ebebeb&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ebebeb&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Guide Equipment Set border (All_Jobs_Gear_Sets/*, ~24 pages) =====&lt;br /&gt;
   Set Name Text Shadow (#000080) is a decorative text-shadow, left alone (same precedent as&lt;br /&gt;
   the Abyssea Flowchart Map header&#039;s shadow) -- only the border-color companion needs a hook. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;51414f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: &amp;quot;Time Gated Content&amp;quot; warning banner (~22 pages) ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeec&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa99f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Gobbie Mystery Box reward-table body rows ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;e9f1f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e9f1f9&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: mission-walkthrough header (Promathia/CoP missions, ~18 pages) =====&lt;br /&gt;
   Table itself already carries class=&amp;quot;missions&amp;quot; (dark-paneled), but this header row&#039;s own&lt;br /&gt;
   background overrides that -- same gap pattern as several earlier batches. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5353&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Mog Bonanza event pages (~15-17 yearly pages) =====&lt;br /&gt;
   No shared template/class -- anchor off the distinctive #ABABAB border rather than hooking&lt;br /&gt;
   the more common #E4E4E4/#EDEDED backgrounds bare. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;ababab&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;ababab&amp;quot; i] [style*=&amp;quot;ededed&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: misc small completions ===== */&lt;br /&gt;
&lt;br /&gt;
/* Lore/spoilers collapsible box -- exact-phrase matched (not a bare &amp;quot;ccf&amp;quot; substring) since a&lt;br /&gt;
   3-digit shorthand hex is short enough to coincidentally appear inside unrelated 6-digit&lt;br /&gt;
   hexes (e.g. #AACCFF), which a bare substring selector would wrongly catch. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;background-color: #ccf&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;background-color:#ccf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Moon Phase gate-timing row shade (dungeon zone pages) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;e3e6ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e3e6ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Oboro-style reforge table header -- completes existing 4696cf/cee0f2/dfe4ff coverage */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4499ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4499ff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 9: mission-list category pages (Bastok/Windurst/San d&#039;Oria/Zilart/&lt;br /&gt;
   Promathia/Aht Urhgan/Wings of the Goddess/Seekers of Adoulin/Rhapsodies/Crystalline/&lt;br /&gt;
   A Moogle Kupo d&#039;Etat/A Shantotto Ascension/Abyssea/Voidwatch/Voracious Resurgence Missions) =====&lt;br /&gt;
   Each of these hand-copies an identical table structure (outer table with color:black, header&lt;br /&gt;
   row + rank/divider cells via BGCOLOR=, body rows via BGCOLOR=) but with its OWN distinct&lt;br /&gt;
   4-color palette per nation/expansion (e.g. Bastok navy #1A1C80/#5B6693/#C5C6DF, San d&#039;Oria&lt;br /&gt;
   maroon #36070F/#6E3941/#F5A4B1, Zilart rust #8C3D0C/#F2D09D). Rather than enumerating every&lt;br /&gt;
   page&#039;s own palette, add a shared &amp;quot;zx-mission-list&amp;quot; class to each page&#039;s outer table and&lt;br /&gt;
   neutralize every BGCOLOR fill to transparent -- each page&#039;s own &amp;lt;span style=&amp;quot;color:...&amp;quot;&amp;gt; on&lt;br /&gt;
   its header/rank-number text (e.g. Bastok&#039;s gold #E9DC76) is left untouched, so once the&lt;br /&gt;
   background goes transparent that accent color naturally reads as a themed header color&lt;br /&gt;
   against the dark page background, still distinct per nation, with zero per-page color&lt;br /&gt;
   enumeration needed. */&lt;br /&gt;
&lt;br /&gt;
.zx-mission-list {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list [bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 9 follow-up: some mission-list pages (e.g. Rhapsodies of Vanadiel Missions) shade rows&lt;br /&gt;
   via style=&amp;quot;background: #hex&amp;quot; rather than the bgcolor= HTML attribute -- catch both forms. */&lt;br /&gt;
.zx-mission-list [style*=&amp;quot;background&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 9 refinement: give zx-mission-list the same polished &amp;quot;card&amp;quot; look as the&lt;br /&gt;
   Job Ratings table (Category:Sword) -- dark panel background, gold-wash header/label cells,&lt;br /&gt;
   a visible cell grid, and zebra striping -- instead of the flatter transparent-only treatment&lt;br /&gt;
   from the first pass. Higher specificity (th/td type selectors) than the earlier blanket&lt;br /&gt;
   [bgcolor]/[style*=&amp;quot;background&amp;quot;] rule guarantees these win regardless of source order. */&lt;br /&gt;
&lt;br /&gt;
.zx-mission-list {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    border-collapse: collapse !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list th,&lt;br /&gt;
.zx-mission-list td {&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14) !important;&lt;br /&gt;
    padding: 6px 10px !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list th[bgcolor],&lt;br /&gt;
.zx-mission-list th[style*=&amp;quot;background&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list td[bgcolor],&lt;br /&gt;
.zx-mission-list td[style*=&amp;quot;background&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list &amp;gt; * &amp;gt; tr:hover &amp;gt; td {&lt;br /&gt;
    background: rgba(217,189,124,.09) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 10: Job Specific Armor Set boxes (Category:Armor + ~39 sibling&lt;br /&gt;
   job/weapon-category overview pages sharing the &amp;quot;Standard C-Highlight...&amp;quot; table family) =====&lt;br /&gt;
   Same bgcolor-vs-style gotcha as earlier batches: these tables paint their title bar, thin&lt;br /&gt;
   divider row, and pale body fully via the bgcolor= HTML attribute rather than style=, so the&lt;br /&gt;
   existing style*= hooks for these exact hex values (added for other templates that happened&lt;br /&gt;
   to use style=) never matched here. New rules below close the attribute-form gap for each --&lt;br /&gt;
   no new colors, no template edits, same treatment as the sibling style*= rule in each case. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.Standard [bgcolor*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [bgcolor*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.Standard [bgcolor*=&amp;quot;686c6e&amp;quot; i],&lt;br /&gt;
.bestiary [bgcolor*=&amp;quot;686c6e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3a1d23&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;efeeee&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Armor&amp;diff=103005</id>
		<title>Category:Armor</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Armor&amp;diff=103005"/>
		<updated>2026-07-05T17:13:01Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Clean up Reforged Armors section: unwrap misused blockquote (was forcing italic/dim quote-prose styling onto factual content via the global blockquote CSS rule) and make the two section-divider hr tags consistent&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{| width=&amp;quot;100%&amp;quot;&lt;br /&gt;
| width=&amp;quot;25%&amp;quot; | __TOC__&lt;br /&gt;
| valign=&amp;quot;top&amp;quot; width=&amp;quot;50%&amp;quot; |&lt;br /&gt;
{| align=&amp;quot;center&amp;quot; style=&amp;quot;text-align: center;&amp;quot; cellpadding=&amp;quot;2&amp;quot;&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; |&lt;br /&gt;
=== Armor by Slot ===&lt;br /&gt;
|-&lt;br /&gt;
| colspan=&amp;quot;5&amp;quot; |[[:Category:Shields|Shields]]&lt;br /&gt;
|-&lt;br /&gt;
| colspan=&amp;quot;5&amp;quot; height=&amp;quot;2px&amp;quot; cellspacing=&amp;quot;0&amp;quot; cellpadding=&amp;quot;0&amp;quot; | &amp;lt;small&amp;gt;&#039;&#039;Main Armor Slots&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
|[[:Category:Head|Head]]&lt;br /&gt;
|[[:Category:Body|Body]]&lt;br /&gt;
|[[:Category:Hands|Hands]]&lt;br /&gt;
|[[:Category:Legs|Legs]]&lt;br /&gt;
|[[:Category:Feet|Feet]]&lt;br /&gt;
|-&lt;br /&gt;
| colspan=&amp;quot;5&amp;quot; height=&amp;quot;2px&amp;quot; | &amp;lt;small&amp;gt;&#039;&#039;Accessory Slots&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
|[[:Category:Earrings|Earrings]]&lt;br /&gt;
|[[:Category:Neck|Neck]]&lt;br /&gt;
|[[:Category:Back|Back]]&lt;br /&gt;
|[[:Category:Rings|Rings]]&lt;br /&gt;
|[[:Category:Waist|Waist]]&lt;br /&gt;
|}&lt;br /&gt;
| width=&amp;quot;25%&amp;quot; |&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
== Job Specific Equipment Armor Sets ==&lt;br /&gt;
{| width=&amp;quot;100%&amp;quot;&lt;br /&gt;
| valign=&amp;quot;top&amp;quot; |&lt;br /&gt;
{|class=&amp;quot;Standard C-Highlight-WikiBlue R1-White&amp;quot; style=&amp;quot;text-align: center;&amp;quot; BGCOLOR=&amp;quot;efeeee&amp;quot; width=&amp;quot;100%&amp;quot;&lt;br /&gt;
|- BGCOLOR=&amp;quot;#0966A7&amp;quot;&lt;br /&gt;
! colspan=&amp;quot;100%&amp;quot;| [[:Category:Artifact Armor|&amp;lt;big&amp;gt;&#039;&#039;&#039;Artifact Armor&#039;&#039;&#039;&amp;lt;/big&amp;gt;]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#4696CF&amp;quot;&lt;br /&gt;
! colspan=&amp;quot;100%&amp;quot; BGCOLOR=&amp;quot;#FF8000&amp;quot; height=1px|&lt;br /&gt;
|- BGCOLOR=&amp;quot;#efeeee&amp;quot;&lt;br /&gt;
|[[:Category:Artifact Armor +1|Artifact Armor +1]]&lt;br /&gt;
|[[:Category:Reforged Artifact Armor|Reforged Artifact Armor]]&lt;br /&gt;
|[[:Category:Reforged Artifact Armor +1|Reforged Artifact Armor +1]]&lt;br /&gt;
|[[:Category:Reforged Artifact Armor +2|Reforged Artifact Armor +2]]&lt;br /&gt;
|[[:Category:Reforged Artifact Armor +3|Reforged Artifact Armor +3]]&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;small&amp;gt;&#039;&#039;Level 74 Artifact Armor&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
| &amp;lt;small&amp;gt;&#039;&#039;iLevel 109 Artifact Armor&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; | &amp;lt;small&amp;gt;&#039;&#039;iLevel 119 Artifact Armor&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
| valign=&amp;quot;top&amp;quot; |&lt;br /&gt;
{|class=&amp;quot;Standard C-Highlight R1-White&amp;quot; style=&amp;quot;text-align: center;&amp;quot; BGCOLOR=&amp;quot;efeeee&amp;quot; width=&amp;quot;100%&amp;quot;&lt;br /&gt;
|- BGCOLOR=&amp;quot;#4b4d4f&amp;quot;&lt;br /&gt;
! colspan=&amp;quot;100%&amp;quot;| [[:Category:Relic Armor|&amp;lt;big&amp;gt;&#039;&#039;&#039;Relic Armor&#039;&#039;&#039;&amp;lt;/big&amp;gt;]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#686C6E&amp;quot;&lt;br /&gt;
! colspan=&amp;quot;100%&amp;quot; BGCOLOR=&amp;quot;#b12fb1&amp;quot; height=1px|&lt;br /&gt;
|- BGCOLOR=&amp;quot;#efeeee&amp;quot;&lt;br /&gt;
|[[:Category:Relic Armor +1|Relic Armor +1]]&lt;br /&gt;
|[[:Category:Relic Armor +2|Relic Armor +2]]&lt;br /&gt;
|[[:Category:Reforged Relic Armor|Reforged Relic Armor]]&lt;br /&gt;
|[[:Category:Reforged Relic Armor +1|Reforged Relic Armor +1]]&lt;br /&gt;
|[[:Category:Reforged Relic Armor +2|Reforged Relic Armor +2]]&lt;br /&gt;
|[[:Category:Reforged Relic Armor +3|Reforged Relic Armor +3]]&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;small&amp;gt;&#039;&#039;Level 75 Relic Armor&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
| &amp;lt;small&amp;gt;&#039;&#039;Level 90 Relic Armor&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
| &amp;lt;small&amp;gt;&#039;&#039;iLevel 109 Relic Armor&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; | &amp;lt;small&amp;gt;&#039;&#039;iLevel 119 Relic Armor&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
| valign=&amp;quot;top&amp;quot; |&lt;br /&gt;
{|class=&amp;quot;Standard C-Highlight R1-White&amp;quot; style=&amp;quot;text-align: center;&amp;quot; BGCOLOR=&amp;quot;efeeee&amp;quot; width=&amp;quot;100%&amp;quot;&lt;br /&gt;
|- BGCOLOR=&amp;quot;#3a1d23&amp;quot;&lt;br /&gt;
! colspan=&amp;quot;100%&amp;quot;| [[:Category:Empyrean Armor|&amp;lt;big&amp;gt;&#039;&#039;&#039;Empyrean Armor&#039;&#039;&#039;&amp;lt;/big&amp;gt;]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#5E3C43&amp;quot;&lt;br /&gt;
! colspan=&amp;quot;100%&amp;quot; BGCOLOR=&amp;quot;#860111&amp;quot; height=1px|&lt;br /&gt;
|- BGCOLOR=&amp;quot;#efeeee&amp;quot;&lt;br /&gt;
|[[:Category:Empyrean Armor +1|Empyrean Armor +1]]&lt;br /&gt;
|[[:Category:Empyrean Armor +2|Empyrean Armor +2]]&lt;br /&gt;
|[[:Category:Reforged Empyrean Armor|Reforged Empyrean Armor]]&lt;br /&gt;
|[[:Category:Reforged Empyrean Armor +1|Reforged Empyrean Armor +1]]&lt;br /&gt;
|[[:Category:Reforged Empyrean Armor +2|Reforged Empyrean Armor +2]]&lt;br /&gt;
|[[:Category:Reforged Empyrean Armor +3|Reforged Empyrean Armor +3]]&lt;br /&gt;
|-&lt;br /&gt;
|colspan=&amp;quot;2&amp;quot;| &amp;lt;small&amp;gt;&#039;&#039;Level 81~85 Empyrean Armor&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
| &amp;lt;small&amp;gt;&#039;&#039;iLevel 109 Empyrean Armor&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; | &amp;lt;small&amp;gt;&#039;&#039;iLevel 119 Empyrean Armor&#039;&#039;&amp;lt;/small&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
|}&lt;br /&gt;
===Reforged Armors===&lt;br /&gt;
&amp;lt;hr&amp;gt;&lt;br /&gt;
Reforged Armor is the [[:Category:Artifact Armor|Artifact]] (AF1), [[:Category:Relic Armor|Relic]] (AF2), and [[:Category:Empyrean Armor|Empyrean Armor]] (AF3) sets upgraded to the initial stage of [[Item Level]] 109 before being further upgraded to [[Item Level]] 119 in their +1 form. Artifact, Relic, and Empyrean can be further upgraded to +2 and +3, which remains Item Level 119.&lt;br /&gt;
&lt;br /&gt;
*The NPC [[Monisette]] in [[Port Jeuno]] handles all armor&#039;s upgrade processes to Item Level 119 +1 forms which all use [[Rem&#039;s Tale]]s.&lt;br /&gt;
*[[Coelestrox]] in [[Reisenjima]] upgrades Artifact Armor to its 119 +2 and +3 versions.&lt;br /&gt;
*[[Aurix]] via the &#039;&#039;&#039;???&#039;&#039;&#039; in [[Ru&#039;Lude Gardens]] upgrades Relic Armor to its 119 +2 and +3 counterparts.&lt;br /&gt;
*[[Ruspix]] is set to be added to [[Leafallia]] to handle Empyrean Armor upgrades to +2 and +3.&lt;br /&gt;
&lt;br /&gt;
====Other &amp;quot;&#039;&#039;Reforged&#039;&#039;&amp;quot; Sets====&lt;br /&gt;
&amp;lt;hr&amp;gt;&lt;br /&gt;
While often called &amp;quot;reforged&amp;quot; by members of the community, these sets &amp;lt;u&amp;gt;&#039;&#039;&#039;&#039;&#039;are not truly&#039;&#039;&#039;&#039;&#039;&amp;lt;/u&amp;gt; reforged in any traditional sense as they never require the base/original armor piece in order to be obtained.&amp;lt;br /&amp;gt;&lt;br /&gt;
However, these items &#039;&#039;&#039;do&#039;&#039;&#039; offer 119 variants of their [[:Category:Abjurations#Abjuration_Sets_.28Sky.2FHNMs.2FEinherjar.29|73]], [[:Category:Salvage/Rewards_(Level_75)#Armor_Sets|75]], and [[:Category:Abjurations#Abjuration_Sets_.28Voidwatch.2FLegion.29|99]] original base counterparts.&lt;br /&gt;
&lt;br /&gt;
=====119 Pulse Panoplia=====&lt;br /&gt;
*[[:Category:Escha_Rewards#Tier_III_NMs|Item Level 119 Pulse Panoplia]]&lt;br /&gt;
:119 variants of the [[Pulse Panoplia]], originally from [[Voidwatch]] and expanded into [[Legion]] and [[Meeble Burrows]], are obtained in the same manner as their originals: an ultra rare drop from various [[Notorious Monster]]s.&lt;br /&gt;
:Initially implemented as drops from [[:Category:Escha_Rewards#Tier_III_NMs|Escha - Zi&#039;Tah&#039;s Tier III NMs]], these NMs offer &amp;quot;upgraded&amp;quot; forms of {{Imgpop|[[Delphinius]]|20938 description.png|link=Annealed Lance}}, {{Imgpop|[[Girru]]|20523 description.png|link=Chastisers}}, and {{Imgpop|[[Himthige]]|20847 description.png|link=Router}}.&lt;br /&gt;
:The HELM NMs of [[Escha - Zi&#039;Tah]] offers &amp;quot;&#039;&#039;reforged&#039;&#039;&amp;quot; forms of four of the [[Pulse Panoplia|Voidwatch Pulse body armors]]; with the [[:Category:Escha_Rewards#Tier_I_HELM_NMs|Tier I NMs]] offering 119 versions for {{Imgpop|[[Heka&#039;s Kalasiris]]|26960 description.png|link=Annointed Kalasiris}}, {{Imgpop|[[Mekira Meikogai]]|26959 description.png|link=Kubira Meikogai}} and {{Imgpop|[[Fazheluo Radiant Mail]]|26961 description.png|link=Makora Meikogai}}, and the 119 version of {{Imgpop|[[Toci&#039;s Harness]]|26962 description.png|link=Enforcer&#039;s Harness}} being obtained from the [[:Category:Escha_Rewards#Tier_II_HELM_NM|Tier II NM]]. Finally, a 119 &amp;quot;&#039;&#039;reforged&#039;&#039;&amp;quot; form for {{Imgpop|[[Anhur Robe]]|Zendik Robe description.png|link=Zendik Robe}} is available from [[:Category:Escha_Rewards#Nazar_NM|Warder of Courage]].&lt;br /&gt;
:Making the total of 3/15 Pulse weapons and 5/6 Pulse armors that have [[Item Level]] 119 variants.&lt;br /&gt;
&lt;br /&gt;
=====119 Abjuratory Armor=====&lt;br /&gt;
*[[:Category:Abjurations#Abjuration_Sets_.28Escha_-_Ru.27Aun.29|Item Level 119 Abjurations]]&lt;br /&gt;
:Obtained in exactly the same way as many of the original abjuratory sets: [[:Category:Craft|create a cursed item]] using various &amp;quot;unholy&amp;quot; materials from the current endgame Notorious Monsters and a base piece of gear; then remove the curse via the appropriate abjuration and the services of [[Alphollon C Meriard]] in the Cathedral in [[Northern San d&#039;Oria]].&lt;br /&gt;
:The average player may never need touch the original abjuratory armors in order to obtain the 119 variants, as cursed armor is buyable on the [[Auction_House#Browsing|Auction House]] and the required abjurations are obtained in [[:Category:Escha#Escha_-_Ru.27Aun_4|Escha - Ru&#039;Aun&#039;s Geas Fete]].&lt;br /&gt;
:However, the main reason why players refer to these as &amp;quot;&#039;&#039;reforged&#039;&#039;&amp;quot; is due to the fact that the cursed armor pieces require the old cursed armor pieces to synth. However, as this process does not involve the reforging of the uncursed gear, it is no different than previous abjuratory gear not being &amp;quot;reforges&amp;quot; of the common pieces of gear required in their cursed item synths.&lt;br /&gt;
&lt;br /&gt;
=====119 Salvage, Nyzul, &amp;amp; Limbus Armor=====&lt;br /&gt;
*[[:Category:Ambuscade_Rewards#Armor|Ambuscade Armor Sets]]&lt;br /&gt;
:Obtained as the monthly rewards for attaining certain levels of [[Hallmarks]] per month.&amp;lt;br /&amp;gt;&lt;br /&gt;
:Even less connected to the original [[:Category:Salvage/Rewards_(Level_75)#Armor_Sets|75]] &amp;amp; [[:Category:Salvage/Rewards_(Level_99)#Armor_Sets|99]] Salvage Armors and the [[Nyzul_Isle_Investigation#Armor_Sets|75]] &amp;amp; [[Nyzul_Isle_Uncharted_Area_Survey#Armor_Sets|99]] Nyzul Isle Armors than Item Level 119 Abjurations are to theirs, these sets are not even obtained in similar battle content.&amp;lt;br /&amp;gt;&lt;br /&gt;
:Furthermore, while many 119 Abjuratory variants heavily deviated from their original set&#039;s effects, this deviance is much more pronounced in the [[Ambuscade]] variants as very few follow the effects of their originals; with the 119 Nyzul and [[Limbus#Omega_and_Ultima_Gear|Limbus Armor]] variants having the most pronounced differences as many don&#039;t even share the same [[Job]]s as their 75 or 99 variant.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Category:Item]]&lt;br /&gt;
[[Category:Equipment]] [[Category:Auction House Categories]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103004</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=103004"/>
		<updated>2026-07-05T16:53:03Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: ZenithXI Batch 9 refinement: mission-list tables to match Job Ratings card look (panel bg, gold header, grid, zebra)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: New Year event moogle-stall tables (~8-9 pages) =====&lt;br /&gt;
   New_Year_2018..2024/Guide &amp;quot;Left/Right Moogle&amp;quot; tables: header bg #990e0e + border #616ff3 +&lt;br /&gt;
   inline color:#57c669 (green, overridden to gold for header consistency), body rows use&lt;br /&gt;
   plain bgcolor=&amp;quot;#f5f5f5&amp;quot; (common grey, not hooked globally) -- anchor-scope those to tables&lt;br /&gt;
   that also carry the distinctive #990e0e header marker, same :has() trick used for the&lt;br /&gt;
   History-of-FFXI outer wrapper. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;616ff3&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;990e0e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table:has([style*=&amp;quot;990e0e&amp;quot; i]) [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Myriad Arms of Balrahn relic-lore panels (~20 pages) =====&lt;br /&gt;
   Parchment-tan prose panels (not data tables, no header row) on the index page and each&lt;br /&gt;
   of the 20 individual relic weapon lore pages. Just needs dark-panel + readable text. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8d6c3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d2cdc2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: mechanic-page equipment-modifier table headers =====&lt;br /&gt;
   e.g. Avatar_perpetuation_cost: distinctive header hexes #ccaaff and #C3C6DD. These pages&lt;br /&gt;
   also use plain #f5f5f5/#eeeeff/#ffffff row backgrounds like several other legacy tables --&lt;br /&gt;
   left alone here (too generic/common to hook without per-page anchoring, and this group&#039;s&lt;br /&gt;
   page-sets don&#039;t fully overlap per the frequency scan, suggesting more than one source&lt;br /&gt;
   template). Revisit with per-page anchors if this becomes a priority. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c3c6dd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ccaaff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: generic &amp;quot;skill cap / spell list&amp;quot; data tables (~100+ pages) =====&lt;br /&gt;
   A very widely-reused hand-copied table convention spanning Skill_Caps/* subpages,&lt;br /&gt;
   Evasion_Skill/Guard_Skill/Parrying_Skill/Shield_Skill, spell-type Category pages&lt;br /&gt;
   (Elemental_Magic, Ninjutsu, Dark_Magic, Divine_Magic, Enfeebling_Magic, Geomancy,&lt;br /&gt;
   Healing_Magic, Song, Summoning_Magic), and dozens of Version_Update/gear-set/guide pages:&lt;br /&gt;
   an outer table background-color:#000878 (dark navy), header row bgcolor #ADBDCC or the&lt;br /&gt;
   already-hooked #C3C6DD, and zebra body rows bgcolor #FFFFFF/#dfe4ff (Skill_Caps family) or&lt;br /&gt;
   no-bgcolor/#EAF0FF (Category spell-list family, which wraps in a thin border:#6ea9e5 box&lt;br /&gt;
   instead of the navy fill). These hexes were invisible to earlier frequency scans because the&lt;br /&gt;
   wiki DB&#039;s text column is binary-collated (case-sensitive LIKE, LOWER() is a no-op) and the&lt;br /&gt;
   scans searched a different case than what these pages actually use. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;000878&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;000878&amp;quot; i] [bgcolor*=&amp;quot;ffffff&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;adbdcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;adbdcc&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;dfe4ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dfe4ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6ea9e5&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Abyssea Navigation nav-box + Flowchart Map headers (~40 pages) =====&lt;br /&gt;
   Template:Abyssea_Navigation&#039;s title bar and its 3 quadrant headers (Vision/Scars/Heroes),&lt;br /&gt;
   plus the identical #3a1d23 &amp;quot;Linked Zone Map&amp;quot; header hand-copied on every Abyssea zone page. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3a1d23&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;01155c&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;510e3a&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;410e0a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
/* Template:Abyssea Navigation&#039;s plain #e8e8e8 rows -- scoped via a &amp;quot;zx-abyssea-nav&amp;quot; class&lt;br /&gt;
   added to the template itself (too common a grey to hook globally). */&lt;br /&gt;
.zx-abyssea-nav [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: checklist-template family (~10 pages) =====&lt;br /&gt;
   Abyssea_Quests_Checklist / All_Missions_Checklist / All_Home_Points_Checklist /&lt;br /&gt;
   All_Survival_Guides_Checklist share a purple title bar + item-box border (#8C6395) and pale&lt;br /&gt;
   item-box backgrounds (#EEEEFF/#FFEEEE/#EEFFEE). Each mission-line&#039;s own one-off saturated&lt;br /&gt;
   title color (e.g. #01155C above, #085801, #19437F, ...) is left alone -- already white-text-&lt;br /&gt;
   on-dark-color, readable regardless of site theme, not worth per-hex hooking for ~1-2 pages each. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;8c6395&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeeeff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeffee&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: #dddddd border companion (~65 pages) =====&lt;br /&gt;
   Border-only companion color paired with the already-hooked #efeeee/#f5f5f5 pale cells&lt;br /&gt;
   across Community guide item-upgrade tables, Dynamis pages, Mission pages, etc. Safe to hook&lt;br /&gt;
   globally since it only ever sets border-color, never background or text color on its own. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dddddd&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Template:Imgpop / Template:Zone Quick Travel Row hover-popup boxes =====&lt;br /&gt;
   .has-image-popup / .image-popup is the hover-to-reveal item icon tooltip used via {{imgpop}}&lt;br /&gt;
   on an enormous fraction of the wiki&#039;s pages (every NM loot list, equipment table, etc.), plus&lt;br /&gt;
   the zone travel-map popup. Its border is plain #DDDDDD and its background defaults to&lt;br /&gt;
   #FFFFFF (or an arbitrary per-call custom color) -- override both directly via the class so&lt;br /&gt;
   every popup is theme-consistent regardless of what color a page author originally chose. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content .image-popup {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.94), rgba(11,15,24,.97)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: universal &amp;quot;Userbox Templates&amp;quot; family (~130+ templates) =====&lt;br /&gt;
   Every template in Category:Userbox Templates (Aegis, Abyssea_Complete, Laptop_Player,&lt;br /&gt;
   Alchemist, Bastok_Fame, ...) shares one identical boilerplate shell, just with a different&lt;br /&gt;
   inner/outer color pair per badge:&lt;br /&gt;
     &amp;lt;div style=&amp;quot;float:left; border:solid #808080 2px; margin:1px;&amp;quot;&amp;gt;&lt;br /&gt;
       {| style=&amp;quot;...background:#&amp;lt;OUTER&amp;gt;;&amp;quot;&lt;br /&gt;
       | style=&amp;quot;...background:#&amp;lt;INNER&amp;gt;;...color:black;&amp;quot; | icon&lt;br /&gt;
       | style=&amp;quot;...color:black;&amp;quot; | text&lt;br /&gt;
       |}&amp;lt;/div&amp;gt;&lt;br /&gt;
   Rather than hooking each badge&#039;s own color pair individually (dozens of them, e.g.&lt;br /&gt;
   #8b6969/#cdcdb4, #e3c59d/#f5deb3, #e9e9e9, #e0e0e0, #333399/#7777ee, ...), target the shell&lt;br /&gt;
   structurally via its universal #808080 border -- this covers every current AND future badge&lt;br /&gt;
   in the family regardless of which specific colors it uses. Some badges use color:ivory for&lt;br /&gt;
   contrast instead of black (already legible on a dark panel, left alone); color:black is&lt;br /&gt;
   scoped-overridden since it would otherwise be unreadable on the new dark background,&lt;br /&gt;
   including when nested inside a {{Color|black|...}}-generated inner span. */&lt;br /&gt;
&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] table,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] td,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color: black&amp;quot; i],&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color:black&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: Relic/AF/Empyrean armor category-nav + Bestiary table palettes =====&lt;br /&gt;
   Gaps left by earlier hooks of sibling colors in the same small template families. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;686c6e&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;686c6e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;214c58&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;214c58&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac7e4f&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ac7e4f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c1b288&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c1b288&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: AF_+1 slot-label + zone-info two-column headers =====*/&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f5faff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;f5faff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6e96d5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;6e96d5&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: checklist-family (Abyssite/Adoulin/Aeonic/... _Checklist) body cells =====&lt;br /&gt;
   These &amp;quot;*_Checklist&amp;quot; templates use the same .bdrdarkblue wrapper class as other already-themed&lt;br /&gt;
   collapsible tables, but their own body cells set plain #F5F5F5/#EFEFEF backgrounds directly&lt;br /&gt;
   (overriding the table-level dark panel) and a #DEDEDE tier-callout div border-paired with the&lt;br /&gt;
   already-hooked #4696CF. Scoped to .bdrdarkblue rather than hooked globally since F5F5F5/EFEFEF&lt;br /&gt;
   are too common elsewhere on the wiki. */&lt;br /&gt;
&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;f5f5f5&amp;quot; i],&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;efefef&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;dedede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: job-page mini-infobox (all 22 Job pages, e.g. Bard) ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cacaca&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cacaca&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ebebeb&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ebebeb&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Guide Equipment Set border (All_Jobs_Gear_Sets/*, ~24 pages) =====&lt;br /&gt;
   Set Name Text Shadow (#000080) is a decorative text-shadow, left alone (same precedent as&lt;br /&gt;
   the Abyssea Flowchart Map header&#039;s shadow) -- only the border-color companion needs a hook. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;51414f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: &amp;quot;Time Gated Content&amp;quot; warning banner (~22 pages) ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeec&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa99f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Gobbie Mystery Box reward-table body rows ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;e9f1f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e9f1f9&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: mission-walkthrough header (Promathia/CoP missions, ~18 pages) =====&lt;br /&gt;
   Table itself already carries class=&amp;quot;missions&amp;quot; (dark-paneled), but this header row&#039;s own&lt;br /&gt;
   background overrides that -- same gap pattern as several earlier batches. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5353&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Mog Bonanza event pages (~15-17 yearly pages) =====&lt;br /&gt;
   No shared template/class -- anchor off the distinctive #ABABAB border rather than hooking&lt;br /&gt;
   the more common #E4E4E4/#EDEDED backgrounds bare. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;ababab&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;ababab&amp;quot; i] [style*=&amp;quot;ededed&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: misc small completions ===== */&lt;br /&gt;
&lt;br /&gt;
/* Lore/spoilers collapsible box -- exact-phrase matched (not a bare &amp;quot;ccf&amp;quot; substring) since a&lt;br /&gt;
   3-digit shorthand hex is short enough to coincidentally appear inside unrelated 6-digit&lt;br /&gt;
   hexes (e.g. #AACCFF), which a bare substring selector would wrongly catch. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;background-color: #ccf&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;background-color:#ccf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Moon Phase gate-timing row shade (dungeon zone pages) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;e3e6ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e3e6ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Oboro-style reforge table header -- completes existing 4696cf/cee0f2/dfe4ff coverage */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4499ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4499ff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 9: mission-list category pages (Bastok/Windurst/San d&#039;Oria/Zilart/&lt;br /&gt;
   Promathia/Aht Urhgan/Wings of the Goddess/Seekers of Adoulin/Rhapsodies/Crystalline/&lt;br /&gt;
   A Moogle Kupo d&#039;Etat/A Shantotto Ascension/Abyssea/Voidwatch/Voracious Resurgence Missions) =====&lt;br /&gt;
   Each of these hand-copies an identical table structure (outer table with color:black, header&lt;br /&gt;
   row + rank/divider cells via BGCOLOR=, body rows via BGCOLOR=) but with its OWN distinct&lt;br /&gt;
   4-color palette per nation/expansion (e.g. Bastok navy #1A1C80/#5B6693/#C5C6DF, San d&#039;Oria&lt;br /&gt;
   maroon #36070F/#6E3941/#F5A4B1, Zilart rust #8C3D0C/#F2D09D). Rather than enumerating every&lt;br /&gt;
   page&#039;s own palette, add a shared &amp;quot;zx-mission-list&amp;quot; class to each page&#039;s outer table and&lt;br /&gt;
   neutralize every BGCOLOR fill to transparent -- each page&#039;s own &amp;lt;span style=&amp;quot;color:...&amp;quot;&amp;gt; on&lt;br /&gt;
   its header/rank-number text (e.g. Bastok&#039;s gold #E9DC76) is left untouched, so once the&lt;br /&gt;
   background goes transparent that accent color naturally reads as a themed header color&lt;br /&gt;
   against the dark page background, still distinct per nation, with zero per-page color&lt;br /&gt;
   enumeration needed. */&lt;br /&gt;
&lt;br /&gt;
.zx-mission-list {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list [bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 9 follow-up: some mission-list pages (e.g. Rhapsodies of Vanadiel Missions) shade rows&lt;br /&gt;
   via style=&amp;quot;background: #hex&amp;quot; rather than the bgcolor= HTML attribute -- catch both forms. */&lt;br /&gt;
.zx-mission-list [style*=&amp;quot;background&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 9 refinement: give zx-mission-list the same polished &amp;quot;card&amp;quot; look as the&lt;br /&gt;
   Job Ratings table (Category:Sword) -- dark panel background, gold-wash header/label cells,&lt;br /&gt;
   a visible cell grid, and zebra striping -- instead of the flatter transparent-only treatment&lt;br /&gt;
   from the first pass. Higher specificity (th/td type selectors) than the earlier blanket&lt;br /&gt;
   [bgcolor]/[style*=&amp;quot;background&amp;quot;] rule guarantees these win regardless of source order. */&lt;br /&gt;
&lt;br /&gt;
.zx-mission-list {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    border-collapse: collapse !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list th,&lt;br /&gt;
.zx-mission-list td {&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14) !important;&lt;br /&gt;
    padding: 6px 10px !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list th[bgcolor],&lt;br /&gt;
.zx-mission-list th[style*=&amp;quot;background&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list td[bgcolor],&lt;br /&gt;
.zx-mission-list td[style*=&amp;quot;background&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list &amp;gt; * &amp;gt; tr:hover &amp;gt; td {&lt;br /&gt;
    background: rgba(217,189,124,.09) !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Abyssea_Storyline_Quests&amp;diff=103003</id>
		<title>Category:Abyssea Storyline Quests</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Abyssea_Storyline_Quests&amp;diff=103003"/>
		<updated>2026-07-05T16:43:07Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping (color:black + unscoped e8e8e8 body rows)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{disambiguation|Abyssea{{!}}&#039;&#039;&#039;Abyssea Main Page&#039;&#039;&#039;|Abyssea Quests}}&lt;br /&gt;
{| align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center;&amp;quot; width=&amp;quot;100%&amp;quot;&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; |[[Image:VisionofAbysseaLogo.png|500px|Vision of Abyssea]][[Image:ScarsofAbysseaLogo.png|500px|Scars of Abyssea]][[Image:HeroesofAbysseaLogo.png|500px|Heroes of Abyssea]]&lt;br /&gt;
|-&lt;br /&gt;
|&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot; width=&amp;quot;700px&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#3a1d23&amp;quot; colspan=&amp;quot;4&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Main Storyline &amp;quot;Missions&amp;quot;&amp;lt;/span&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#3a1d23&amp;quot; width=&amp;quot;12%&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Expansion&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#3a1d23&amp;quot; width=&amp;quot;20%&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Number of clears&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#3a1d23&amp;quot; width=&amp;quot;29%&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Mission (Quest)&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#3a1d23&amp;quot; width=&amp;quot;39%&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
! rowspan=&amp;quot;6&amp;quot; style=&amp;quot;background: #01155C; color: #FFFFFF;&amp;quot; | Vision&lt;br /&gt;
! rowspan=&amp;quot;3&amp;quot; | No Zone Quests&lt;br /&gt;
| [[A Journey Begins]]&lt;br /&gt;
| [[Traverser stone]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[The Truth Beckons]]&lt;br /&gt;
|&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Dawn of Death]]&lt;br /&gt;
| [[Joachim]] will begin storing  [[Traverser stone]]s&amp;lt;br /&amp;gt;Ability to teleport to the maws for a [[Cruor]] fee&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
! rowspan=&amp;quot;3&amp;quot; | Any 3 Zone Quests&lt;br /&gt;
| [[First Contact]]&lt;br /&gt;
| [[Lunar abyssite]]&amp;lt;br /&amp;gt;[[Ivory abyssite of fortune]]&amp;lt;br /&amp;gt;[[Ivory abyssite of acumen]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[An Officer and a Pirate]]&lt;br /&gt;
|&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Heart of Madness]]&lt;br /&gt;
|&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; style=&amp;quot;background: #510E3A; color: #FFFFFF;&amp;quot;| Scars&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Any 5 Zone Quests&lt;br /&gt;
| [[Tenuous Existence]]&lt;br /&gt;
| [[Ivory abyssite of the reaper]]&amp;lt;br /&amp;gt;[[Ivory abyssite of perspicacity]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Champions of Abyssea]]&lt;br /&gt;
|&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
! rowspan=&amp;quot;7&amp;quot; style=&amp;quot;background: #410E0A; color: #FFFFFF;&amp;quot; | Heroes&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Any 7 Zone Quests&lt;br /&gt;
| [[A Sea Dog&#039;s Summons]]&lt;br /&gt;
| [[Ivory abyssite of guerdon]]&amp;lt;br /&amp;gt;[[Lunar abyssite]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Death and Rebirth]]&lt;br /&gt;
|&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
! rowspan=&amp;quot;5&amp;quot; | All 9 Zone Quests&lt;br /&gt;
| [[Emissaries of God]]&lt;br /&gt;
| [[Ivory abyssite of prosperity]]&amp;lt;br /&amp;gt;[[Ivory abyssite of destiny]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Beneath a Blood-red Sky]]&lt;br /&gt;
| [[Abyssite of discernment]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[The Wyrm God]]&lt;br /&gt;
| Ability to produce [[Crimson traverser stone]]s&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Meanwhile, Back on Abyssea]]&lt;br /&gt;
|&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[A Moonlight Requite]]&lt;br /&gt;
| [[Abyssite of the cosmos]]&lt;br /&gt;
|-&lt;br /&gt;
|}&lt;br /&gt;
|&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center;&amp;quot; width=&amp;quot;500px&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#3a1d23&amp;quot; colspan=&amp;quot;4&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Storyline Zone Quests&amp;lt;/span&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#3a1d23&amp;quot; width=&amp;quot;15%&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Expansion&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#3a1d23&amp;quot; width=&amp;quot;29%&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Quest&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#3a1d23&amp;quot; width=&amp;quot;27%&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Zone&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#3a1d23&amp;quot; width=&amp;quot;29%&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Quest&amp;lt;/span&amp;gt;&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
! rowspan=&amp;quot;3&amp;quot; style=&amp;quot;background: #01155C; color: #FFFFFF;&amp;quot; | Vision&lt;br /&gt;
| rowspan=&amp;quot;3&amp;quot; | [[The Forbidden Frontier]]&lt;br /&gt;
| [[Abyssea - Konschtat]]&lt;br /&gt;
| [[To Paste a Peiste]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - La Theine]]&lt;br /&gt;
| [[A Goldstruck Gigas]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - Tahrongi]]&lt;br /&gt;
| [[Megadrile Menace]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
! rowspan=&amp;quot;3&amp;quot; style=&amp;quot;background: #510E3A; color: #FFFFFF;&amp;quot; | Scars&lt;br /&gt;
| rowspan=&amp;quot;3&amp;quot; | [[Scars of Abyssea (Quest)|Scars of Abyssea]]&lt;br /&gt;
| [[Abyssea - Attohwa]]&lt;br /&gt;
| [[A Fluttery Fiend]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - Misareaux]]&lt;br /&gt;
| [[A Delectable Demon]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - Vunkerl]]&lt;br /&gt;
| [[The Beast of Bastore]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
! rowspan=&amp;quot;3&amp;quot; style=&amp;quot;background: #410E0A; color: #FFFFFF;&amp;quot; | Heroes&lt;br /&gt;
| rowspan=&amp;quot;3&amp;quot; | [[Heroes of Abyssea (Quest)|Heroes of Abyssea]]&lt;br /&gt;
| [[Abyssea - Altepa]]&lt;br /&gt;
| [[A Beaked Blusterer]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - Uleguerand]]&lt;br /&gt;
| [[A Man-eating Mite]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - Grauberg]]&lt;br /&gt;
| [[An Ulcerous Uragnite]]&lt;br /&gt;
|-&lt;br /&gt;
|}&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
[[Category:Abyssea]] [[Category:Abyssea Quests]]&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Voidwatch_Quests&amp;diff=103002</id>
		<title>Category:Voidwatch Quests</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Voidwatch_Quests&amp;diff=103002"/>
		<updated>2026-07-05T16:42:49Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{disambiguation|Voidwatch|Voidwatch Weaknesses}}&lt;br /&gt;
{{Category Page Header&lt;br /&gt;
|ToC=&lt;br /&gt;
|Float=left&lt;br /&gt;
|Image=Voidwatch Quests.png&lt;br /&gt;
|Image Size=300&lt;br /&gt;
|Image Link=&lt;br /&gt;
|Intro Text=&lt;br /&gt;
While participation in the vast majority of Voidwatch battles is possible without quest progression, [[Provenance]] and its four battlefields can only be accessed if the player has progressed to the climax of the Voidwatch Jeuno region line of quests.&lt;br /&gt;
&lt;br /&gt;
Unlocking [[:Category:Kupofried&#039;s Weapon Skill Moogle Magic|Empyrean Weapon Skills]] also requires some progress passed the starting cities Voidwatch tiers and completing [[Drafted by the Duchy]].&lt;br /&gt;
&lt;br /&gt;
[[:Category:Transportation#Voidwatch Teleportation|Voidwatch Teleportation]] destinations are also rewarded based on quest progression.&lt;br /&gt;
}}&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; style=&amp;quot;color: black;&amp;quot; width=100% border=0&lt;br /&gt;
|- BGCOLOR=&amp;quot;#ADBDCC&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| colspan=2 | &#039;&#039;&#039;Jeuno Region Quests&#039;&#039;&#039;&lt;br /&gt;
| colspan=1 BGCOLOR=&amp;quot;#FFFFF&amp;quot; |&lt;br /&gt;
| colspan=2 | &#039;&#039;&#039;Other Region Quests&#039;&#039;&#039;&lt;br /&gt;
|- BGCOLOR=&amp;quot;#ADBDCC&amp;quot;&lt;br /&gt;
! width=&amp;quot;24%&amp;quot; | Quest&lt;br /&gt;
! width=&amp;quot;24%&amp;quot; | Reward&lt;br /&gt;
! width=&amp;quot;4%&amp;quot; BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
! width=&amp;quot;24%&amp;quot; | Quest&lt;br /&gt;
! width=&amp;quot;24%&amp;quot; | Reward&lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Guardian of the Void]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#CBCBBB&amp;quot; | [[Voidwatch Ops: Border Crossing]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#CBCBBB&amp;quot; | [[Ashen stratum abyssite]] (start)&lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Drafted by the Duchy]]&lt;br /&gt;
| [[Voidwatcher&#039;s emblem: Jeuno]],&amp;lt;br&amp;gt;[[White stratum abyssite]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#CBCBBB&amp;quot; | Subquest: [[VW Op. 054: Elshimo List]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#CBCBBB&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Battle on a New Front]]&lt;br /&gt;
| [[Voidwatcher&#039;s emblem: Qufim]],&amp;lt;br&amp;gt;[[White stratum abyssite III]],&amp;lt;br&amp;gt;30,000 [[gil]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#CBCBBB&amp;quot; | Subquest: [[VW Op. 101: Detour to Zepwell]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#CBCBBB&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[VW Op. 126: Qufim Incursion]]&lt;br /&gt;
| 50,000 gil&lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#CBCBBB&amp;quot; | [[VW Op. 115: Li&#039;Telor Variant]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#CBCBBB&amp;quot; | [[Ashen stratum abyssite II]] (start)&amp;lt;br&amp;gt;[[Ashen stratum abyssite III]] (completion)&lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[A Cait Calls]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#CBCBBB&amp;quot; | [[Skyward Ho, Voidwatcher!]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#CBCBBB&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[The Truth Is Out There]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Re-Drafted by the Duchy]]&lt;br /&gt;
| [[White stratum abyssite IV]],&amp;lt;br&amp;gt;[[Tricolor Voidwatcher&#039;s emblem]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#ede0b2&amp;quot; | [[VW Op. 050: Aht Urhgan Assault]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#ede0b2&amp;quot; | [[Amber stratum abyssite]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[A New Menace]]&lt;br /&gt;
| [[White stratum abyssite V]],&amp;lt;br&amp;gt;50,000 gil&lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#ede0b2&amp;quot; | [[VW Op. 068: Subterranean Skirmish]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#ede0b2&amp;quot; | [[Amber stratum abyssite II]] (start)&lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[No Rest for the Weary]]&lt;br /&gt;
| [[White stratum abyssite VI]],&amp;lt;br&amp;gt;[[Starlight Voidwatcher&#039;s emblem]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| Side Quest: [[VW Op. 115: Valkurm Duster]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#ccc2dc&amp;quot; | [[VW Op. 026: Tavnazian Terrors]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#ccc2dc&amp;quot; | [[Hyacinth stratum abyssite]]&lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| Side Quest: [[VW Op. 118: Buburimu Squall]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#ccc2dc&amp;quot; | [[VW Op. 004: Bibiki Bombardment]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#ccc2dc&amp;quot; | [[Hyacinth stratum abyssite II]] (start)&lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[A World in Flux]]&lt;br /&gt;
| 30,000 gil&lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Between a Rock and Rift]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[A Farewell to Felines]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Third Tour of Duchy]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Glimmer of Hope]]&lt;br /&gt;
| [[Kupofried&#039;s corundum]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Brace for the Unknown]]&lt;br /&gt;
| [[Clairvoy ant]], [[Provenance]] access&lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Provenance (Quest)|Provenance]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Crystal Guardian]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Endings and Beginnings]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- BGCOLOR=&amp;quot;#E5E5E5&amp;quot; align=&amp;quot;center&amp;quot;&lt;br /&gt;
| [[Ad Infinitum]]&lt;br /&gt;
| &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
| BGCOLOR=&amp;quot;#FFFFF&amp;quot; | &lt;br /&gt;
|- &lt;br /&gt;
|}&lt;br /&gt;
[[Category:Quests]][[Category:Voidwatch]]&lt;br /&gt;
== Notes ==&lt;br /&gt;
*It is important to know that while the quests viewed on this page have a list here, there is no such list inside the games own menus like &amp;quot;voidwatch quests/missions&amp;quot; anywhere. Instead you will find the quests on this page under their respective &#039;current&#039; or &#039;completed&#039; menu options (just above Records of Eminence); Then choose left or right by using the controller or keyboard arrows under the regions: &amp;quot;Jeuno&amp;quot; or &amp;quot;Other Areas&amp;quot; or &amp;quot;Outlands&amp;quot; to find them in-game.&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:A_Shantotto_Ascension_Missions&amp;diff=103001</id>
		<title>Category:A Shantotto Ascension Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:A_Shantotto_Ascension_Missions&amp;diff=103001"/>
		<updated>2026-07-05T16:42:20Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:ShantottoAscensionLogo.jpg|500px|A Shantotto Ascension|center]]&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#762C04&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#762C04&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! BGCOLOR=&amp;quot;#762C04&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#762C04&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 1&lt;br /&gt;
| [[A Shantotto Ascension Mission 1|A Shantotto Ascension]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 2&lt;br /&gt;
| [[A Shantotto Ascension Mission 2|Burgeoning Dread]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 3&lt;br /&gt;
| [[A Shantotto Ascension Mission 3|That Which Curdles Blood]]&lt;br /&gt;
| Quest&lt;br /&gt;
| [[Moogle key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 4&lt;br /&gt;
| [[A Shantotto Ascension Mission 4|Sugar-coated Directive]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| 3,000~50,000g&amp;lt;br /&amp;gt;[[Bird key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 5&lt;br /&gt;
| [[A Shantotto Ascension Mission 5|Enemy of the Empire (I)]]&lt;br /&gt;
| Quest&lt;br /&gt;
| [[Black book]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 6&lt;br /&gt;
| [[A Shantotto Ascension Mission 6|Enemy of the Empire (II)]]&lt;br /&gt;
| Fight&lt;br /&gt;
| [[Cactuar key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 7&lt;br /&gt;
| [[A Shantotto Ascension Mission 7|Sugar-coated Subterfuge]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 8&lt;br /&gt;
| [[A Shantotto Ascension Mission 8|Shantotto in Chains]]&lt;br /&gt;
| Fight&lt;br /&gt;
| [[Bomb key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 9&lt;br /&gt;
| [[A Shantotto Ascension Mission 9|Fountain of Trouble]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 10&lt;br /&gt;
| [[A Shantotto Ascension Mission 10|Battaru Royale]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| [[Chocobo key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 11&lt;br /&gt;
| [[A Shantotto Ascension Mission 11|Romancing the Clone]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 12&lt;br /&gt;
| [[A Shantotto Ascension Mission 12|Sisters in Arms]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 13&lt;br /&gt;
| [[A Shantotto Ascension Mission 13|Project: Shantottofication]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| [[Tonberry key (Shantotto)]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 14&lt;br /&gt;
| [[A Shantotto Ascension Mission 14|An Uneasy Peace]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[Behemoth key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#EFC675&amp;quot;&lt;br /&gt;
| 15&lt;br /&gt;
| [[A Shantotto Ascension Mission 15|A Shantotto Ascension (Fin)]]&lt;br /&gt;
| Cutscene--Finale &lt;br /&gt;
| &#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br /&amp;gt;[[Blitzer Poleyn]]&amp;lt;br /&amp;gt;[[Desultor Tassets]]&amp;lt;br /&amp;gt;[[Tatsumaki Sitagoromo]]&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Cutscene:&#039;&#039;&#039; A mission that is entirely or almost entirely cutscenes.&lt;br /&gt;
*&#039;&#039;&#039;Quest:&#039;&#039;&#039; A mission that involves a lot of running around and cutscenes.   &lt;br /&gt;
*&#039;&#039;&#039;Dungeon:&#039;&#039;&#039; A mission that takes place mostly in a dungeon, such as Promyvion or Sacrarium.&lt;br /&gt;
*&#039;&#039;&#039;Fight:&#039;&#039;&#039; A mission that mostly involves one or many NM fights. &lt;br /&gt;
*&#039;&#039;&#039;BCNM:&#039;&#039;&#039; A mision that is either solely a BCNM, or culminates in a BCNM fight. Usually referenced along with Dungeon-type missions. &lt;br /&gt;
&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:A_Moogle_Kupo_d%27Etat_Missions&amp;diff=103000</id>
		<title>Category:A Moogle Kupo d&#039;Etat Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:A_Moogle_Kupo_d%27Etat_Missions&amp;diff=103000"/>
		<updated>2026-07-05T16:42:10Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:Kupod&#039;EtatLogo.jpg|500px|A Moogle Kupo d&#039;Etat|center]]&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#6D0003&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6D0003&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! BGCOLOR=&amp;quot;#6D0003&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6D0003&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 1&lt;br /&gt;
| [[Kupo Mission 1|A Moogle Kupo d&#039;Etat]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 2&lt;br /&gt;
| [[Kupo Mission 2|Drenched! It Began with a Raindrop]]&lt;br /&gt;
| Quest&lt;br /&gt;
| [[White coral key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 3&lt;br /&gt;
| [[Kupo Mission 3|Hasten! In a Jam in Jeuno?]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 4&lt;br /&gt;
| [[Kupo Mission 4|Welcome! To My Decrepit Domicile]]&lt;br /&gt;
| Quest&lt;br /&gt;
| [[Blue coral key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 5&lt;br /&gt;
| [[Kupo Mission 5|Curses! A Horrifically Harrowing Hex]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 6&lt;br /&gt;
| [[Kupo Mission 6|An Errand! The Professor&#039;s Price]]&lt;br /&gt;
| Fight&lt;br /&gt;
| 500 Experience/Limit Points&amp;lt;br /&amp;gt;[[Peach coral key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 7&lt;br /&gt;
| [[Kupo Mission 7|Shock! Arrant Abuse of Authority]]&lt;br /&gt;
| Quest&lt;br /&gt;
| [[Black coral key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 8&lt;br /&gt;
| [[Kupo Mission 8|Lender Beware! Read the Fine Print]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 9&lt;br /&gt;
| [[Kupo Mission 9|Rescue! A Moogle&#039;s Labor of Love]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 10&lt;br /&gt;
| [[Kupo Mission 10|Roar! A Cat Burglar Bares Her Fangs]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| 700 Experience/Limit Points&amp;lt;br /&amp;gt;[[Red coral key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 11&lt;br /&gt;
| [[Kupo Mission 11|Relief! A Triumphant Return]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 12&lt;br /&gt;
| [[Kupo Mission 12|Joy! Summoned to a Fabulous Fete]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 13&lt;br /&gt;
| [[Kupo Mission 13|A Challenge! You Could Be a Winner]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 14&lt;br /&gt;
| [[Kupo Mission 14|Smash! A Malevolent Menace]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| 750 Experience/Limit Points&amp;lt;br /&amp;gt;[[Angel skin key]]&amp;lt;br /&amp;gt;[[Oxblood key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#e78d8d&amp;quot;&lt;br /&gt;
| 15&lt;br /&gt;
| [[Kupo Mission 15|A Moogle Kupo d&#039;Etat (Fin.)]]&lt;br /&gt;
| Cutscene--Finale &lt;br /&gt;
| &#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br /&amp;gt;[[Champion&#039;s Galea]]&amp;lt;br /&amp;gt;[[Anwig Salade]]&amp;lt;br /&amp;gt;[[Selenian Cap]]&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Cutscene:&#039;&#039;&#039; A mission that is entirely or almost entirely cutscenes.&lt;br /&gt;
*&#039;&#039;&#039;Quest:&#039;&#039;&#039; A mission that involves a lot of running around and cutscenes.   &lt;br /&gt;
*&#039;&#039;&#039;Dungeon:&#039;&#039;&#039; A mission that takes place mostly in a dungeon, such as Promyvion or Sacrarium.&lt;br /&gt;
*&#039;&#039;&#039;Fight:&#039;&#039;&#039; A mission that mostly involves one or many NM fights. &lt;br /&gt;
*&#039;&#039;&#039;BCNM:&#039;&#039;&#039; A mision that is either solely a BCNM, or culminates in a BCNM fight. Usually referenced along with Dungeon-type missions. &lt;br /&gt;
&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Rhapsodies_of_Vanadiel_Missions&amp;diff=102999</id>
		<title>Category:Rhapsodies of Vanadiel Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Rhapsodies_of_Vanadiel_Missions&amp;diff=102999"/>
		<updated>2026-07-05T16:41:58Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:Rhapsodies_of_Vanadiel_logo.png|500px|Rhapsodies of Vana&#039;diel|center|link=Rhapsodies of Vana&#039;diel]]&lt;br /&gt;
&lt;br /&gt;
In order to progress through the [[Rhapsodies of Vana&#039;diel]] without interruption, your character must have progressed to the following missions below in other expansions:&lt;br /&gt;
*Obtain Rank 6 in your home nation by completing [[Rank Mission 5-2]].&lt;br /&gt;
*Progress in [[Rise of the Zilart]] until your current mission is [[Headstone Pilgrimage]].&lt;br /&gt;
*Progress in [[Chains of Promathia]] until your current mission is [[The Road Forks]].&lt;br /&gt;
*Progress in [[Treasures of Aht Urhgan]] until your current mission is [[Royal Puppeteer]].&lt;br /&gt;
*Progress in [[Wings of the Goddess]] until your current mission is [[In the Name of the Father]].&lt;br /&gt;
*Progress in [[Seekers of Adoulin]] until your current mission is [[Behind the Sluices]] and you have the {{KI}} [[Waterway facility crank]].&lt;br /&gt;
&lt;br /&gt;
:*Note - 2 different [[Seekers of Adoulin]] missions that are prerequisite to RoV require you to spend a certain number of imprimaturs to progress. These are time based currencies that don&#039;t start accumulating until you visit Adoulin and talk to a [[Task Delegator]]. This is the only time gated content required to finish RoV aside from the usual &amp;quot;wait a game day&amp;quot; between missions. So plan accordingly if you are trying to line up how you do your other missions to complete RoV.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! style=&amp;quot;background: #0018A4;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter&amp;lt;/span&amp;gt;&lt;br /&gt;
! style=&amp;quot;background: #0018A4;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! style=&amp;quot;background: #0018A4;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! style=&amp;quot;background: #0018A4;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! style=&amp;quot;background: #0018A4;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; style=&amp;quot;background: #001DD5;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Creation and Rebirth&amp;lt;/span&amp;gt;&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;20&amp;quot; style=&amp;quot;background: #5977F0;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 1&amp;lt;/span&amp;gt;&lt;br /&gt;
|1-1&lt;br /&gt;
|[[Rhapsodies of Vanadiel (Mission)|Rhapsodies of Vanadiel]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Access to [[Escha - Zi&#039;Tah]]&amp;lt;br /&amp;gt;  Access to [[Escha - Ru&#039;Aun]]&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|1-2&lt;br /&gt;
|[[Resonance]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|1-3&lt;br /&gt;
|[[Emissary from the Seas]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|1-4&lt;br /&gt;
|[[Set Free]]&lt;br /&gt;
| Quest&lt;br /&gt;
|[[File:Copper Voucher icon.png|23px|link=]] [[Copper Voucher]] &amp;lt;br /&amp;gt;-or-&amp;lt;br /&amp;gt; {{KI}} [[Gilgamesh&#039;s introductory letter]] ([[Support Job]] unlock) &lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|1-5&lt;br /&gt;
|[[The Beginning]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Reisenjima Sanctorium orb]]&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|1-6&lt;br /&gt;
|[[Flames of Prayer]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[&amp;quot;Rhapsody in White&amp;quot;]]&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;background:#ccebfe;&amp;quot; colspan=&amp;quot;4&amp;quot;| ▼ Obtain Rank 3 in your home nation by completing {{icon|San d&#039;Oria|small}} [[Journey Abroad]] {{icon|Bastok|small}} [[The Emissary]] {{icon|Windurst|small}} [[The Three Kingdoms]] ▼&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|1-7&lt;br /&gt;
|[[The Path Untraveled]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Unlocks access to [[File:10119 icon.png|23px|link=]] [[Cipher Of Semih&#039;s Alter Ego]] and  [[Cipher Of Halver&#039;s Alter Ego]]&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|1-8&lt;br /&gt;
|[[At the Heavens&#039; Door]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|1-9&lt;br /&gt;
|[[The Lion&#039;s Roar]]&lt;br /&gt;
| Fight - Popped [[Ophiotaurus|NM]]&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|1-10&lt;br /&gt;
|[[Rhapsodies_of_Vanadiel_Mission_1-10|Eddies of Despair]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|1-11&lt;br /&gt;
|[[A Land After Time]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[&amp;quot;Rhapsody in Umber&amp;quot;]] &amp;lt;br /&amp;gt; [[File:10119 icon.png|23px|link=]] [[Cipher of Lion&#039;s alter ego II]]&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;background:#ccebfe;&amp;quot; colspan=&amp;quot;4&amp;quot;| ▼ Obtain Rank 6 in your home nation by completing {{icon|San d&#039;Oria|small}} [[The Shadow Lord]] {{icon|Bastok|small}} [[Xarcabard, Land of Truths]] {{icon|Windurst|small}} [[The Shadow Awaits]] ▼&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|1-12&lt;br /&gt;
|[[Fate&#039;s Call]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|1-13&lt;br /&gt;
|[[What Lies Beyond]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|1-14&lt;br /&gt;
|[[The Ties That Bind]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|1-15&lt;br /&gt;
|[[Impurity]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|1-16&lt;br /&gt;
|[[The Lost Avatar]]&lt;br /&gt;
| Fight - Popped [[Siren (Notorious Monster)|NM]]&lt;br /&gt;
| {{KI}} [[&amp;quot;Rhapsody in Azure&amp;quot;]]&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|1-17&lt;br /&gt;
|[[Volto Oscuro]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[File:10119 icon.png|23px|link=]] [[Cipher of Zeid&#039;s Alter Ego II]]&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|1-18&lt;br /&gt;
|[[Ring My Bell]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; style=&amp;quot;background: #001DD5;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Revitalization&amp;lt;/span&amp;gt;&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;45&amp;quot; style=&amp;quot;background: #5977F0;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 2&amp;lt;/span&amp;gt;&lt;br /&gt;
|2-1&lt;br /&gt;
|[[Spirits Awoken]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;background:#ccebfe;&amp;quot; colspan=&amp;quot;4&amp;quot;| ▼ Progress in [[Chains of Promathia]] until your current mission is [[The Road Forks]] ▼&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-2&lt;br /&gt;
|[[Crashing Waves]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[File:10119 icon.png|23px|link=]] [[Cipher Of Tenzen&#039;s Alter Ego II]]&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-3&lt;br /&gt;
|[[Call to Serve]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[File:10119 icon.png|23px|link=]] [[Cipher Of Prishe&#039;s Alter Ego II]]&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-4&lt;br /&gt;
|[[Numbering Days]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-5&lt;br /&gt;
|[[Inescapable Binds]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-6&lt;br /&gt;
|[[Desert Winds]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;background:#ccebfe;&amp;quot; colspan=&amp;quot;4&amp;quot;| ▼ Progress in [[Treasures of Aht Urhgan]] until your current mission is [[Royal Puppeteer]] ▼&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-7&lt;br /&gt;
|[[Ever Forward]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-8&lt;br /&gt;
|[[The Endless Sky]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-9&lt;br /&gt;
|[[Aphmau&#039;s Light]]&lt;br /&gt;
| Quest&lt;br /&gt;
| [[File:10119 icon.png|23px|link=]] [[Cipher Of Nashmeira&#039;s Alter Ego II]]&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-10&lt;br /&gt;
|[[Reunited]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-11&lt;br /&gt;
|[[Take Wing]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-12&lt;br /&gt;
|[[Prime Number]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-13&lt;br /&gt;
|[[From the Ruins]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[&amp;quot;Rhapsody in Crimson&amp;quot;]]&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;background:#ccebfe;&amp;quot; colspan=&amp;quot;4&amp;quot;| ▼ Progress in [[Wings of the Goddess]] until your current mission is [[In the Name of the Father]] ▼&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-14&lt;br /&gt;
|[[Cauterize]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-15&lt;br /&gt;
|[[Uncertain Destinations]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-16&lt;br /&gt;
|[[Ganged Up On]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[File:10119 icon.png|23px|link=]] [[Cipher Of Lilisette&#039;s Alter Ego II]]&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-17&lt;br /&gt;
|[[Sacrifice (Mission)|Sacrifice]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-18&lt;br /&gt;
|[[Somber Dreams]]&lt;br /&gt;
| Fight - Popped [[Cetus|NM]]&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-19&lt;br /&gt;
|[[Of Light and Darkness]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-20&lt;br /&gt;
|[[Temporary Farewells]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-21&lt;br /&gt;
|[[Brushing Up]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-22&lt;br /&gt;
|[[Keep On Giving]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-23&lt;br /&gt;
|[[Past Imperfect]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;background:#ccebfe;&amp;quot; colspan=&amp;quot;4&amp;quot;| ▼ Progress in [[Rise of the Zilart]] until your current mission is [[Headstone Pilgrimage]] ▼&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-24&lt;br /&gt;
|[[The Cursed Temple]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-25&lt;br /&gt;
|[[Wisdom of Our Forefathers]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-26&lt;br /&gt;
|[[Where Divinities Collide]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-27&lt;br /&gt;
|[[Visions of Dread]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-28&lt;br /&gt;
|[[To the Skies]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-29&lt;br /&gt;
|[[Escha - Ru&#039;Aun (Mission)|Escha - Ru&#039;Aun]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-30&lt;br /&gt;
|[[The Decisive Heroine]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[&amp;quot;Rhapsody in Emerald&amp;quot;]]&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-31&lt;br /&gt;
|[[Fall from Grace]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-32&lt;br /&gt;
|[[Banishing the Darkness]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-33&lt;br /&gt;
|[[Over the Rainbow]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| &lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-34&lt;br /&gt;
|[[Cacophonous Discord]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-35&lt;br /&gt;
|[[Rhapsodies of Vanadiel Mission 2-35|Eddies of Despair]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-36&lt;br /&gt;
|[[Pretender to the Throne]]&lt;br /&gt;
| Fight - Popped [[Balamor|NM]]&lt;br /&gt;
| [[File:10119 icon.png|23px|link=]] [[Cipher Of Balamor&#039;s Alter Ego]]&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-37&lt;br /&gt;
|[[Banished]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-38&lt;br /&gt;
|[[Call of the Void]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[File:10119 icon.png|23px|link=]] [[Cipher Of Selh&#039;teus&#039;s Alter Ego]]&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-39&lt;br /&gt;
|[[Both Paths Taken]]&lt;br /&gt;
| BCNM&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
|2-40&lt;br /&gt;
|[[The Man Behind the Mask]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[&amp;quot;Rhapsody in Mauve&amp;quot;]]&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
|2-41&lt;br /&gt;
|[[Uncertain Futures]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; style=&amp;quot;background: #001DD5;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Reckoning&amp;lt;/span&amp;gt;&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;38&amp;quot; style=&amp;quot;background: #5977F0;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 3&amp;lt;/span&amp;gt;&lt;br /&gt;
| 3-1&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-1|Darkness Beckons]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Access to [[Reisenjima]]&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-2&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-2|The Brewing Storm]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-3&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-3|The River Runs Red]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[&amp;quot;Rhapsody in Fuchsia&amp;quot;]]&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;background:#ccebfe;&amp;quot; colspan=&amp;quot;4&amp;quot;| ▼ Progress in [[Seekers of Adoulin]] until your current mission is [[Meeting of the Minds]] ▼&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-4&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-4|The Crucible]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-5&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-5|Forward Thinking]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;background:#ccebfe;&amp;quot; colspan=&amp;quot;4&amp;quot;| ▼ Progress in [[Seekers of Adoulin]] until your current mission is [[An Aimless Journey]] ▼&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-6&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-6|Tears of the Generals]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-7&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-7|What He Left Behind]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[File:10119 icon.png|23px|link=]] [[Cipher: Arciela II]]&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;background:#ccebfe;&amp;quot; colspan=&amp;quot;4&amp;quot;| ▼ Progress in [[Seekers of Adoulin]] until your current mission is [[Behind the Sluices]] and you have the {{KI}} [[Waterway facility crank]] ▼&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-8&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-8|Gone but Not Forgotten]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-9&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-9|August Artifacts]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-10&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-10|Solemnity]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-11&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-11|Eyes on You]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-12&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-12|Exploring the Ruins]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-13&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-13|Become Something More]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Dimensional compass]]&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-14&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-14|Unshakable Nightmares]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-15&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-15|What Remains of Hope]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-16&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-16|Death Cares Not]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-17&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-17|No Time like the Future]]&lt;br /&gt;
| BCNM&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-18&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-18|Sin]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-19&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-19|Penance]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[&amp;quot;Rhapsody in Puce&amp;quot;]]&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-20&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-20|Vessel of Light]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-21&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-21|The Lifestream of Reisenjima]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-22&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-22|From West to East]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-23&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-23|Good Things Come in Threes]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-24&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-24|Tackling the Problem]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-25&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-25|Way to Divinity]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-26&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-26|The Winds of Time]]&lt;br /&gt;
| [[Metus|BCNM]]&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-27&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-27|Calm After the Storm]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-28&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-28|Nary a Cloud in Sight]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[&amp;quot;Rhapsody in Ochre&amp;quot;]] &amp;lt;br /&amp;gt; [[File:10119 icon.png|23px|link=]] [[Cipher: Iroha]]&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-29&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-29|An Unending Song]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-30&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-30|A Deep Sleep]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-31&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-31|Guardians]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-32&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-32|Iroha in Distress]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-33&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-33|Absolute Trust]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
| 3-34&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-34|The Orb&#039;s Radiance]]&lt;br /&gt;
| [[Cloud of Darkness|BCNM]]&lt;br /&gt;
| {{KI}} [[&amp;quot;Scintillating Rhapsody&amp;quot;]] &amp;lt;br /&amp;gt;{{KI}} [[Phoenix&#039;s blessing]] &amp;lt;br /&amp;gt;[[File:10119 icon.png|23px|link=]] [[Cipher: Iroha II]]&lt;br /&gt;
|-style=&amp;quot;background: #CBF4F6;&amp;quot;&lt;br /&gt;
| 3-35&lt;br /&gt;
| [[Rhapsodies of Vanadiel Mission 3-35|A Rhapsody for the Ages]]&lt;br /&gt;
| Cutscene--Finale&lt;br /&gt;
| &lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; style=&amp;quot;background: #001DD5;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Epilogue&amp;lt;/span&amp;gt;&lt;br /&gt;
|-style=&amp;quot;background: #9AE1E4;&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;41&amp;quot; style=&amp;quot;background: #5977F0;&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Epilogue&amp;lt;/span&amp;gt;&lt;br /&gt;
| Quest 1&lt;br /&gt;
| [[The Silent Forest]]&lt;br /&gt;
| BCNM--Finale&lt;br /&gt;
| &#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br /&amp;gt;&lt;br /&gt;
[[File:Siren GUI.png|30px|link=]]  Pact with [[Siren]]&amp;lt;br /&amp;gt;&lt;br /&gt;
{{imgpop|[[File:Ligeia Ring icon.png|23px|link=]] [[Ligeia Ring]]|Ligeia Ring description.png|link=}}&amp;lt;br /&amp;gt;&lt;br /&gt;
{{imgpop|[[File:Ligeia Sash icon.png|23px|link=]] [[Ligeia Sash]]|Ligeia Sash description.png|link=}}&amp;lt;br /&amp;gt;&lt;br /&gt;
{{imgpop|[[File:Ligeia Scythe icon.png|23px|link=]] [[Ligeia Scythe]]|Ligeia Scythe description.png|link=}}&amp;lt;br /&amp;gt;[[File:H-P Bayld icon.png|23px|link=]] 10,000 Bayld&lt;br /&gt;
|-&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Cutscene:&#039;&#039;&#039; A mission that is entirely or almost entirely cutscenes.&lt;br /&gt;
*&#039;&#039;&#039;Quest:&#039;&#039;&#039; A mission that involves a lot of running around and cutscenes.   &lt;br /&gt;
*&#039;&#039;&#039;Dungeon:&#039;&#039;&#039; A mission that takes place mostly in a dungeon, such as Promyvion or Sacrarium.&lt;br /&gt;
*&#039;&#039;&#039;Fight:&#039;&#039;&#039; A mission that mostly involves one or many NM fights. &lt;br /&gt;
*&#039;&#039;&#039;BCNM:&#039;&#039;&#039; A mision that is either solely a BCNM, or culminates in a BCNM fight. Usually referenced along with Dungeon-type missions. &lt;br /&gt;
&lt;br /&gt;
==Related Links==&lt;br /&gt;
*[http://forum.square-enix.com/ffxi/threads/47983-What-should-I-do-if-I-can%E2%80%99t-progress-in-Rhapsodies-of-Vana%E2%80%99diel Missions where certain NPCs are unavailable in relation to RoV progress (Official List)]&lt;br /&gt;
&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Crystalline_Missions&amp;diff=102998</id>
		<title>Category:Crystalline Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Crystalline_Missions&amp;diff=102998"/>
		<updated>2026-07-05T16:40:55Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:CrystallineProphecyLogo.jpg|500px|A Crystalline Prophecy|center]]&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#022877&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#022877&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! BGCOLOR=&amp;quot;#022877&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#022877&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 1&lt;br /&gt;
| [[Crystalline Mission 1|A Crystalline Prophecy]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 2&lt;br /&gt;
| [[Crystalline Mission 2|The Echo Awakens]]&lt;br /&gt;
| Quest&lt;br /&gt;
| [[Crimson Key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 3&lt;br /&gt;
| [[Crystalline Mission 3|Gatherer of Light (I)]]&lt;br /&gt;
| Quest&lt;br /&gt;
| [[Viridian Key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 4&lt;br /&gt;
| [[Crystalline Mission 4|Gatherer of Light (II)]]&lt;br /&gt;
| Fight&lt;br /&gt;
| 500 Experience/Limit Points&amp;lt;br /&amp;gt;[[Amber Key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 5&lt;br /&gt;
| [[Crystalline Mission 5|Those Who Lurk in Shadows (I)]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 6&lt;br /&gt;
| [[Crystalline Mission 6|Those Who Lurk in Shadows (II)]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br /&amp;gt;[[Mark of Seed]]&amp;lt;br /&amp;gt;[[Azure Key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 7&lt;br /&gt;
| [[Crystalline Mission 7|Those Who Lurk in Shadows (III)]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| 700 Experience/Limit Points&amp;lt;br /&amp;gt;[[Ivory Key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 8&lt;br /&gt;
| [[Crystalline Mission 8|Remember Me in Your Dreams]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 9&lt;br /&gt;
| [[Crystalline Mission 9|Born of Her Nightmares]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 10&lt;br /&gt;
| [[Crystalline Mission 10|Banishing the Echo]]&lt;br /&gt;
| Quest&lt;br /&gt;
| [[Omnis Stone]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 11&lt;br /&gt;
| [[Crystalline Mission 11|Ode of Life Bestowing]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| 750 Experience/Limit Points&amp;lt;br /&amp;gt;[[Ebon Key]]&amp;lt;br /&amp;gt;[[Prismatic Key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#9DDEEE&amp;quot;&lt;br /&gt;
| 12&lt;br /&gt;
| [[Crystalline Mission 12|A Crystalline Prophecy (Fin.)]]&lt;br /&gt;
| Cutscene--Finale&lt;br /&gt;
| &#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br /&amp;gt;[[Mirke Wardecors]]&amp;lt;br /&amp;gt;[[Nuevo Coselete]]&amp;lt;br /&amp;gt;[[Royal Redingote]]&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Cutscene:&#039;&#039;&#039; A mission that is entirely or almost entirely cutscenes.&lt;br /&gt;
*&#039;&#039;&#039;Quest:&#039;&#039;&#039; A mission that involves a lot of running around and cutscenes.   &lt;br /&gt;
*&#039;&#039;&#039;Dungeon:&#039;&#039;&#039; A mission that takes place mostly in a dungeon, such as Promyvion or Sacrarium.&lt;br /&gt;
*&#039;&#039;&#039;Fight:&#039;&#039;&#039; A mission that mostly involves one or many NM fights. &lt;br /&gt;
*&#039;&#039;&#039;BCNM:&#039;&#039;&#039; A mision that is either solely a BCNM, or culminates in a BCNM fight. Usually referenced along with Dungeon-type missions. &lt;br /&gt;
&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Seekers_of_Adoulin_Missions&amp;diff=102997</id>
		<title>Category:Seekers of Adoulin Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Seekers_of_Adoulin_Missions&amp;diff=102997"/>
		<updated>2026-07-05T16:40:46Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:Seekers_of_Adoulin_logo.png|500px|Seekers of Adoulin|center]]&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#085801&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#085801&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#085801&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! BGCOLOR=&amp;quot;#085801&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#085801&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Reward/Info&amp;lt;/span&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#085801&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;The Sacred City of Adoulin&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;8&amp;quot; BGCOLOR=&amp;quot;#0b7b01&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 1&amp;lt;/span&amp;gt;&lt;br /&gt;
|1-1&lt;br /&gt;
|[[Rumors from the West]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|1-2&lt;br /&gt;
|[[The Geomagnetron]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|1-3&lt;br /&gt;
|[[Onward to Adoulin]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|1-4&lt;br /&gt;
|[[Heartwings and the Kindhearted]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|1-5&lt;br /&gt;
|[[Pioneer Registration]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|1,000 [[Bayld]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|1-6&lt;br /&gt;
|[[Life on the Frontier]]&lt;br /&gt;
| Quest&lt;br /&gt;
|[[Wildskeeper Reive]] Access&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|1-7&lt;br /&gt;
|[[Seekers_of_Adoulin_Mission_1-7|Meeting of the Minds]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|1-8&lt;br /&gt;
|[[Seekers of Adoulin Mission 1-8|Arciela Appears Again]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#085801&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;The Ancient Pact&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;19&amp;quot; BGCOLOR=&amp;quot;#0b7b01&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 2&amp;lt;/span&amp;gt;&lt;br /&gt;
|2-1&lt;br /&gt;
|[[Budding Prospects]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Game day Wait to continue Mission&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|2-1-1&lt;br /&gt;
|[[The Light Shining in Your Eyes]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|2-1-2&lt;br /&gt;
|[[The Heirloom]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|2-2&lt;br /&gt;
|[[An Aimless Journey]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|2-2-1&lt;br /&gt;
|[[Ortharsyne]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|2-2-2&lt;br /&gt;
|[[In the Presence of Royalty]]&lt;br /&gt;
| Quest&lt;br /&gt;
| Game day Wait for Next Mission&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|2-3&lt;br /&gt;
|[[The Twin World Trees]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-4&lt;br /&gt;
|[[Honor and Audacity]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-4-1&lt;br /&gt;
|[[The Watergarden Coliseum]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Game day Wait for Next Mission&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-5&lt;br /&gt;
|[[Friction and Fissures]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-5-1&lt;br /&gt;
|[[The Celennia Memorial Library]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-5-2&lt;br /&gt;
|[[For Whom Do We Toil?]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-6&lt;br /&gt;
|[[Aiming for Ygnas]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-6-1&lt;br /&gt;
|[[Calamity in the Kitchen]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-6-2&lt;br /&gt;
|[[Arciela&#039;s Promise]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-7&lt;br /&gt;
|[[Predators and Prey]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-7-1&lt;br /&gt;
|[[Behind the Sluices]]&lt;br /&gt;
| BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-7-2&lt;br /&gt;
|[[The Leafkin Monarch]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Game day Wait for Next Mission&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 2-7-3&lt;br /&gt;
|[[Yggdrasil]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#085801&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Shadows Upon Adoulin&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;29&amp;quot; BGCOLOR=&amp;quot;#0b7b01&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 3&amp;lt;/span&amp;gt;&lt;br /&gt;
| 3-1&lt;br /&gt;
|[[Return of the Exorcist]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-1-1&lt;br /&gt;
|[[The Merciless One]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|Access to Ingrid [[Trust]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-1-2&lt;br /&gt;
|[[A Curse from the Past]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-1-3&lt;br /&gt;
|[[The Purgation]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Game day Wait for Next Mission&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-1-4&lt;br /&gt;
|[[The Key]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-2&lt;br /&gt;
|[[The Princess&#039;s Dilemma]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-2-1&lt;br /&gt;
|[[Dark Clouds Ahead]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Game day Wait for Next Mission&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-2-2&lt;br /&gt;
|[[The Smallest of Favors]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-3&lt;br /&gt;
|[[Summoned by Spirits]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-3-1&lt;br /&gt;
|[[Evil Entities]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-3-2&lt;br /&gt;
|[[Adoulin Calling]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-3-3&lt;br /&gt;
|[[The Disappearance of Nyline]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-3-4&lt;br /&gt;
|[[Shared Consciousness]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|1k Bayld, 1k Exp/LP&amp;lt;br&amp;gt; Game day Wait for Next Mission&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-3-5&lt;br /&gt;
|[[Clear Skies]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|100 [[Bayld]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-4&lt;br /&gt;
|[[The Man in Black]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-4-1&lt;br /&gt;
|[[To the Victor...]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-4-2&lt;br /&gt;
|[[An Extraordinary Gentleman]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-4-3&lt;br /&gt;
|[[The Order&#039;s Treasures]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-4-4&lt;br /&gt;
|[[August&#039;s Heirloom]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-5&lt;br /&gt;
|[[Beauty and the Beast]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-5-1&lt;br /&gt;
|[[Wildcat with a Gold Pelt]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-5-2&lt;br /&gt;
|[[In Search of Arciela]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-5-3&lt;br /&gt;
|[[Looking For Leads]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-6&lt;br /&gt;
|[[Drifting Northwest]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-6-1&lt;br /&gt;
|[[Kumhau, the Flashfrost Naakual]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-6-2&lt;br /&gt;
|[[Soul Siphon]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-6-3&lt;br /&gt;
|[[Stonewalled]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| 15,000 Bayld each for repeat fights &lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-6-4&lt;br /&gt;
|[[Salvation]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Game day Wait for Next Mission&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 3-6-5&lt;br /&gt;
|[[Glimmer of Portent]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#085801&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;The Serpentine Labyrinth&amp;lt;/span&amp;gt;&lt;br /&gt;
|- BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;34&amp;quot; BGCOLOR=&amp;quot;#0b7b01&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 4&amp;lt;/span&amp;gt;&lt;br /&gt;
| 4-1&lt;br /&gt;
|[[...Into the Fire]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-1-1&lt;br /&gt;
|[[Melvien de Malecroix]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-1-2&lt;br /&gt;
|[[Courier Catastrophe]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-1-3&lt;br /&gt;
|[[Done and Delivered]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-1-4&lt;br /&gt;
|[[Ministerial Whispers]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Game day Wait/Zone for Next Mission&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-1-5&lt;br /&gt;
|[[A Day in the Life of a Pioneer]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-2&lt;br /&gt;
|[[Lighting the Way]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-2-1&lt;br /&gt;
|[[Sajj&#039;aka]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-2-2&lt;br /&gt;
|[[Studying Up]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-2-3&lt;br /&gt;
|[[A Vow of Truth]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-2-4&lt;br /&gt;
|[[Darrcuiln]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-3&lt;br /&gt;
|[[The Gates]]&lt;br /&gt;
| BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-3-1&lt;br /&gt;
|[[Morimar (mission)|Morimar]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-3-2&lt;br /&gt;
|[[A New Force Arises]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-3-3&lt;br /&gt;
|[[The Sacred Sapling]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-3-4&lt;br /&gt;
|[[Tree Grafting]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-3-5&lt;br /&gt;
|[[A Shrouded Canopy]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|[[Leafallia]] Access&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-3-6&lt;br /&gt;
|[[Leafallia_(Mission)|Leafallia]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-3-7&lt;br /&gt;
|[[Rosulatia&#039;s Promise]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-3-8&lt;br /&gt;
|[[The Lightsland]]&lt;br /&gt;
| Cutscene&amp;lt;br&amp;gt;Game day Wait for Next Mission&lt;br /&gt;
|500 Experience Points&amp;lt;br&amp;gt;&#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br&amp;gt;[[Adoulin&#039;s Refuge]]&amp;lt;br&amp;gt;[[Ygnas&#039;s Resolve]]&amp;lt;br&amp;gt;[[Arciela&#039;s Grace]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-3-9&lt;br /&gt;
|[[The Light of Dawn Comes from the East]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-4&lt;br /&gt;
| [[Cries from the Deep]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-4-1&lt;br /&gt;
| [[Seeds of Doubt]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-4-2&lt;br /&gt;
| [[The Tomatoes of Wrath]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-4-3&lt;br /&gt;
| [[A Grave Mistake]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-4-4&lt;br /&gt;
| [[An Emergency Convocation]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Game day Wait for Next Mission&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-5&lt;br /&gt;
| [[Balamor, the Deathborne Xol]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-5-1&lt;br /&gt;
| [[Anagnorisis]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-5-2&lt;br /&gt;
| [[Just the Thing]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-5-3&lt;br /&gt;
| [[Sugarcoated Salvation]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-5-4&lt;br /&gt;
| [[Arciela&#039;s Resolve]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-6&lt;br /&gt;
| [[Balamor&#039;s Ruse]]&lt;br /&gt;
| Quest &amp;amp; BCNM&lt;br /&gt;
|20,000 Bayld each for repeat fights &lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-6-1&lt;br /&gt;
| [[The Charlatan]]&lt;br /&gt;
| Cutscene&amp;lt;br&amp;gt;Game day Wait for Next Mission&lt;br /&gt;
|500 Experience Points&amp;lt;br&amp;gt;&#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br&amp;gt;[[Adoulin&#039;s Refuge +1]]&amp;lt;br&amp;gt;[[Ygnas&#039;s Resolve +1]]&amp;lt;br&amp;gt;[[Arciela&#039;s Grace +1]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 4-6-2&lt;br /&gt;
| [[Royal Blessings]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#085801&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Hades&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;15&amp;quot; BGCOLOR=&amp;quot;#0b7b01&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 5&amp;lt;/span&amp;gt;&lt;br /&gt;
| 5-1&lt;br /&gt;
| [[Arboreal Rumors]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-1-1&lt;br /&gt;
| [[Arciela&#039;s Missive]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-1-2&lt;br /&gt;
| [[Heroes, Unite!]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-1-3&lt;br /&gt;
| [[A Portent Most Ominous]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-2&lt;br /&gt;
| [[Yggdrasil Beckons]]&lt;br /&gt;
| BCNM&lt;br /&gt;
|20,000 Bayld each for repeat fights&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-2-1&lt;br /&gt;
| [[Returning to the Trees]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-2-2&lt;br /&gt;
| [[The Key to the Turris]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-3&lt;br /&gt;
| [[Teodor&#039;s Summons]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-3-1&lt;br /&gt;
| [[The Seventh Guardian]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-3-2&lt;br /&gt;
| [[Watery Grave]]&lt;br /&gt;
| BCNM&lt;br /&gt;
|20,000 Bayld each for repeat fights&amp;lt;br&amp;gt;Ability to obtain {{KI}} [[Prototype sigil pearl]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-3-3&lt;br /&gt;
| [[Blood for Blood]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-4&lt;br /&gt;
| [[Reckoning (Mission)|Reckoning]]&lt;br /&gt;
| BCNM&lt;br /&gt;
|20,000 Bayld each for repeat fights &lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-4-1&lt;br /&gt;
| [[Abomination]]&lt;br /&gt;
| BCNM&lt;br /&gt;
|25,000 Bayld each for repeat fights &lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-5&lt;br /&gt;
| [[Undying Light]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Game day Wait for Next Mission&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
| 5-5-1&lt;br /&gt;
| [[The Light Within]]&lt;br /&gt;
| Cutscene--Finale&lt;br /&gt;
|[[Councilor&#039;s Cuffs]]&amp;lt;br&amp;gt;[[Councilor&#039;s Garb]]&amp;lt;br&amp;gt;&#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br&amp;gt;[[Adoulin Ring]]&amp;lt;br&amp;gt;[[Gorney Ring]]&amp;lt;br&amp;gt;[[Haverton Ring]]&amp;lt;br&amp;gt;[[Janniston Ring]]&amp;lt;br&amp;gt;[[Karieyh Ring]]&amp;lt;br&amp;gt;[[Orvail Ring]]&amp;lt;br&amp;gt;[[Renaye Ring]]&amp;lt;br&amp;gt;[[Shneddick Ring]]&amp;lt;br&amp;gt;[[Thurandaut Ring]]&amp;lt;br&amp;gt;[[Vocane Ring]]&amp;lt;br&amp;gt;[[Weatherspoon Ring]]&amp;lt;br&amp;gt;[[Woltaris Ring]]&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#085801&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Epilogue&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;8&amp;quot; BGCOLOR=&amp;quot;#0b7b01&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Epilogue&amp;lt;/span&amp;gt;&lt;br /&gt;
| rowspan=&amp;quot;2&amp;quot;|Quests 1&lt;br /&gt;
| [[The Silent Forest]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| &#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br&amp;gt;Pact with [[Siren]]&amp;lt;br&amp;gt;[[Ligeia Ring]]&amp;lt;br&amp;gt;[[Ligeia Sash]]&amp;lt;br&amp;gt;[[Ligeia Scythe]]&amp;lt;br&amp;gt;10,000 Bayld&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|[[The Ygnas Directive]]&lt;br /&gt;
| Records of Eminence Quests&lt;br /&gt;
| 30,000 Experience Points&amp;lt;br&amp;gt;18,000 Sparks of Eminence&amp;lt;br&amp;gt;[[Delegate&#039;s Cuffs]]&amp;lt;br&amp;gt;[[Delegate&#039;s Garb]]&amp;lt;br&amp;gt;50 [[H-P Bayld|Pinches of High-Purity Bayld]]&amp;lt;br&amp;gt;{{KI}} [[Ygnas&#039;s insignia]]&amp;lt;br&amp;gt;&#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br&amp;gt;[[Adoulin Ring +1]]&amp;lt;br&amp;gt;[[Gorney Ring +1]]&amp;lt;br&amp;gt;[[Haverton Ring +1]]&amp;lt;br&amp;gt;[[Janniston Ring +1]]&amp;lt;br&amp;gt;[[Karieyh Ring +1]]&amp;lt;br&amp;gt;[[Orvail Ring +1]]&amp;lt;br&amp;gt;[[Renaye Ring +1]]&amp;lt;br&amp;gt;[[Shneddick Ring +1]]&amp;lt;br&amp;gt;[[Thurandaut Ring +1]]&amp;lt;br&amp;gt;[[Vocane Ring +1]]&amp;lt;br&amp;gt;[[Weatherspoon Ring +1]]&amp;lt;br&amp;gt;[[Woltaris Ring +1]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#c9fca2&amp;quot;&lt;br /&gt;
|Quest 2&lt;br /&gt;
|[[The Arciela Directive]]&lt;br /&gt;
| Records of Eminence Quests&lt;br /&gt;
| 1,000 Sparks of Eminence&amp;lt;br&amp;gt;5,000 Experience Points&amp;lt;br&amp;gt;50 [[H-P Bayld|Pinches of High-Purity Bayld]]&amp;lt;br&amp;gt;{{KI}} [[Ygnas&#039;s leaf]]&amp;lt;br&amp;gt;[[Trust|Trust: Ygnas]]&lt;br /&gt;
|-&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Cutscene:&#039;&#039;&#039; A mission that is entirely or almost entirely cutscenes.&lt;br /&gt;
*&#039;&#039;&#039;Quest:&#039;&#039;&#039; A mission that involves a lot of running around and cutscenes.   &lt;br /&gt;
*&#039;&#039;&#039;Dungeon:&#039;&#039;&#039; A mission that takes place mostly in a dungeon, such as Promyvion or Sacrarium.&lt;br /&gt;
*&#039;&#039;&#039;Fight:&#039;&#039;&#039; A mission that mostly involves one or many NM fights. &lt;br /&gt;
*&#039;&#039;&#039;BCNM:&#039;&#039;&#039; A mision that is either solely a BCNM, or culminates in a BCNM fight. Usually referenced along with Dungeon-type missions. &lt;br /&gt;
&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Wings_of_the_Goddess_Missions&amp;diff=102996</id>
		<title>Category:Wings of the Goddess Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Wings_of_the_Goddess_Missions&amp;diff=102996"/>
		<updated>2026-07-05T16:39:50Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:WingsLogo.png|Wings of the Goddess|500px|center]]&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#4C6D7F&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! colspan=&amp;quot;6&amp;quot; BGCOLOR=&amp;quot;#4C6D7F&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#4C6D7F&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#4C6D7F&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 1&lt;br /&gt;
| colspan=&amp;quot;6&amp;quot; |[[Cavernous Maws (Mission)|Cavernous Maws]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Pure white feather]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 2&lt;br /&gt;
| colspan=&amp;quot;6&amp;quot; |[[Back to the Beginning]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Initiation Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[The Fighting Fourth]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Steamed Rams]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Snake on the Plains]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Sprinter&#039;s Shoes]]&amp;lt;br&amp;gt;{{KI}} [[Bronze Ribbon of Service §]]&amp;lt;br&amp;gt;Membership in the [[Republican Legion&#039;s Fourth Divison]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Sprinter&#039;s Shoes]]&amp;lt;br&amp;gt;{{KI}} [[Bronze Ribbon of Service §]]&amp;lt;br&amp;gt;Membership in the [[Knights of The Ram]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Sprinter&#039;s Shoes]]&amp;lt;br&amp;gt;{{KI}} [[Bronze Ribbon of Service §]]&amp;lt;br&amp;gt;Membership in the [[The Cobras]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest 1&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Better Part of Valor]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Gifts of the Griffon]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[The Tigress Stirs]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | 10,000g&amp;lt;br&amp;gt;{{KI}} [[Warning letter]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Deathstone]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Hi-Elixir]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest 2&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Fires of Discontent]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Claws of the Griffon]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[The Tigress Strikes]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | Fight&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | Fight&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | 10,000g&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Angelstone]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Star Globe]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 3&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Cait Sith (Mission)|Cait Sith]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest 3&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Light in the Darkness]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Boy and the Beast]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Knot Quite There]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Adaman Ingot]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Carbon Fishing Rod]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Platinum Beastcoin]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest 4&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Burden of Suspicion]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Wrath of the Griffon]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[A Manifest Problem]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | Fight&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Elixir]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | {{KI}} [[Military scrip]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Mihgo Mithkabob]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 4&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[The Queen of the Dance]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Mayakov show ticket]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 5&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[While the Cat is Away]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 6&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[A Timeswept Butterfly]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 7&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Purple, The New Black]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |BCNM&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 8&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[In the Name of the Father]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest 5&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Storm on the Horizon]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Perils of the Griffon]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[When One Man Is Not Enough]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Icarus Wing]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Elixir]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Red Rose]] x12&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest 6&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Fire in the Hole]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[In a Haze of Glory]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[A Feast for Gnats]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Republican Silver Medal]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Fullmetal Bullet]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Ruby]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 9&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; |[[Dancers in Distress]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 10&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;|[[Daughter of a Knight]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Bottle of treant tonic]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 11&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;|[[A Spoonful of Sugar]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 12&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;|[[Affairs of State]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Count Borel&#039;s letter]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 13&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;|[[Borne by the Wind]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Underpass hatch key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 14&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; |[[A Nation on the Brink]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |BCNM&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |[[Jeunoan Flag]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 15&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Crossroads of Time]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest 7&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Quelling the Storm]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[The Price of Valor]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[The Long March North]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | Fight&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | Fight&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Goblin Belt]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Peiste Skin]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Stellar Earring]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest  8&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Honor Under Fire]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Bonds That Never Die]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[The Forbidden Path]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Elixir Tank]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Behemoth Horn]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Intelligence Potion]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 16&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Sandswept Memories]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 17&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Northland Exposure]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Shadow bug]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 18&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Traitor in the Midst]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 19&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Betrayal at Beaucedine]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Fight&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 20&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[On Thin Ice]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 21&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Proof of Valor]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Possibility of [[Oxblood Orb]], or [[Foulard]], or [[Angel Skin Orb]], or [[Orichalcum Ingot]], or [[Molybdenum Ingot]].&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 22&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[A Sanguinary Prelude]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 23&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Dungeons and Dancers]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 24&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Distorter of Time]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |BCNM&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 25&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[The Will of the World]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 26&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Fate in Haze]] &lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest 9&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Beneath the Mask]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Songbirds in a Snowstorm]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Sins of the Mothers]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | Fight&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Super Reraiser]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Icarus Wing]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Kitty Rod]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest  10&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[What Price Loyalty]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Blood of Heroes]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Howl from the Heavens]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | Fight&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Fourth Staff]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Ram Staff]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Cobra Staff]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 27&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[The Scent of Battle]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 28&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Another World]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 29&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[A Hawk in Repose]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 30&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[The Battle of Xarcabard (Mission)|The Battle of Xarcabard]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 31&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Prelude to a Storm]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |BCNM&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |[[Elixir]] or [[Vile Elixir]] or [[Vile Elixir +1]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 32&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Storm&#039;s Crescendo]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 33&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Into the Beast&#039;s Maw]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |BCNM&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 34&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[The Hunter Ensnared]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 35&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Flight of the Lion]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 36&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Fall of the Hawk]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 37&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Darkness Descends]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |BCNM&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 38&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot;  |[[Adieu, Lilisette]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest  11&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[The Truth Lies Hid]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Chasing Shadows]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Manifest Destiny]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | Quest&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | Fight&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Sanctus Rosary]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Darksteel Sheet]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Hi-Reraiser]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E3F9FF&amp;quot;&lt;br /&gt;
| Nation Quest  12&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Bonds of Mythril]]&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Face of the Future]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[At Journey&#039;s End]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | BCNM&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEEEFF&amp;quot; | [[Excelsis Ring]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#FFEEEE&amp;quot; | [[Griffon Ring]]&lt;br /&gt;
|  BGCOLOR=&amp;quot;#EEFFEE&amp;quot; | [[Zodiac Ring]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 39&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[By the Fading Light]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 40&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[Edge of Existence]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| rowspan=&amp;quot;8&amp;quot; | 41&lt;br /&gt;
| colspan=&amp;quot;6&amp;quot; | [[Her Memories]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; rowspan=&amp;quot;8&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| rowspan=&amp;quot;4&amp;quot; colspan=&amp;quot;3&amp;quot; | 41-1&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; | [[Her Memories: Homecoming Queen]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Large memory fragment (1)|Large memory fragment]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 41-1-1&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot;| [[Her Memories: Old Bean]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Tiny memory fragment (1)|Tiny memory fragment]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 41-1-2&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot;| [[Her Memories: The Faux Pas]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Tiny memory fragment (2)|Tiny memory fragment]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 41-1-3&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot;| [[Her Memories: Grave Resolve]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Tiny memory fragment (3)|Tiny memory fragment]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot;| 41-2&lt;br /&gt;
|  colspan=&amp;quot;3&amp;quot; | [[Her Memories: Of Malign Maladies]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Large memory fragment (2)|Large memory fragment]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot;| 41-3&lt;br /&gt;
|  colspan=&amp;quot;3&amp;quot; | [[Her Memories: Operation Cupid]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Large memory fragment (3)|Large memory fragment]]&lt;br /&gt;
|-&lt;br /&gt;
|BGCOLOR=&amp;quot;#EEEEFF&amp;quot;| 41-4&lt;br /&gt;
|BGCOLOR=&amp;quot;#FFEEEE&amp;quot;| 41-4&lt;br /&gt;
|BGCOLOR=&amp;quot;#EEFFEE&amp;quot;| 41-4&lt;br /&gt;
| BGCOLOR=&amp;quot;#EEEEFF&amp;quot;| [[Her Memories: Azure Footfalls|Her Memories:&amp;lt;br /&amp;gt;Azure Footfalls]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#FFEEEE&amp;quot;| [[Her Memories: Carnelian Footfalls|Her Memories:&amp;lt;br /&amp;gt;Carnelian Footfalls]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#EEFFEE&amp;quot;| [[Her Memories: Verdure Footfalls|Her Memories:&amp;lt;br /&amp;gt;Verdure Footfalls]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#EEEEFF&amp;quot;|{{KI}} [[Large memory fragment (4)|Large memory fragment]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#FFEEEE&amp;quot;|{{KI}} [[Large memory fragment (4)|Large memory fragment]]&lt;br /&gt;
| BGCOLOR=&amp;quot;#EEFFEE&amp;quot;|{{KI}} [[Large memory fragment (4)|Large memory fragment]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 42&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[Forget Me Not]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 43&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[Pillar of Hope]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 44&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[Glimmer of Life]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 45&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[Time Slips Away]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Bottled punch bug]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 46&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[When Wills Collide]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |BCNM&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 47&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[Whispers of Dawn]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 48&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[A Dreamy Interlude]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 49&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[Cait in the Woods]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Ronfaure dawndrop]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 50&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[Fork in the Road]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Quest&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Primal glow]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 51&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[Maiden of the Dusk]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |BCNM&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Moonshade earring]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 52&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[Where It All Began]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |{{KI}} [[Wedding invitation]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 53&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[A Token of Troth]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| 54&lt;br /&gt;
|  colspan=&amp;quot;6&amp;quot; | [[Lest We Forget]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |Cutscene--Finale&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; |[[Moonshade Earring]]&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;13&amp;quot; BGCOLOR=&amp;quot;#4C6D7F&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Epilogue&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| Quest 1&lt;br /&gt;
| colspan=&amp;quot;6&amp;quot; | [[Champion of the Dawn]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; | BCNM&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; | &#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br&amp;gt;Pact with [[Cait Sith]]&amp;lt;br&amp;gt;[[Nesanica Torque]]&amp;lt;br&amp;gt;[[Nesanica Belt]]&amp;lt;br&amp;gt;[[Nesanica Ring]]&amp;lt;br&amp;gt;10,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#DDEFF3&amp;quot;&lt;br /&gt;
| Quest 2&lt;br /&gt;
| colspan=&amp;quot;6&amp;quot; | [[A Forbidden Reunion]]&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; | BCNM--Finale&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; | Ability to summon [[Atomos]]&amp;lt;br&amp;gt;[[Cipher: Lilisette|Trust Cipher: Lilisette]]&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Cutscene:&#039;&#039;&#039; A mission that is entirely or almost entirely cutscenes.&lt;br /&gt;
*&#039;&#039;&#039;Quest:&#039;&#039;&#039; A mission that involves a lot of running around and cutscenes.   &lt;br /&gt;
*&#039;&#039;&#039;Dungeon:&#039;&#039;&#039; A mission that takes place mostly in a dungeon, such as Promyvion or Sacrarium.&lt;br /&gt;
*&#039;&#039;&#039;Fight:&#039;&#039;&#039; A mission that mostly involves one or many NM fights. &lt;br /&gt;
*&#039;&#039;&#039;BCNM:&#039;&#039;&#039; A mission that is either solely a BCNM, or culminates in a BCNM fight. Usually referenced along with Dungeon-type missions. &lt;br /&gt;
&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Aht_Urhgan_Missions&amp;diff=102995</id>
		<title>Category:Aht Urhgan Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Aht_Urhgan_Missions&amp;diff=102995"/>
		<updated>2026-07-05T16:38:47Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:TreasuresLogo.png|Treasures of Aht Urhgan|center|500px]]&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#663B10&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#663B10&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! BGCOLOR=&amp;quot;#663B10&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#663B10&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 1&lt;br /&gt;
| [[Aht Urhgan Mission 1|Land of Sacred Serpents]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 2&lt;br /&gt;
| [[Aht Urhgan Mission 2|Immortal Sentries]] &lt;br /&gt;
| Quest&lt;br /&gt;
| {{KI}} [[PSC Wildcat badge]]&amp;lt;br&amp;gt;150 [[Imperial Standing]]&amp;lt;br&amp;gt;[[Mog Locker]] Access&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 3&lt;br /&gt;
| [[Aht Urhgan Mission 3|President Salaheem]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[Assault]] Access&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 4&lt;br /&gt;
| [[Aht Urhgan Mission 4|Knight of Gold]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Raillefal&#039;s letter]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 5&lt;br /&gt;
| [[Aht Urhgan Mission 5|Confessions of Royalty]] &lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 6&lt;br /&gt;
| [[Aht Urhgan Mission 6|Easterly Winds]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[Imperial Bronze Piece]] x10&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 7&lt;br /&gt;
| [[Aht Urhgan Mission 7|Westerly Winds]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[Imperial Silver Piece]] x2&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 8&lt;br /&gt;
| [[Aht Urhgan Mission 8|A Mercenary Life]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 9&lt;br /&gt;
| [[Aht Urhgan Mission 9|Undersea Scouting]] &lt;br /&gt;
| Quest&lt;br /&gt;
| {{KI}} [[Astral compass]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 10&lt;br /&gt;
| [[Aht Urhgan Mission 10|Astral Waves]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 11&lt;br /&gt;
| [[Aht Urhgan Mission 11|Imperial Schemes]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 12&lt;br /&gt;
| [[Aht Urhgan Mission 12|Royal Puppeteer]] &lt;br /&gt;
| Quest&lt;br /&gt;
| {{KI}} [[Vial of spectral scent]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 13&lt;br /&gt;
| [[Aht Urhgan Mission 13|Lost Kingdom]] &lt;br /&gt;
| Quest/Fight&lt;br /&gt;
| {{KI}} [[Ephramadian gold coin]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 14&lt;br /&gt;
| [[Aht Urhgan Mission 14|The Dolphin Crest]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 15&lt;br /&gt;
| [[Aht Urhgan Mission 15|The Black Coffin]] &lt;br /&gt;
| Dungeon/BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 16&lt;br /&gt;
| [[Aht Urhgan Mission 16|Ghosts of the Past]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 17&lt;br /&gt;
| [[Aht Urhgan Mission 17|Guests of the Empire]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[Imperial Mythril Piece]]&amp;lt;br&amp;gt;[[Salvage]] access&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 18&lt;br /&gt;
| [[Aht Urhgan Mission 18|Passing Glory]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| Unlocks [[Assault#Ashu Talif Assault| Ashu Talif Assault]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 19&lt;br /&gt;
| [[Aht Urhgan Mission 19|Sweets for the Soul]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 20&lt;br /&gt;
| [[Aht Urhgan Mission 20|Teahouse Tumult]] &lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 21&lt;br /&gt;
| [[Aht Urhgan Mission 21|Finders Keepers]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 22&lt;br /&gt;
| [[Aht Urhgan Mission 22|Shield of Diplomacy]] &lt;br /&gt;
| BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 23&lt;br /&gt;
| [[Aht Urhgan Mission 23|Social Graces]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 24&lt;br /&gt;
| [[Aht Urhgan Mission 24|Foiled Ambition]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[Imperial Gold Piece]] x5&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 25&lt;br /&gt;
| [[Aht Urhgan Mission 25|Playing the Part]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 26&lt;br /&gt;
| [[Aht Urhgan Mission 26|Seal of the Serpent]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 27&lt;br /&gt;
| [[Aht Urhgan Mission 27|Misplaced Nobility]] &lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 28&lt;br /&gt;
| [[Aht Urhgan Mission 28|Bastion of Knowledge]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 29&lt;br /&gt;
| [[Aht Urhgan Mission 29|Puppet in Peril]] &lt;br /&gt;
| BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 30&lt;br /&gt;
| [[Aht Urhgan Mission 30|Prevalence of Pirates]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Periqia Assault area entry permit]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 31&lt;br /&gt;
| [[Aht Urhgan Mission 31|Shades of Vengeance]] &lt;br /&gt;
| BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 32&lt;br /&gt;
| [[Aht Urhgan Mission 32|In the Blood]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[Imperial Gold Piece]] x1&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 33&lt;br /&gt;
| [[Aht Urhgan Mission 33|Sentinels&#039; Honor]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 34&lt;br /&gt;
| [[Aht Urhgan Mission 34|Testing the Waters]] &lt;br /&gt;
| Quest&lt;br /&gt;
| {{KI}} [[Percipient eye]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 35&lt;br /&gt;
| [[Aht Urhgan Mission 35|Legacy of the Lost]] &lt;br /&gt;
| BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 36&lt;br /&gt;
| [[Aht Urhgan Mission 36|Gaze of the Saboteur]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Luminian dagger]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 37&lt;br /&gt;
| [[Aht Urhgan Mission 37|Path of Blood]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 38&lt;br /&gt;
| [[Aht Urhgan Mission 38|Stirrings of War]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Allied Council Summons]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 39&lt;br /&gt;
| [[Aht Urhgan Mission 39|Allied Rumblings]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 40&lt;br /&gt;
| [[Aht Urhgan Mission 40|Unraveling Reason]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 41&lt;br /&gt;
| [[Aht Urhgan Mission 41|Light of Judgment]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Nyzul Isle route]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 42&lt;br /&gt;
| [[Aht Urhgan Mission 42|Path of Darkness]] &lt;br /&gt;
| BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 43&lt;br /&gt;
| [[Aht Urhgan Mission 43|Fangs of the Lion]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Mythril mirror]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 44&lt;br /&gt;
| [[Aht Urhgan Mission 44|Nashmeira&#039;s Plea]] &lt;br /&gt;
| BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 45&lt;br /&gt;
| [[Aht Urhgan Mission 45|Ragnarok]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 46&lt;br /&gt;
| [[Aht Urhgan Mission 46|Imperial Coronation]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 47&lt;br /&gt;
| [[Aht Urhgan Mission 47|The Empress Crowned]] &lt;br /&gt;
| Cutscene&lt;br /&gt;
| [[Imperial Standard]]&amp;lt;br&amp;gt;&#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br&amp;gt;[[Balrahn&#039;s Ring]]&amp;lt;br&amp;gt;[[Jalzahn&#039;s Ring]]&amp;lt;br&amp;gt;[[Ulthalam&#039;s Ring]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| 48&lt;br /&gt;
| [[Aht Urhgan Mission 48|Eternal Mercenary]] &lt;br /&gt;
| Cutscene--Finale&lt;br /&gt;
| [[Glory Crown]]&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;4&amp;quot; BGCOLOR=&amp;quot;#663B10&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Epilogue&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#E5C87E&amp;quot;&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; |&lt;br /&gt;
{|align=&amp;quot;center&amp;quot; width=&amp;quot;50%&amp;quot;&lt;br /&gt;
|[[:Category:Imperial Ward Quests|Imperial Ward Quests]]&amp;lt;hr&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
{|width=&amp;quot;100%&amp;quot;&lt;br /&gt;
|-valign=&amp;quot;top&amp;quot;&lt;br /&gt;
|[[The Rider Cometh]]&amp;lt;br /&amp;gt;[[Unwavering Resolve]]&amp;lt;br /&amp;gt;[[A Stygian Pact]]&lt;br /&gt;
|[[Waking the Colossus]]&amp;lt;br /&amp;gt;[[Divine Interference]]&lt;br /&gt;
|}&lt;br /&gt;
| BCNM--Finale&lt;br /&gt;
|&lt;br /&gt;
{|width=&amp;quot;100%&amp;quot;&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; | [[Imperial Gold Piece]]&lt;br /&gt;
|-&lt;br /&gt;
| &#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br&amp;gt;Pact with [[Odin]]&amp;lt;br&amp;gt;[[Aesir Torque]]&amp;lt;br&amp;gt;[[Aesir Mantle]]&amp;lt;br&amp;gt;[[Aesir Ear Pendant]]&amp;lt;br&amp;gt;10,000 gil&lt;br /&gt;
| &#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br&amp;gt;Pact with [[Alexander]]&amp;lt;br&amp;gt;[[Colossus&#039;s Torque]]&amp;lt;br&amp;gt;[[Colossus&#039;s Mantle]]&amp;lt;br&amp;gt;[[Colossus&#039;s Earring]]&amp;lt;br&amp;gt;10,000 gil&lt;br /&gt;
|}&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Promathia_Missions&amp;diff=102994</id>
		<title>Category:Promathia Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Promathia_Missions&amp;diff=102994"/>
		<updated>2026-07-05T16:38:21Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:PromathiaLogo.png|Chains of Promathia|center]]&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#19437F&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#19437F&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#19437F&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! BGCOLOR=&amp;quot;#19437F&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#19437F&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#204F93&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Ancient Flames Beckon&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;3&amp;quot; BGCOLOR=&amp;quot;#0093B9&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 1&amp;lt;/span&amp;gt;&lt;br /&gt;
|1-1&lt;br /&gt;
|[[Promathia Mission 1-1|The Rites of Life]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Mysterious amulet]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|1-2&lt;br /&gt;
|[[Promathia Mission 1-2|Below the Arks]]&lt;br /&gt;
| Dungeon/BCNM&lt;br /&gt;
| Access to [[Promyvion]]s&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|1-3&lt;br /&gt;
|[[Promathia Mission 1-3|The Mothercrystals]]&lt;br /&gt;
| Dungeon/BCNM&lt;br /&gt;
| {{KI}} [[Light of Dem]]&amp;lt;br&amp;gt;{{KI}} [[Light of Holla]]&amp;lt;br&amp;gt;{{KI}} [[Light of Mea]]&amp;lt;br&amp;gt;Access to the [[Tavnazian Archipelago]]&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#204F93&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;The Isle of Forgotten Saints&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#0093B9&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 2&amp;lt;/span&amp;gt;&lt;br /&gt;
|2-1&lt;br /&gt;
|[[Promathia Mission 2-1|An Invitation West]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Mysterious amulet]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|2-2&lt;br /&gt;
|[[Promathia Mission 2-2|The Lost City]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Access to [[Phomiuna Aqueducts]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|2-3&lt;br /&gt;
|[[Promathia Mission 2-3|Distant Beliefs]]&lt;br /&gt;
| Cutscene/Fight&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|2-4&lt;br /&gt;
|[[Promathia Mission 2-4|An Eternal Melody]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Mysterious amulet]]&amp;lt;br&amp;gt;Access to [[Riverne - Site A01|Riverne - Site #A01]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|2-5&lt;br /&gt;
|[[Promathia Mission 2-5|Ancient Vows]]&lt;br /&gt;
| Dungeon/BCNM&lt;br /&gt;
| 1,000 Experience/Limit Points&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#204F93&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;A Transient Dream&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#0093B9&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 3&amp;lt;/span&amp;gt;&lt;br /&gt;
|3-1&lt;br /&gt;
|[[Promathia Mission 3-1|The Call of the Wyrmking]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|3-2&lt;br /&gt;
|[[Promathia Mission 3-2|A Vessel Without a Captain]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|3-3&lt;br /&gt;
|[[Promathia Mission 3-3|The Road Forks]]&lt;br /&gt;
| Cutscene/Quest/Fight&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|3-4&lt;br /&gt;
|[[Promathia Mission 3-4|Tending Aged Wounds]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|3-5&lt;br /&gt;
|[[Promathia Mission 3-5|Darkness Named]]&lt;br /&gt;
| Dungeon/BCNM&lt;br /&gt;
| {{KI}} [[Pso&#039;Xja pass]]&amp;lt;br&amp;gt;[[Waking Dreams]] access&amp;lt;br&amp;gt;Access to [[Dynamis|Dreamworld Dynamis]] areas&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#204F93&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;The Cradles of Children Lost&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;4&amp;quot; BGCOLOR=&amp;quot;#0093B9&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 4&amp;lt;/span&amp;gt;&lt;br /&gt;
|4-1&lt;br /&gt;
|[[Promathia Mission 4-1|Sheltering Doubt]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Access to [[Riverne - Site B01]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|4-2&lt;br /&gt;
|[[Promathia Mission 4-2|The Savage]]&lt;br /&gt;
| Dungeon/BCNM&lt;br /&gt;
| Access to [[Sacrarium]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|4-3&lt;br /&gt;
|[[Promathia Mission 4-3|The Secrets of Worship]]&lt;br /&gt;
| Dungeon/Fight&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|4-4&lt;br /&gt;
|[[Promathia Mission 4-4|Slanderous Utterings]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#204F93&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;The Return Home&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;6&amp;quot; BGCOLOR=&amp;quot;#0093B9&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 5&amp;lt;/span&amp;gt;&lt;br /&gt;
|5-1&lt;br /&gt;
|[[Promathia Mission 5-1|The Enduring Tumult of War]]&lt;br /&gt;
| Cutscene/Fight&lt;br /&gt;
| Access to [[Promyvion - Vahzl]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|5-2&lt;br /&gt;
|[[Promathia Mission 5-2|Desires of Emptiness]]&lt;br /&gt;
| Dungeon/Fight/BCNM&lt;br /&gt;
| {{KI}} [[Light of Vahzl]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
| rowspan=&amp;quot;4&amp;quot; | 5-3&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; |[[Promathia Mission 5-3|Three Paths]]&lt;br /&gt;
| rowspan=&amp;quot;4&amp;quot; |&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|[[Promathia Mission 5-3/Louverance&#039;s Path|Louverance&#039;s Path]]&lt;br /&gt;
| Cutscene/BCNM&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|[[Promathia Mission 5-3/Tenzen&#039;s Path|Tenzen&#039;s Path]]&lt;br /&gt;
|  Cutscene/Fight&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|[[Promathia Mission 5-3/Ulmia&#039;s Path|Ulmia&#039;s Path]]&lt;br /&gt;
| Cutscene/BCNM&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#204F93&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Echoes of Time&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;4&amp;quot; BGCOLOR=&amp;quot;#0093B9&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 6&amp;lt;/span&amp;gt;&lt;br /&gt;
|6-1&lt;br /&gt;
|[[Promathia Mission 6-1|For Whom the Verse is Sung]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|6-2&lt;br /&gt;
|[[Promathia Mission 6-2|A Place to Return]]&lt;br /&gt;
| Fight&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|6-3&lt;br /&gt;
|[[Promathia Mission 6-3|More Questions than Answers]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|6-4&lt;br /&gt;
|[[Promathia Mission 6-4|One to be Feared]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| {{ItemIcon|Dcl.Grd. Ring|22}} {{tooltip|text=[[Ducal Guard&#039;s Ring]]|tooltip=[[File:Dcl.Grd. Ring description.png]]}}&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#204F93&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;In the Light of the Crystal&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#0093B9&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 7&amp;lt;/span&amp;gt;&lt;br /&gt;
|7-1&lt;br /&gt;
|[[Promathia Mission 7-1|Chains and Bonds]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|7-2&lt;br /&gt;
|[[Promathia Mission 7-2|Flames in the Darkness]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|7-3&lt;br /&gt;
|[[Promathia Mission 7-3|Fire in the Eyes of Men]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|7-4&lt;br /&gt;
|[[Promathia Mission 7-4|Calm Before the Storm]]&lt;br /&gt;
| Cutscene/Fight&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|7-5&lt;br /&gt;
|[[Promathia Mission 7-5|The Warrior&#039;s Path]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| {{KI}} [[Light of Al&#039;Taieu]]&amp;lt;br/&amp;gt;Access to [[Al&#039;Taieu]]&amp;lt;br/&amp;gt;Access to [[Limbus]]&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#204F93&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Emptiness Bleeds&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;4&amp;quot; BGCOLOR=&amp;quot;#0093B9&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Chapter 8&amp;lt;/span&amp;gt;&lt;br /&gt;
|8-1&lt;br /&gt;
|[[Promathia Mission 8-1|Garden of Antiquity]]&lt;br /&gt;
| Fight&lt;br /&gt;
| {{ItemIcon|Tavnazian Ring|22}} {{tooltip|text=[[Tavnazian Ring]]|tooltip=[[File:Tavnazian Ring description.png]]}}&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|8-2&lt;br /&gt;
|[[Promathia Mission 8-2|A Fate Decided]]&lt;br /&gt;
| Dungeon/Fight&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|8-3&lt;br /&gt;
|[[Promathia Mission 8-3|When Angels Fall]]&lt;br /&gt;
| Dungeon/BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
|8-4&lt;br /&gt;
|[[Promathia Mission 8-4|Dawn]]&lt;br /&gt;
| BCNM--Finale&lt;br /&gt;
| &#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br /&amp;gt;{{ItemIcon|Rajas Ring|22}} {{tooltip|text=[[Rajas Ring]]|tooltip=[[File:Rajas Ring description.png]]}}&amp;lt;br /&amp;gt;{{ItemIcon|Sattva Ring|22}} {{tooltip|text=[[Sattva Ring]]|tooltip=[[File:Sattva Ring description.png]]}}&amp;lt;br /&amp;gt;{{ItemIcon|Tamas Ring|22}} {{tooltip|text=[[Tamas Ring]]|tooltip=[[File:Tamas Ring description.png]]}}&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;5&amp;quot; BGCOLOR=&amp;quot;#204F93&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Epilogue&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
! Rowspan=&amp;quot;4&amp;quot; BGCOLOR=&amp;quot;#0093B9&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Epilogue&amp;lt;/span&amp;gt;&lt;br /&gt;
| Quest 1&lt;br /&gt;
| [[Storms of Fate]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| {{KI}} [[Whisper of the Wyrmking]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
| Quest 2&lt;br /&gt;
| [[Shadows of the Departed]]&lt;br /&gt;
| Dungeon/Quest&lt;br /&gt;
| {{KI}} [[Promyvion - Dem sliver]]&amp;lt;br&amp;gt;{{KI}} [[Promyvion - Holla sliver]]&amp;lt;br&amp;gt;{{KI}} [[Promyvion - Mea sliver]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
| Quest 3&lt;br /&gt;
| [[Apocalypse Nigh]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| &#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br&amp;gt;{{ItemIcon|Ethereal Earring|22}} {{tooltip|text=[[Ethereal Earring]]|tooltip=[[File:Ethereal Earring description.png]]}}&amp;lt;br&amp;gt;{{ItemIcon|Hollow Earring|22}} {{tooltip|text=[[Hollow Earring]]|tooltip=[[File:Hollow Earring description.png]]}}&amp;lt;br&amp;gt;{{ItemIcon|Magnetic Earring|22}} {{tooltip|text=[[Magnetic Earring]]|tooltip=[[File:Magnetic Earring description.png]]}}&amp;lt;br&amp;gt;{{ItemIcon|Static Earring|22}} {{tooltip|text=[[Static Earring]]|tooltip=[[File:Static Earring description.png]]}}&lt;br /&gt;
|-BGCOLOR=&amp;quot;#B9DDE8&amp;quot;&lt;br /&gt;
| 8-5&lt;br /&gt;
| [[The Last Verse]]&lt;br /&gt;
| Finale&lt;br /&gt;
|&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Cutscene:&#039;&#039;&#039; A mission that is entirely or almost entirely cutscenes.&lt;br /&gt;
*&#039;&#039;&#039;Quest:&#039;&#039;&#039; A mission that involves a lot of running around and cutscenes.   &lt;br /&gt;
*&#039;&#039;&#039;Dungeon:&#039;&#039;&#039; A mission that takes place mostly in a dungeon, such as Promyvion or Sacrarium.&lt;br /&gt;
*&#039;&#039;&#039;Fight:&#039;&#039;&#039; A mission that mostly involves one or many NM fights. &lt;br /&gt;
*&#039;&#039;&#039;BCNM:&#039;&#039;&#039; A mision that is either solely a BCNM, or culminates in a BCNM fight. Usually referenced along with Dungeon-type missions. &lt;br /&gt;
&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Zilart_Missions&amp;diff=102993</id>
		<title>Category:Zilart Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Zilart_Missions&amp;diff=102993"/>
		<updated>2026-07-05T16:37:44Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:ZilartLogo.png|500px|center]]&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#8C3D0C&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#8C3D0C&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! BGCOLOR=&amp;quot;#8C3D0C&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#8C3D0C&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 1&lt;br /&gt;
| [[The New Frontier]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Map of Norg]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 2&lt;br /&gt;
| [[Welcome t&#039;Norg]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 3&lt;br /&gt;
| [[Kazham&#039;s Chieftainness]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Sacrificial Chamber key]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 4&lt;br /&gt;
| [[The Temple of Uggalepih]]&lt;br /&gt;
| Dungeon/BCNM&lt;br /&gt;
| {{KI}} [[Dark fragment]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 5&lt;br /&gt;
| [[Headstone Pilgrimage]]&lt;br /&gt;
| Quest/Fight&lt;br /&gt;
| {{KI}} [[Earth fragment]]&amp;lt;br&amp;gt;{{KI}} [[Fire fragment]]&amp;lt;br&amp;gt;{{KI}} [[Ice fragment]]&amp;lt;br&amp;gt;{{KI}} [[Light fragment]]&amp;lt;br&amp;gt;{{KI}} [[Lightning fragment]]&amp;lt;br&amp;gt;{{KI}} [[Water fragment]]&amp;lt;br&amp;gt;{{KI}} [[Wind fragment]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 6&lt;br /&gt;
| [[Through the Quicksand Caves]]&lt;br /&gt;
| Dungeon/BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 7&lt;br /&gt;
| [[The Chamber of Oracles]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| {{KI}} [[Prismatic fragment]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 8&lt;br /&gt;
| [[Return to Delkfutt&#039;s Tower]]&lt;br /&gt;
| Dungeon/BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 9&lt;br /&gt;
| [[Ro&#039;Maeve (Mission)|Ro&#039;Maeve]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 10&lt;br /&gt;
| [[The Temple of Desolation]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 11&lt;br /&gt;
| [[The Hall of the Gods]]&lt;br /&gt;
| Quest&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 12&lt;br /&gt;
| [[The Mithra and the Crystal]]&lt;br /&gt;
| Dungeon/Fight&lt;br /&gt;
| {{KI}} [[Cerulean crystal]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 13&lt;br /&gt;
| [[The Gate of the Gods]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
| Access to [[Tu&#039;Lia]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 14&lt;br /&gt;
| [[Ark Angels]] ([[Divine Might|{{H:text|Alternate Quest that clears this mission.|Divine Might}}]])&lt;br /&gt;
| BCNM (BCNM)&lt;br /&gt;
|&lt;br /&gt;
{| align=&amp;quot;center&amp;quot;&lt;br /&gt;
| {{KI}} [[Shard of Apathy]]&amp;lt;br&amp;gt;{{KI}} [[Shard of Arrogance]]&amp;lt;br&amp;gt;{{KI}} [[Shard of Cowardice]]&amp;lt;br&amp;gt;{{KI}} [[Shard of Envy]]&amp;lt;br&amp;gt;{{KI}} [[Shard of Rage]]&lt;br /&gt;
| (&#039;&#039;&#039;One of the following:&#039;&#039;&#039;)&amp;lt;br&amp;gt;&lt;br /&gt;
({{imgpop|[[File:Abyssal_Earring_icon.png|23px|link=]] [[Abyssal Earring]]|Abyssal_Earring_description.png|link=}})&amp;lt;br&amp;gt;&lt;br /&gt;
({{imgpop|[[File:Beastly_Earring_icon.png|23px|link=]] [[Beastly Earring]]|Beastly_Earring_description.png|link=}})&amp;lt;br&amp;gt;&lt;br /&gt;
({{imgpop|[[File:Bushinomimi_icon.png|23px|link=]] [[Bushinomimi]]|Bushinomimi_description.png|link=}})&amp;lt;br&amp;gt;&lt;br /&gt;
({{imgpop|[[File:Knight%27s_Earring_icon.png|23px|link=]] [[Knight&#039;s Earring]]|Knight%27s_Earring_description.png|link=}})&amp;lt;br&amp;gt;&lt;br /&gt;
({{imgpop|[[File:Suppanomimi_icon.png|23px|link=]] [[Suppanomimi]]|Suppanomimi_description.png|link=}})&lt;br /&gt;
|}&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 15&lt;br /&gt;
| [[The Sealed Shrine]]&lt;br /&gt;
| Cutscene&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 16&lt;br /&gt;
| [[The Celestial Nexus]]&lt;br /&gt;
| Dungeon/BCNM&lt;br /&gt;
|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 17&lt;br /&gt;
| [[Awakening]]&lt;br /&gt;
| Cutscene--Finale&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;4&amp;quot; BGCOLOR=&amp;quot;#8C3D0C&amp;quot; | &amp;lt;span style=&amp;quot;color:#ffffff&amp;quot;&amp;gt;Epilogue&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| Quest 1&lt;br /&gt;
| [[Storms of Fate]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| {{KI}} [[Whisper of the Wyrmking]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| Quest 2&lt;br /&gt;
| [[Shadows of the Departed]]&lt;br /&gt;
| Dungeon/Quest&lt;br /&gt;
| {{KI}} [[Promyvion - Dem sliver]]&amp;lt;br&amp;gt;{{KI}} [[Promyvion - Holla sliver]]&amp;lt;br&amp;gt;{{KI}} [[Promyvion - Mea sliver]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| Quest 3&lt;br /&gt;
| [[Apocalypse Nigh]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| &#039;&#039;&#039;One of the following:&#039;&#039;&#039;&amp;lt;br&amp;gt;&lt;br /&gt;
{{imgpop|[[File:Ethereal_Earring_icon.png|23px|link=]] [[Ethereal Earring]]|Ethereal_Earring_description.png|link=}}&amp;lt;br&amp;gt;&lt;br /&gt;
{{imgpop|[[File:Hollow_Earring_icon.png|23px|link=]] [[Hollow Earring]]|Hollow_Earring_description.png|link=}}&amp;lt;br&amp;gt;&lt;br /&gt;
{{imgpop|[[File:Magnetic_Earring_icon.png|23px|link=]] [[Magnetic Earring]]|Magnetic_Earring_description.png|link=}}&amp;lt;br&amp;gt;&lt;br /&gt;
{{imgpop|[[File:Static_Earring_icon.png|23px|link=]] [[Static Earring]]|Static_Earring_description.png|link=}}&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F2D09D&amp;quot;&lt;br /&gt;
| 18&lt;br /&gt;
| [[The Last Verse]]&lt;br /&gt;
| Finale&lt;br /&gt;
|&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Cutscene:&#039;&#039;&#039; A mission that is entirely or almost entirely cutscenes.&lt;br /&gt;
*&#039;&#039;&#039;Quest:&#039;&#039;&#039; A mission that involves a lot of running around and cutscenes.   &lt;br /&gt;
*&#039;&#039;&#039;Dungeon:&#039;&#039;&#039; A mission that takes place mostly in a dungeon, such as Promyvion or Sacrarium.&lt;br /&gt;
*&#039;&#039;&#039;Fight:&#039;&#039;&#039; A mission that mostly involves one or many NM fights. &lt;br /&gt;
*&#039;&#039;&#039;BCNM:&#039;&#039;&#039; A mision that is either solely a BCNM, or culminates in a BCNM fight. Usually referenced along with Dungeon-type missions. &lt;br /&gt;
&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Windurst_Missions&amp;diff=102992</id>
		<title>Category:Windurst Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Windurst_Missions&amp;diff=102992"/>
		<updated>2026-07-05T16:37:26Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:Federation of Windurst.jpg|center|link=Federation of Windurst]]&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#29472B&amp;quot; | &amp;lt;span style=&amp;quot;color:#F4B10B&amp;quot;&amp;gt;Rank&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#29472B&amp;quot; | &amp;lt;span style=&amp;quot;color:#F4B10B&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#29472B&amp;quot; | &amp;lt;span style=&amp;quot;color:#F4B10B&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! BGCOLOR=&amp;quot;#29472B&amp;quot; | &amp;lt;span style=&amp;quot;color:#F4B10B&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#29472B&amp;quot; | &amp;lt;span style=&amp;quot;color:#F4B10B&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6A893D&amp;quot; rowspan=&amp;quot;4&amp;quot; |&amp;lt;span style=&amp;quot;color:#F4B10B; font-size:200%;&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&lt;br /&gt;
| 1-1&lt;br /&gt;
| [[Windurst Mission 1-1|The Horutoto Ruins Experiment]]&lt;br /&gt;
| Quest&lt;br /&gt;
| Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
| 1-2&lt;br /&gt;
| [[Windurst Mission 1-2|The Heart of the Matter]]&lt;br /&gt;
| Quest&lt;br /&gt;
| Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
| 1-3&lt;br /&gt;
| [[Windurst Mission 1-3|The Price of Peace]]&lt;br /&gt;
| Quest&lt;br /&gt;
| Rank 2&amp;lt;br /&amp;gt;1,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6A893D&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6A893D&amp;quot; rowspan=&amp;quot;4&amp;quot; |&amp;lt;span style=&amp;quot;color:#F4B10B; font-size:200%;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&lt;br /&gt;
| 2-1&lt;br /&gt;
| [[Windurst Mission 2-1|Lost for Words]]&lt;br /&gt;
| Quest&lt;br /&gt;
| Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
| 2-2&lt;br /&gt;
| [[Windurst Mission 2-2|A Testing Time]]&lt;br /&gt;
| Repeatable&lt;br /&gt;
| Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
| 2-3&lt;br /&gt;
| [[Windurst Mission 2-3|The Three Kingdoms]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| Rank 3&amp;lt;br /&amp;gt;3,000 gil&amp;lt;br /&amp;gt;{{KI}} [[Adventurer&#039;s Certificate]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6A893D&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6A893D&amp;quot; rowspan=&amp;quot;4&amp;quot; |&amp;lt;span style=&amp;quot;color:#F4B10B; font-size:200%;&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&lt;br /&gt;
| 3-1&lt;br /&gt;
| [[Windurst Mission 3-1|To Each His Own Right]]&lt;br /&gt;
| Quest&lt;br /&gt;
| Rank Points&amp;lt;br /&amp;gt;{{KI}} [[Starway Stairway bauble]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
| 3-2&lt;br /&gt;
| [[Windurst Mission 3-2|Written in the Stars]]&lt;br /&gt;
| Repeatable&lt;br /&gt;
| Rank Points&amp;lt;br /&amp;gt;{{KI}} [[Portal charm]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
| 3-3&lt;br /&gt;
| [[Windurst Mission 3-3|A New Journey]]&lt;br /&gt;
| Fight&lt;br /&gt;
| Rank 4&amp;lt;br /&amp;gt;5,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6A893D&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6A893D&amp;quot; rowspan=&amp;quot;2&amp;quot;|&amp;lt;span style=&amp;quot;color:#F4B10B; font-size:200%;&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&lt;br /&gt;
| 4-1&lt;br /&gt;
| [[Windurst Mission 4-1|Magicite]]&lt;br /&gt;
| Quest&lt;br /&gt;
| Rank 5&amp;lt;br /&amp;gt;10,000 gil&amp;lt;br /&amp;gt;{{KI}} [[Airship Pass]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6A893D&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6A893D&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#F4B10B; font-size:200%;&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&lt;br /&gt;
| 5-1&lt;br /&gt;
| [[Windurst Mission 5-1|The Final Seal]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
| 5-2&lt;br /&gt;
| [[Windurst Mission 5-2|The Shadow Awaits]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| Rank 6&amp;lt;br /&amp;gt;20,000 gil&amp;lt;br /&amp;gt;Unlock [[:Category:Zilart Missions|Zilart Missions]]&amp;lt;br /&amp;gt;Unlock [[Dynamis]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6A893D&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6A893D&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#F4B10B; font-size:200%;&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&lt;br /&gt;
| 6-1&lt;br /&gt;
| [[Windurst Mission 6-1|Full Moon Fountain]]&lt;br /&gt;
| Fight&lt;br /&gt;
| Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
| 6-2&lt;br /&gt;
| [[Windurst Mission 6-2|Saintly Invitation]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| Rank 7&amp;lt;br /&amp;gt;40,000 gil&amp;lt;br /&amp;gt;[[Ashura Necklace]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6A893D&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6A893D&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#F4B10B; font-size:200%;&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;&lt;br /&gt;
| 7-1&lt;br /&gt;
| [[Windurst Mission 7-1|The Sixth Ministry]]&lt;br /&gt;
| Fight&lt;br /&gt;
| Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
| 7-2&lt;br /&gt;
| [[Windurst Mission 7-2|Awakening of the Gods]]&lt;br /&gt;
| Fight&lt;br /&gt;
| Rank 8&amp;lt;br /&amp;gt;60,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6A893D&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6A893D&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#F4B10B; font-size:200%;&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&lt;br /&gt;
| 8-1&lt;br /&gt;
| [[Windurst Mission 8-1|Vain]]&lt;br /&gt;
| Fight&lt;br /&gt;
| Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
| 8-2&lt;br /&gt;
| [[Windurst Mission 8-2|The Jester Who&#039;d Be King]]&lt;br /&gt;
| Fight&lt;br /&gt;
| Rank 9&amp;lt;br /&amp;gt;80,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6A893D&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6A893D&amp;quot; rowspan=&amp;quot;2&amp;quot; |&amp;lt;span style=&amp;quot;color:#F4B10B; font-size:200%;&amp;quot;&amp;gt;9&amp;lt;/span&amp;gt;&lt;br /&gt;
| 9-1&lt;br /&gt;
| [[Windurst Mission 9-1|Doll of the Dead]]&lt;br /&gt;
| Quest&lt;br /&gt;
| Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C3E2A0&amp;quot;&lt;br /&gt;
| 9-2&lt;br /&gt;
| [[Windurst Mission 9-2|Moon Reading]]&lt;br /&gt;
| BCNM&lt;br /&gt;
| Rank 10&amp;lt;br /&amp;gt;100,000 gil&amp;lt;br /&amp;gt;[[Windurstian Flag]]&amp;lt;br /&amp;gt;Ability to buy {{KI}} [[Atma of the Full Moon]]&lt;br /&gt;
|-&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Cutscene:&#039;&#039;&#039; A mission that is entirely or almost entirely cutscenes.&lt;br /&gt;
*&#039;&#039;&#039;Quest:&#039;&#039;&#039; A mission that involves a lot of running around and cutscenes.   &lt;br /&gt;
*&#039;&#039;&#039;Dungeon:&#039;&#039;&#039; A mission that takes place mostly in a dungeon, such as Promyvion or Sacrarium.&lt;br /&gt;
*&#039;&#039;&#039;Fight:&#039;&#039;&#039; A mission that mostly involves one or many NM fights. &lt;br /&gt;
*&#039;&#039;&#039;BCNM:&#039;&#039;&#039; A mission that is either solely a BCNM, or culminates in a BCNM fight. Usually referenced along with Dungeon-type missions. &lt;br /&gt;
*&#039;&#039;&#039;Repeatable:&#039;&#039;&#039; A mission that may involve any of the above, but is capable of being repeated for more Rank Points.&lt;br /&gt;
&lt;br /&gt;
If you do not meet the &#039;&#039;&#039;Rank Point&#039;&#039;&#039; requirement to start the next mission, you can trade [[crystals]] to one of the [[Conquest Points/Windurst Items|Conquest Guards]] to increase your &#039;&#039;&#039;Rank Points&#039;&#039;&#039; until you meet the required amount.&lt;br /&gt;
&lt;br /&gt;
[[Category: Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:San_d%27Oria_Missions&amp;diff=102991</id>
		<title>Category:San d&#039;Oria Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:San_d%27Oria_Missions&amp;diff=102991"/>
		<updated>2026-07-05T16:37:08Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:Kingdom of San d&#039;Oria.jpg|center|link=Kingdom of San d&#039;Oria]]&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#36070F&amp;quot; | &amp;lt;span style=&amp;quot;color:#909090&amp;quot;&amp;gt;Rank&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#36070F&amp;quot; | &amp;lt;span style=&amp;quot;color:#909090&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#36070F&amp;quot; | &amp;lt;span style=&amp;quot;color:#909090&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! BGCOLOR=&amp;quot;#36070F&amp;quot; | &amp;lt;span style=&amp;quot;color:#909090&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#36070F&amp;quot; | &amp;lt;span style=&amp;quot;color:#909090&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6E3941&amp;quot; rowspan=&amp;quot;4&amp;quot; |&amp;lt;span style=&amp;quot;color:#909090; font-size:200%;&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&lt;br /&gt;
| 1-1&lt;br /&gt;
| [[San d&#039;Oria Mission 1-1|Smash the Orcish Scouts]]&lt;br /&gt;
|Repeatable&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
| 1-2&lt;br /&gt;
| [[San d&#039;Oria Mission 1-2|Bat Hunt]]&lt;br /&gt;
|Repeatable&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
| 1-3&lt;br /&gt;
| [[San d&#039;Oria Mission 1-3|Save the Children]]&lt;br /&gt;
|Repeatable&lt;br /&gt;
|Rank 2&amp;lt;br /&amp;gt;1000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6E3941&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6E3941&amp;quot; rowspan=&amp;quot;4&amp;quot; |&amp;lt;span style=&amp;quot;color:#909090; font-size:200%;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&lt;br /&gt;
| 2-1&lt;br /&gt;
| [[San d&#039;Oria Mission 2-1|The Rescue Drill]]&lt;br /&gt;
|Quest&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
| 2-2&lt;br /&gt;
| [[San d&#039;Oria Mission 2-2|The Davoi Report]]&lt;br /&gt;
|Repeatable&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
| 2-3&lt;br /&gt;
| [[San d&#039;Oria Mission 2-3|Journey Abroad]]&lt;br /&gt;
|BCNM&lt;br /&gt;
|Rank 3&amp;lt;br /&amp;gt;3,000gil&amp;lt;br /&amp;gt;{{KI}} [[Adventurer&#039;s Certificate]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6E3941&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6E3941&amp;quot; rowspan=&amp;quot;4&amp;quot; |&amp;lt;span style=&amp;quot;color:#909090; font-size:200%;&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&lt;br /&gt;
| 3-1&lt;br /&gt;
| [[San d&#039;Oria Mission 3-1|Infiltrate Davoi]]&lt;br /&gt;
|Repeatable&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
| 3-2&lt;br /&gt;
| [[San d&#039;Oria Mission 3-2|The Crystal Spring]]&lt;br /&gt;
|Repeatable&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
| 3-3&lt;br /&gt;
| [[San d&#039;Oria Mission 3-3|Appointment to Jeuno]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank 4&amp;lt;br /&amp;gt;5,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6E3941&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6E3941&amp;quot; rowspan=&amp;quot;2&amp;quot;|&amp;lt;span style=&amp;quot;color:#909090; font-size:200%;&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&lt;br /&gt;
| 4-1&lt;br /&gt;
| [[San d&#039;Oria Mission 4-1|Magicite]]&lt;br /&gt;
|Quest&lt;br /&gt;
|Rank 5&amp;lt;br /&amp;gt;10,000 gil&amp;lt;br /&amp;gt;{{KI}} [[Airship Pass]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6E3941&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6E3941&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#909090; font-size:200%;&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&lt;br /&gt;
| 5-1&lt;br /&gt;
| [[San d&#039;Oria Mission 5-1|The Ruins of Fei&#039;Yin]]&lt;br /&gt;
|BCNM&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
| 5-2&lt;br /&gt;
| [[San d&#039;Oria Mission 5-2|The Shadow Lord]]&lt;br /&gt;
|BCNM&lt;br /&gt;
|Rank 6&amp;lt;br /&amp;gt;20,000 gil&amp;lt;br /&amp;gt;Unlock [[:Category:Zilart Missions|Zilart Missions]]&amp;lt;br /&amp;gt;Unlock [[Dynamis]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6E3941&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6E3941&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#909090; font-size:200%;&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&lt;br /&gt;
| 6-1&lt;br /&gt;
| [[San d&#039;Oria Mission 6-1|Leaute&#039;s Last Wishes]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
| 6-2&lt;br /&gt;
| [[San d&#039;Oria Mission 6-2|Ranperre&#039;s Final Rest]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank 7&amp;lt;br /&amp;gt;40,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6E3941&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6E3941&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#909090; font-size:200%;&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;&lt;br /&gt;
| 7-1&lt;br /&gt;
| [[San d&#039;Oria Mission 7-1|Prestige of the Papsque]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
| 7-2&lt;br /&gt;
| [[San d&#039;Oria Mission 7-2|Secret Weapon]]&lt;br /&gt;
|BCNM&lt;br /&gt;
|Rank 8&amp;lt;br /&amp;gt;60,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6E3941&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6E3941&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#909090; font-size:200%;&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&lt;br /&gt;
| 8-1&lt;br /&gt;
| [[San d&#039;Oria Mission 8-1|Coming of Age]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
| 8-2&lt;br /&gt;
| [[San d&#039;Oria Mission 8-2|Lightbringer]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank 9&amp;lt;br /&amp;gt;80,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#6E3941&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#6E3941&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#909090; font-size:200%;&amp;quot;&amp;gt;9&amp;lt;/span&amp;gt;&lt;br /&gt;
| 9-1&lt;br /&gt;
| [[San d&#039;Oria Mission 9-1|Breaking Barriers]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#F5A4B1&amp;quot;&lt;br /&gt;
| 9-2&lt;br /&gt;
| [[San d&#039;Oria Mission 9-2|The Heir to the Light]]&lt;br /&gt;
|BCNM&lt;br /&gt;
|Rank 10&amp;lt;br /&amp;gt;100,000 gil&amp;lt;br /&amp;gt;[[San d&#039;Orian Flag]]&amp;lt;br /&amp;gt;Ability to buy {{KI}} [[Atma of the Heir]]&lt;br /&gt;
|-&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Cutscene:&#039;&#039;&#039; A mission that is entirely or almost entirely cutscenes.&lt;br /&gt;
*&#039;&#039;&#039;Quest:&#039;&#039;&#039; A mission that involves a lot of running around and cutscenes.   &lt;br /&gt;
*&#039;&#039;&#039;Dungeon:&#039;&#039;&#039; A mission that takes place mostly in a dungeon, such as Promyvion or Sacrarium.&lt;br /&gt;
*&#039;&#039;&#039;Fight:&#039;&#039;&#039; A mission that mostly involves one or many NM fights. &lt;br /&gt;
*&#039;&#039;&#039;BCNM:&#039;&#039;&#039; A mission that is either solely a BCNM, or culminates in a BCNM fight. Usually referenced along with Dungeon-type missions. &lt;br /&gt;
*&#039;&#039;&#039;Repeatable:&#039;&#039;&#039; A mission that may involve any of the above, but is capable of being repeated for more Rank Points.&lt;br /&gt;
&lt;br /&gt;
If you do not meet the &#039;&#039;&#039;Rank Point&#039;&#039;&#039; requirement to start the next mission, you can trade [[crystals]] to one of the [[Conquest Points/San d&#039;Oria Items|Conquest Guards]] to increase your &#039;&#039;&#039;Rank Points&#039;&#039;&#039; until you meet the required amount.&lt;br /&gt;
&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Category:Bastok_Missions&amp;diff=102990</id>
		<title>Category:Bastok Missions</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Category:Bastok_Missions&amp;diff=102990"/>
		<updated>2026-07-05T16:36:39Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-mission-list class for dark-theme scoping&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Image:Republic of Bastok.jpg|center|link=Republic of Bastok]]&lt;br /&gt;
{| class=&amp;quot;zx-mission-list&amp;quot; width=&amp;quot;95%&amp;quot; align=&amp;quot;center&amp;quot; style=&amp;quot;text-align:center; color: black;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! BGCOLOR=&amp;quot;#1A1C80&amp;quot; | &amp;lt;span style=&amp;quot;color:#E9DC76&amp;quot;&amp;gt;Rank&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#1A1C80&amp;quot; | &amp;lt;span style=&amp;quot;color:#E9DC76&amp;quot;&amp;gt;Number&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#1A1C80&amp;quot; | &amp;lt;span style=&amp;quot;color:#E9DC76&amp;quot;&amp;gt;Mission Name&amp;lt;/span&amp;gt; &lt;br /&gt;
! BGCOLOR=&amp;quot;#1A1C80&amp;quot; | &amp;lt;span style=&amp;quot;color:#E9DC76&amp;quot;&amp;gt;Type&amp;lt;/span&amp;gt;&lt;br /&gt;
! BGCOLOR=&amp;quot;#1A1C80&amp;quot; | &amp;lt;span style=&amp;quot;color:#E9DC76&amp;quot;&amp;gt;Reward&amp;lt;/span&amp;gt;&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#5B6693&amp;quot; rowspan=&amp;quot;4&amp;quot; |&amp;lt;span style=&amp;quot;color:#E9DC76; font-size:200%;&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&lt;br /&gt;
| 1-1&lt;br /&gt;
| [[Bastok Mission 1-1|The Zeruhn Report]]&lt;br /&gt;
|Quest&lt;br /&gt;
|Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
| 1-2&lt;br /&gt;
| [[Bastok Mission 1-2|A Geological Survey]]&lt;br /&gt;
|Quest&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
| 1-3&lt;br /&gt;
| [[Bastok Mission 1-3|Fetichism]]&lt;br /&gt;
|Repeatable&lt;br /&gt;
|Rank 2&amp;lt;br /&amp;gt;1000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#5B6693&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#5B6693&amp;quot; rowspan=&amp;quot;4&amp;quot; |&amp;lt;span style=&amp;quot;color:#E9DC76; font-size:200%;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&lt;br /&gt;
| 2-1&lt;br /&gt;
| [[Bastok Mission 2-1|The Crystal Line]]&lt;br /&gt;
|Quest&lt;br /&gt;
|Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
| 2-2&lt;br /&gt;
| [[Bastok Mission 2-2|Wading Beasts]]&lt;br /&gt;
|Repeatable&lt;br /&gt;
|Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
| 2-3&lt;br /&gt;
| [[Bastok Mission 2-3|The Emissary]]&lt;br /&gt;
|BCNM&lt;br /&gt;
|Rank 3&amp;lt;br /&amp;gt;3,000gil&amp;lt;br /&amp;gt;{{KI}} [[Adventurer&#039;s Certificate]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#5B6693&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#5B6693&amp;quot; rowspan=&amp;quot;4&amp;quot; |&amp;lt;span style=&amp;quot;color:#E9DC76; font-size:200%;&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&lt;br /&gt;
| 3-1&lt;br /&gt;
| [[Bastok Mission 3-1|The Four Musketeers]]&lt;br /&gt;
|Quest&lt;br /&gt;
|Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
| 3-2&lt;br /&gt;
| [[Bastok Mission 3-2|To the Forsaken Mines]]&lt;br /&gt;
|Repeatable&lt;br /&gt;
|Rank Points&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
| 3-3&lt;br /&gt;
| [[Bastok Mission 3-3|Jeuno]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank 4&amp;lt;br /&amp;gt;5,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#5B6693&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#5B6693&amp;quot; rowspan=&amp;quot;2&amp;quot;|&amp;lt;span style=&amp;quot;color:#E9DC76; font-size:200%;&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&lt;br /&gt;
| 4-1&lt;br /&gt;
| [[Bastok Mission 4-1|Magicite]]&lt;br /&gt;
|Quest&lt;br /&gt;
|Rank 5&amp;lt;br /&amp;gt;10,000 gil&amp;lt;br /&amp;gt;{{KI}} [[Airship Pass]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#5B6693&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#5B6693&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#E9DC76; font-size:200%;&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&lt;br /&gt;
| 5-1&lt;br /&gt;
| [[Bastok Mission 5-1|Darkness Rising]]&lt;br /&gt;
|BCNM&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
| 5-2&lt;br /&gt;
| [[Bastok Mission 5-2|Xarcabard, Land of Truths]]&lt;br /&gt;
|BCNM&lt;br /&gt;
|Rank 6&amp;lt;br /&amp;gt;20,000 gil&amp;lt;br /&amp;gt;Unlock [[:Category:Zilart Missions|Zilart Missions]]&amp;lt;br /&amp;gt;Unlock [[Dynamis]]&lt;br /&gt;
|-BGCOLOR=&amp;quot;#5B6693&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#5B6693&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#E9DC76; font-size:200%;&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;&lt;br /&gt;
| 6-1&lt;br /&gt;
| [[Bastok Mission 6-1|Return of the Talekeeper]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
| 6-2&lt;br /&gt;
| [[Bastok Mission 6-2|The Pirates&#039; Cove]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank 7&amp;lt;br /&amp;gt;40,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#5B6693&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#5B6693&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#E9DC76; font-size:200%;&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;&lt;br /&gt;
| 7-1&lt;br /&gt;
| [[Bastok Mission 7-1|The Final Image]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
| 7-2&lt;br /&gt;
| [[Bastok Mission 7-2|On My Way]]&lt;br /&gt;
|BCNM&lt;br /&gt;
|Rank 8&amp;lt;br /&amp;gt;60,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#5B6693&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#5B6693&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#E9DC76; font-size:200%;&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;&lt;br /&gt;
| 8-1&lt;br /&gt;
| [[Bastok Mission 8-1|The Chains That Bind Us]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
| 8-2&lt;br /&gt;
| [[Bastok Mission 8-2|Enter the Talekeeper]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank 9&amp;lt;br /&amp;gt;80,000 gil&lt;br /&gt;
|-BGCOLOR=&amp;quot;#5B6693&amp;quot;&lt;br /&gt;
!colspan=&amp;quot;4&amp;quot;|&lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
! BGCOLOR=&amp;quot;#5B6693&amp;quot; rowspan=&amp;quot;3&amp;quot; |&amp;lt;span style=&amp;quot;color:#E9DC76; font-size:200%;&amp;quot;&amp;gt;9&amp;lt;/span&amp;gt;&lt;br /&gt;
| 9-1&lt;br /&gt;
| [[Bastok Mission 9-1|The Salt of the Earth]]&lt;br /&gt;
|Fight&lt;br /&gt;
|Rank Points &lt;br /&gt;
|-BGCOLOR=&amp;quot;#C5C6DF&amp;quot;&lt;br /&gt;
| 9-2&lt;br /&gt;
| [[Bastok Mission 9-2|Where Two Paths Converge]]&lt;br /&gt;
|BCNM&lt;br /&gt;
|Rank 10&amp;lt;br /&amp;gt;100,000 gil&amp;lt;br /&amp;gt;[[Bastokan Flag]]&amp;lt;br /&amp;gt;Ability to buy {{KI}} [[Atma of the Hero]]&lt;br /&gt;
|-&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Cutscene:&#039;&#039;&#039; A mission that is entirely or almost entirely cutscenes.&lt;br /&gt;
*&#039;&#039;&#039;Quest:&#039;&#039;&#039; A mission that involves a lot of running around and cutscenes.   &lt;br /&gt;
*&#039;&#039;&#039;Dungeon:&#039;&#039;&#039; A mission that takes place mostly in a dungeon, such as Promyvion or Sacrarium.&lt;br /&gt;
*&#039;&#039;&#039;Fight:&#039;&#039;&#039; A mission that mostly involves one or many NM fights. &lt;br /&gt;
*&#039;&#039;&#039;BCNM:&#039;&#039;&#039; A mission that is either solely a BCNM, or culminates in a BCNM fight. Usually referenced along with Dungeon-type missions. &lt;br /&gt;
*&#039;&#039;&#039;Repeatable:&#039;&#039;&#039; A mission that may involve any of the above, but is capable of being repeated for more Rank Points.&lt;br /&gt;
&lt;br /&gt;
If you do not meet the &#039;&#039;&#039;Rank Point&#039;&#039;&#039; requirement to start the next mission, you can trade [[crystals]] to one of the [[Conquest Points/Bastok Items|Conquest Guards]] to increase your &#039;&#039;&#039;Rank Points&#039;&#039;&#039; until you meet the required amount.&lt;br /&gt;
&lt;br /&gt;
[[Category:Missions]]&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102989</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102989"/>
		<updated>2026-07-05T16:35:21Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: ZenithXI Batch 9 follow-up: mission-list rows using style=background (Rhapsodies-style) not just bgcolor attribute&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: New Year event moogle-stall tables (~8-9 pages) =====&lt;br /&gt;
   New_Year_2018..2024/Guide &amp;quot;Left/Right Moogle&amp;quot; tables: header bg #990e0e + border #616ff3 +&lt;br /&gt;
   inline color:#57c669 (green, overridden to gold for header consistency), body rows use&lt;br /&gt;
   plain bgcolor=&amp;quot;#f5f5f5&amp;quot; (common grey, not hooked globally) -- anchor-scope those to tables&lt;br /&gt;
   that also carry the distinctive #990e0e header marker, same :has() trick used for the&lt;br /&gt;
   History-of-FFXI outer wrapper. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;616ff3&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;990e0e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table:has([style*=&amp;quot;990e0e&amp;quot; i]) [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Myriad Arms of Balrahn relic-lore panels (~20 pages) =====&lt;br /&gt;
   Parchment-tan prose panels (not data tables, no header row) on the index page and each&lt;br /&gt;
   of the 20 individual relic weapon lore pages. Just needs dark-panel + readable text. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8d6c3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d2cdc2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: mechanic-page equipment-modifier table headers =====&lt;br /&gt;
   e.g. Avatar_perpetuation_cost: distinctive header hexes #ccaaff and #C3C6DD. These pages&lt;br /&gt;
   also use plain #f5f5f5/#eeeeff/#ffffff row backgrounds like several other legacy tables --&lt;br /&gt;
   left alone here (too generic/common to hook without per-page anchoring, and this group&#039;s&lt;br /&gt;
   page-sets don&#039;t fully overlap per the frequency scan, suggesting more than one source&lt;br /&gt;
   template). Revisit with per-page anchors if this becomes a priority. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c3c6dd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ccaaff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: generic &amp;quot;skill cap / spell list&amp;quot; data tables (~100+ pages) =====&lt;br /&gt;
   A very widely-reused hand-copied table convention spanning Skill_Caps/* subpages,&lt;br /&gt;
   Evasion_Skill/Guard_Skill/Parrying_Skill/Shield_Skill, spell-type Category pages&lt;br /&gt;
   (Elemental_Magic, Ninjutsu, Dark_Magic, Divine_Magic, Enfeebling_Magic, Geomancy,&lt;br /&gt;
   Healing_Magic, Song, Summoning_Magic), and dozens of Version_Update/gear-set/guide pages:&lt;br /&gt;
   an outer table background-color:#000878 (dark navy), header row bgcolor #ADBDCC or the&lt;br /&gt;
   already-hooked #C3C6DD, and zebra body rows bgcolor #FFFFFF/#dfe4ff (Skill_Caps family) or&lt;br /&gt;
   no-bgcolor/#EAF0FF (Category spell-list family, which wraps in a thin border:#6ea9e5 box&lt;br /&gt;
   instead of the navy fill). These hexes were invisible to earlier frequency scans because the&lt;br /&gt;
   wiki DB&#039;s text column is binary-collated (case-sensitive LIKE, LOWER() is a no-op) and the&lt;br /&gt;
   scans searched a different case than what these pages actually use. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;000878&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;000878&amp;quot; i] [bgcolor*=&amp;quot;ffffff&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;adbdcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;adbdcc&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;dfe4ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dfe4ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6ea9e5&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Abyssea Navigation nav-box + Flowchart Map headers (~40 pages) =====&lt;br /&gt;
   Template:Abyssea_Navigation&#039;s title bar and its 3 quadrant headers (Vision/Scars/Heroes),&lt;br /&gt;
   plus the identical #3a1d23 &amp;quot;Linked Zone Map&amp;quot; header hand-copied on every Abyssea zone page. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3a1d23&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;01155c&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;510e3a&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;410e0a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
/* Template:Abyssea Navigation&#039;s plain #e8e8e8 rows -- scoped via a &amp;quot;zx-abyssea-nav&amp;quot; class&lt;br /&gt;
   added to the template itself (too common a grey to hook globally). */&lt;br /&gt;
.zx-abyssea-nav [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: checklist-template family (~10 pages) =====&lt;br /&gt;
   Abyssea_Quests_Checklist / All_Missions_Checklist / All_Home_Points_Checklist /&lt;br /&gt;
   All_Survival_Guides_Checklist share a purple title bar + item-box border (#8C6395) and pale&lt;br /&gt;
   item-box backgrounds (#EEEEFF/#FFEEEE/#EEFFEE). Each mission-line&#039;s own one-off saturated&lt;br /&gt;
   title color (e.g. #01155C above, #085801, #19437F, ...) is left alone -- already white-text-&lt;br /&gt;
   on-dark-color, readable regardless of site theme, not worth per-hex hooking for ~1-2 pages each. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;8c6395&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeeeff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeffee&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: #dddddd border companion (~65 pages) =====&lt;br /&gt;
   Border-only companion color paired with the already-hooked #efeeee/#f5f5f5 pale cells&lt;br /&gt;
   across Community guide item-upgrade tables, Dynamis pages, Mission pages, etc. Safe to hook&lt;br /&gt;
   globally since it only ever sets border-color, never background or text color on its own. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dddddd&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Template:Imgpop / Template:Zone Quick Travel Row hover-popup boxes =====&lt;br /&gt;
   .has-image-popup / .image-popup is the hover-to-reveal item icon tooltip used via {{imgpop}}&lt;br /&gt;
   on an enormous fraction of the wiki&#039;s pages (every NM loot list, equipment table, etc.), plus&lt;br /&gt;
   the zone travel-map popup. Its border is plain #DDDDDD and its background defaults to&lt;br /&gt;
   #FFFFFF (or an arbitrary per-call custom color) -- override both directly via the class so&lt;br /&gt;
   every popup is theme-consistent regardless of what color a page author originally chose. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content .image-popup {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.94), rgba(11,15,24,.97)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: universal &amp;quot;Userbox Templates&amp;quot; family (~130+ templates) =====&lt;br /&gt;
   Every template in Category:Userbox Templates (Aegis, Abyssea_Complete, Laptop_Player,&lt;br /&gt;
   Alchemist, Bastok_Fame, ...) shares one identical boilerplate shell, just with a different&lt;br /&gt;
   inner/outer color pair per badge:&lt;br /&gt;
     &amp;lt;div style=&amp;quot;float:left; border:solid #808080 2px; margin:1px;&amp;quot;&amp;gt;&lt;br /&gt;
       {| style=&amp;quot;...background:#&amp;lt;OUTER&amp;gt;;&amp;quot;&lt;br /&gt;
       | style=&amp;quot;...background:#&amp;lt;INNER&amp;gt;;...color:black;&amp;quot; | icon&lt;br /&gt;
       | style=&amp;quot;...color:black;&amp;quot; | text&lt;br /&gt;
       |}&amp;lt;/div&amp;gt;&lt;br /&gt;
   Rather than hooking each badge&#039;s own color pair individually (dozens of them, e.g.&lt;br /&gt;
   #8b6969/#cdcdb4, #e3c59d/#f5deb3, #e9e9e9, #e0e0e0, #333399/#7777ee, ...), target the shell&lt;br /&gt;
   structurally via its universal #808080 border -- this covers every current AND future badge&lt;br /&gt;
   in the family regardless of which specific colors it uses. Some badges use color:ivory for&lt;br /&gt;
   contrast instead of black (already legible on a dark panel, left alone); color:black is&lt;br /&gt;
   scoped-overridden since it would otherwise be unreadable on the new dark background,&lt;br /&gt;
   including when nested inside a {{Color|black|...}}-generated inner span. */&lt;br /&gt;
&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] table,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] td,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color: black&amp;quot; i],&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color:black&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: Relic/AF/Empyrean armor category-nav + Bestiary table palettes =====&lt;br /&gt;
   Gaps left by earlier hooks of sibling colors in the same small template families. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;686c6e&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;686c6e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;214c58&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;214c58&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac7e4f&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ac7e4f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c1b288&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c1b288&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: AF_+1 slot-label + zone-info two-column headers =====*/&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f5faff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;f5faff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6e96d5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;6e96d5&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: checklist-family (Abyssite/Adoulin/Aeonic/... _Checklist) body cells =====&lt;br /&gt;
   These &amp;quot;*_Checklist&amp;quot; templates use the same .bdrdarkblue wrapper class as other already-themed&lt;br /&gt;
   collapsible tables, but their own body cells set plain #F5F5F5/#EFEFEF backgrounds directly&lt;br /&gt;
   (overriding the table-level dark panel) and a #DEDEDE tier-callout div border-paired with the&lt;br /&gt;
   already-hooked #4696CF. Scoped to .bdrdarkblue rather than hooked globally since F5F5F5/EFEFEF&lt;br /&gt;
   are too common elsewhere on the wiki. */&lt;br /&gt;
&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;f5f5f5&amp;quot; i],&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;efefef&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;dedede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: job-page mini-infobox (all 22 Job pages, e.g. Bard) ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cacaca&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cacaca&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ebebeb&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ebebeb&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Guide Equipment Set border (All_Jobs_Gear_Sets/*, ~24 pages) =====&lt;br /&gt;
   Set Name Text Shadow (#000080) is a decorative text-shadow, left alone (same precedent as&lt;br /&gt;
   the Abyssea Flowchart Map header&#039;s shadow) -- only the border-color companion needs a hook. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;51414f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: &amp;quot;Time Gated Content&amp;quot; warning banner (~22 pages) ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeec&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa99f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Gobbie Mystery Box reward-table body rows ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;e9f1f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e9f1f9&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: mission-walkthrough header (Promathia/CoP missions, ~18 pages) =====&lt;br /&gt;
   Table itself already carries class=&amp;quot;missions&amp;quot; (dark-paneled), but this header row&#039;s own&lt;br /&gt;
   background overrides that -- same gap pattern as several earlier batches. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5353&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Mog Bonanza event pages (~15-17 yearly pages) =====&lt;br /&gt;
   No shared template/class -- anchor off the distinctive #ABABAB border rather than hooking&lt;br /&gt;
   the more common #E4E4E4/#EDEDED backgrounds bare. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;ababab&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;ababab&amp;quot; i] [style*=&amp;quot;ededed&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: misc small completions ===== */&lt;br /&gt;
&lt;br /&gt;
/* Lore/spoilers collapsible box -- exact-phrase matched (not a bare &amp;quot;ccf&amp;quot; substring) since a&lt;br /&gt;
   3-digit shorthand hex is short enough to coincidentally appear inside unrelated 6-digit&lt;br /&gt;
   hexes (e.g. #AACCFF), which a bare substring selector would wrongly catch. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;background-color: #ccf&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;background-color:#ccf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Moon Phase gate-timing row shade (dungeon zone pages) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;e3e6ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e3e6ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Oboro-style reforge table header -- completes existing 4696cf/cee0f2/dfe4ff coverage */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4499ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4499ff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 9: mission-list category pages (Bastok/Windurst/San d&#039;Oria/Zilart/&lt;br /&gt;
   Promathia/Aht Urhgan/Wings of the Goddess/Seekers of Adoulin/Rhapsodies/Crystalline/&lt;br /&gt;
   A Moogle Kupo d&#039;Etat/A Shantotto Ascension/Abyssea/Voidwatch/Voracious Resurgence Missions) =====&lt;br /&gt;
   Each of these hand-copies an identical table structure (outer table with color:black, header&lt;br /&gt;
   row + rank/divider cells via BGCOLOR=, body rows via BGCOLOR=) but with its OWN distinct&lt;br /&gt;
   4-color palette per nation/expansion (e.g. Bastok navy #1A1C80/#5B6693/#C5C6DF, San d&#039;Oria&lt;br /&gt;
   maroon #36070F/#6E3941/#F5A4B1, Zilart rust #8C3D0C/#F2D09D). Rather than enumerating every&lt;br /&gt;
   page&#039;s own palette, add a shared &amp;quot;zx-mission-list&amp;quot; class to each page&#039;s outer table and&lt;br /&gt;
   neutralize every BGCOLOR fill to transparent -- each page&#039;s own &amp;lt;span style=&amp;quot;color:...&amp;quot;&amp;gt; on&lt;br /&gt;
   its header/rank-number text (e.g. Bastok&#039;s gold #E9DC76) is left untouched, so once the&lt;br /&gt;
   background goes transparent that accent color naturally reads as a themed header color&lt;br /&gt;
   against the dark page background, still distinct per nation, with zero per-page color&lt;br /&gt;
   enumeration needed. */&lt;br /&gt;
&lt;br /&gt;
.zx-mission-list {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list [bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 9 follow-up: some mission-list pages (e.g. Rhapsodies of Vanadiel Missions) shade rows&lt;br /&gt;
   via style=&amp;quot;background: #hex&amp;quot; rather than the bgcolor= HTML attribute -- catch both forms. */&lt;br /&gt;
.zx-mission-list [style*=&amp;quot;background&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102988</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102988"/>
		<updated>2026-07-05T16:33:43Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: ZenithXI Batch 9: mission-list tables (Bastok/Windurst/San d&amp;#039;Oria/Zilart/Promathia/... Missions category pages) via zx-mission-list class&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: New Year event moogle-stall tables (~8-9 pages) =====&lt;br /&gt;
   New_Year_2018..2024/Guide &amp;quot;Left/Right Moogle&amp;quot; tables: header bg #990e0e + border #616ff3 +&lt;br /&gt;
   inline color:#57c669 (green, overridden to gold for header consistency), body rows use&lt;br /&gt;
   plain bgcolor=&amp;quot;#f5f5f5&amp;quot; (common grey, not hooked globally) -- anchor-scope those to tables&lt;br /&gt;
   that also carry the distinctive #990e0e header marker, same :has() trick used for the&lt;br /&gt;
   History-of-FFXI outer wrapper. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;616ff3&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;990e0e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table:has([style*=&amp;quot;990e0e&amp;quot; i]) [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Myriad Arms of Balrahn relic-lore panels (~20 pages) =====&lt;br /&gt;
   Parchment-tan prose panels (not data tables, no header row) on the index page and each&lt;br /&gt;
   of the 20 individual relic weapon lore pages. Just needs dark-panel + readable text. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8d6c3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d2cdc2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: mechanic-page equipment-modifier table headers =====&lt;br /&gt;
   e.g. Avatar_perpetuation_cost: distinctive header hexes #ccaaff and #C3C6DD. These pages&lt;br /&gt;
   also use plain #f5f5f5/#eeeeff/#ffffff row backgrounds like several other legacy tables --&lt;br /&gt;
   left alone here (too generic/common to hook without per-page anchoring, and this group&#039;s&lt;br /&gt;
   page-sets don&#039;t fully overlap per the frequency scan, suggesting more than one source&lt;br /&gt;
   template). Revisit with per-page anchors if this becomes a priority. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c3c6dd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ccaaff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: generic &amp;quot;skill cap / spell list&amp;quot; data tables (~100+ pages) =====&lt;br /&gt;
   A very widely-reused hand-copied table convention spanning Skill_Caps/* subpages,&lt;br /&gt;
   Evasion_Skill/Guard_Skill/Parrying_Skill/Shield_Skill, spell-type Category pages&lt;br /&gt;
   (Elemental_Magic, Ninjutsu, Dark_Magic, Divine_Magic, Enfeebling_Magic, Geomancy,&lt;br /&gt;
   Healing_Magic, Song, Summoning_Magic), and dozens of Version_Update/gear-set/guide pages:&lt;br /&gt;
   an outer table background-color:#000878 (dark navy), header row bgcolor #ADBDCC or the&lt;br /&gt;
   already-hooked #C3C6DD, and zebra body rows bgcolor #FFFFFF/#dfe4ff (Skill_Caps family) or&lt;br /&gt;
   no-bgcolor/#EAF0FF (Category spell-list family, which wraps in a thin border:#6ea9e5 box&lt;br /&gt;
   instead of the navy fill). These hexes were invisible to earlier frequency scans because the&lt;br /&gt;
   wiki DB&#039;s text column is binary-collated (case-sensitive LIKE, LOWER() is a no-op) and the&lt;br /&gt;
   scans searched a different case than what these pages actually use. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;000878&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;000878&amp;quot; i] [bgcolor*=&amp;quot;ffffff&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;adbdcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;adbdcc&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;dfe4ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dfe4ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6ea9e5&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Abyssea Navigation nav-box + Flowchart Map headers (~40 pages) =====&lt;br /&gt;
   Template:Abyssea_Navigation&#039;s title bar and its 3 quadrant headers (Vision/Scars/Heroes),&lt;br /&gt;
   plus the identical #3a1d23 &amp;quot;Linked Zone Map&amp;quot; header hand-copied on every Abyssea zone page. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3a1d23&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;01155c&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;510e3a&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;410e0a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
/* Template:Abyssea Navigation&#039;s plain #e8e8e8 rows -- scoped via a &amp;quot;zx-abyssea-nav&amp;quot; class&lt;br /&gt;
   added to the template itself (too common a grey to hook globally). */&lt;br /&gt;
.zx-abyssea-nav [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: checklist-template family (~10 pages) =====&lt;br /&gt;
   Abyssea_Quests_Checklist / All_Missions_Checklist / All_Home_Points_Checklist /&lt;br /&gt;
   All_Survival_Guides_Checklist share a purple title bar + item-box border (#8C6395) and pale&lt;br /&gt;
   item-box backgrounds (#EEEEFF/#FFEEEE/#EEFFEE). Each mission-line&#039;s own one-off saturated&lt;br /&gt;
   title color (e.g. #01155C above, #085801, #19437F, ...) is left alone -- already white-text-&lt;br /&gt;
   on-dark-color, readable regardless of site theme, not worth per-hex hooking for ~1-2 pages each. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;8c6395&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeeeff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeffee&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: #dddddd border companion (~65 pages) =====&lt;br /&gt;
   Border-only companion color paired with the already-hooked #efeeee/#f5f5f5 pale cells&lt;br /&gt;
   across Community guide item-upgrade tables, Dynamis pages, Mission pages, etc. Safe to hook&lt;br /&gt;
   globally since it only ever sets border-color, never background or text color on its own. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dddddd&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Template:Imgpop / Template:Zone Quick Travel Row hover-popup boxes =====&lt;br /&gt;
   .has-image-popup / .image-popup is the hover-to-reveal item icon tooltip used via {{imgpop}}&lt;br /&gt;
   on an enormous fraction of the wiki&#039;s pages (every NM loot list, equipment table, etc.), plus&lt;br /&gt;
   the zone travel-map popup. Its border is plain #DDDDDD and its background defaults to&lt;br /&gt;
   #FFFFFF (or an arbitrary per-call custom color) -- override both directly via the class so&lt;br /&gt;
   every popup is theme-consistent regardless of what color a page author originally chose. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content .image-popup {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.94), rgba(11,15,24,.97)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: universal &amp;quot;Userbox Templates&amp;quot; family (~130+ templates) =====&lt;br /&gt;
   Every template in Category:Userbox Templates (Aegis, Abyssea_Complete, Laptop_Player,&lt;br /&gt;
   Alchemist, Bastok_Fame, ...) shares one identical boilerplate shell, just with a different&lt;br /&gt;
   inner/outer color pair per badge:&lt;br /&gt;
     &amp;lt;div style=&amp;quot;float:left; border:solid #808080 2px; margin:1px;&amp;quot;&amp;gt;&lt;br /&gt;
       {| style=&amp;quot;...background:#&amp;lt;OUTER&amp;gt;;&amp;quot;&lt;br /&gt;
       | style=&amp;quot;...background:#&amp;lt;INNER&amp;gt;;...color:black;&amp;quot; | icon&lt;br /&gt;
       | style=&amp;quot;...color:black;&amp;quot; | text&lt;br /&gt;
       |}&amp;lt;/div&amp;gt;&lt;br /&gt;
   Rather than hooking each badge&#039;s own color pair individually (dozens of them, e.g.&lt;br /&gt;
   #8b6969/#cdcdb4, #e3c59d/#f5deb3, #e9e9e9, #e0e0e0, #333399/#7777ee, ...), target the shell&lt;br /&gt;
   structurally via its universal #808080 border -- this covers every current AND future badge&lt;br /&gt;
   in the family regardless of which specific colors it uses. Some badges use color:ivory for&lt;br /&gt;
   contrast instead of black (already legible on a dark panel, left alone); color:black is&lt;br /&gt;
   scoped-overridden since it would otherwise be unreadable on the new dark background,&lt;br /&gt;
   including when nested inside a {{Color|black|...}}-generated inner span. */&lt;br /&gt;
&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] table,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] td,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color: black&amp;quot; i],&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color:black&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: Relic/AF/Empyrean armor category-nav + Bestiary table palettes =====&lt;br /&gt;
   Gaps left by earlier hooks of sibling colors in the same small template families. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;686c6e&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;686c6e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;214c58&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;214c58&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac7e4f&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ac7e4f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c1b288&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c1b288&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: AF_+1 slot-label + zone-info two-column headers =====*/&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f5faff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;f5faff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6e96d5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;6e96d5&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: checklist-family (Abyssite/Adoulin/Aeonic/... _Checklist) body cells =====&lt;br /&gt;
   These &amp;quot;*_Checklist&amp;quot; templates use the same .bdrdarkblue wrapper class as other already-themed&lt;br /&gt;
   collapsible tables, but their own body cells set plain #F5F5F5/#EFEFEF backgrounds directly&lt;br /&gt;
   (overriding the table-level dark panel) and a #DEDEDE tier-callout div border-paired with the&lt;br /&gt;
   already-hooked #4696CF. Scoped to .bdrdarkblue rather than hooked globally since F5F5F5/EFEFEF&lt;br /&gt;
   are too common elsewhere on the wiki. */&lt;br /&gt;
&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;f5f5f5&amp;quot; i],&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;efefef&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;dedede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: job-page mini-infobox (all 22 Job pages, e.g. Bard) ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cacaca&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cacaca&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ebebeb&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ebebeb&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Guide Equipment Set border (All_Jobs_Gear_Sets/*, ~24 pages) =====&lt;br /&gt;
   Set Name Text Shadow (#000080) is a decorative text-shadow, left alone (same precedent as&lt;br /&gt;
   the Abyssea Flowchart Map header&#039;s shadow) -- only the border-color companion needs a hook. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;51414f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: &amp;quot;Time Gated Content&amp;quot; warning banner (~22 pages) ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeec&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa99f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Gobbie Mystery Box reward-table body rows ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;e9f1f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e9f1f9&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: mission-walkthrough header (Promathia/CoP missions, ~18 pages) =====&lt;br /&gt;
   Table itself already carries class=&amp;quot;missions&amp;quot; (dark-paneled), but this header row&#039;s own&lt;br /&gt;
   background overrides that -- same gap pattern as several earlier batches. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5353&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Mog Bonanza event pages (~15-17 yearly pages) =====&lt;br /&gt;
   No shared template/class -- anchor off the distinctive #ABABAB border rather than hooking&lt;br /&gt;
   the more common #E4E4E4/#EDEDED backgrounds bare. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;ababab&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;ababab&amp;quot; i] [style*=&amp;quot;ededed&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: misc small completions ===== */&lt;br /&gt;
&lt;br /&gt;
/* Lore/spoilers collapsible box -- exact-phrase matched (not a bare &amp;quot;ccf&amp;quot; substring) since a&lt;br /&gt;
   3-digit shorthand hex is short enough to coincidentally appear inside unrelated 6-digit&lt;br /&gt;
   hexes (e.g. #AACCFF), which a bare substring selector would wrongly catch. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;background-color: #ccf&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;background-color:#ccf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Moon Phase gate-timing row shade (dungeon zone pages) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;e3e6ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e3e6ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Oboro-style reforge table header -- completes existing 4696cf/cee0f2/dfe4ff coverage */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4499ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4499ff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 9: mission-list category pages (Bastok/Windurst/San d&#039;Oria/Zilart/&lt;br /&gt;
   Promathia/Aht Urhgan/Wings of the Goddess/Seekers of Adoulin/Rhapsodies/Crystalline/&lt;br /&gt;
   A Moogle Kupo d&#039;Etat/A Shantotto Ascension/Abyssea/Voidwatch/Voracious Resurgence Missions) =====&lt;br /&gt;
   Each of these hand-copies an identical table structure (outer table with color:black, header&lt;br /&gt;
   row + rank/divider cells via BGCOLOR=, body rows via BGCOLOR=) but with its OWN distinct&lt;br /&gt;
   4-color palette per nation/expansion (e.g. Bastok navy #1A1C80/#5B6693/#C5C6DF, San d&#039;Oria&lt;br /&gt;
   maroon #36070F/#6E3941/#F5A4B1, Zilart rust #8C3D0C/#F2D09D). Rather than enumerating every&lt;br /&gt;
   page&#039;s own palette, add a shared &amp;quot;zx-mission-list&amp;quot; class to each page&#039;s outer table and&lt;br /&gt;
   neutralize every BGCOLOR fill to transparent -- each page&#039;s own &amp;lt;span style=&amp;quot;color:...&amp;quot;&amp;gt; on&lt;br /&gt;
   its header/rank-number text (e.g. Bastok&#039;s gold #E9DC76) is left untouched, so once the&lt;br /&gt;
   background goes transparent that accent color naturally reads as a themed header color&lt;br /&gt;
   against the dark page background, still distinct per nation, with zero per-page color&lt;br /&gt;
   enumeration needed. */&lt;br /&gt;
&lt;br /&gt;
.zx-mission-list {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-mission-list [bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102987</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102987"/>
		<updated>2026-07-05T16:17:46Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: ZenithXI Batch 8: Main+Category rescan findings — job-page mini-infobox, Time Gated banner, Mog Bonanza, mission headers, misc completions&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: New Year event moogle-stall tables (~8-9 pages) =====&lt;br /&gt;
   New_Year_2018..2024/Guide &amp;quot;Left/Right Moogle&amp;quot; tables: header bg #990e0e + border #616ff3 +&lt;br /&gt;
   inline color:#57c669 (green, overridden to gold for header consistency), body rows use&lt;br /&gt;
   plain bgcolor=&amp;quot;#f5f5f5&amp;quot; (common grey, not hooked globally) -- anchor-scope those to tables&lt;br /&gt;
   that also carry the distinctive #990e0e header marker, same :has() trick used for the&lt;br /&gt;
   History-of-FFXI outer wrapper. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;616ff3&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;990e0e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table:has([style*=&amp;quot;990e0e&amp;quot; i]) [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Myriad Arms of Balrahn relic-lore panels (~20 pages) =====&lt;br /&gt;
   Parchment-tan prose panels (not data tables, no header row) on the index page and each&lt;br /&gt;
   of the 20 individual relic weapon lore pages. Just needs dark-panel + readable text. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8d6c3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d2cdc2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: mechanic-page equipment-modifier table headers =====&lt;br /&gt;
   e.g. Avatar_perpetuation_cost: distinctive header hexes #ccaaff and #C3C6DD. These pages&lt;br /&gt;
   also use plain #f5f5f5/#eeeeff/#ffffff row backgrounds like several other legacy tables --&lt;br /&gt;
   left alone here (too generic/common to hook without per-page anchoring, and this group&#039;s&lt;br /&gt;
   page-sets don&#039;t fully overlap per the frequency scan, suggesting more than one source&lt;br /&gt;
   template). Revisit with per-page anchors if this becomes a priority. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c3c6dd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ccaaff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: generic &amp;quot;skill cap / spell list&amp;quot; data tables (~100+ pages) =====&lt;br /&gt;
   A very widely-reused hand-copied table convention spanning Skill_Caps/* subpages,&lt;br /&gt;
   Evasion_Skill/Guard_Skill/Parrying_Skill/Shield_Skill, spell-type Category pages&lt;br /&gt;
   (Elemental_Magic, Ninjutsu, Dark_Magic, Divine_Magic, Enfeebling_Magic, Geomancy,&lt;br /&gt;
   Healing_Magic, Song, Summoning_Magic), and dozens of Version_Update/gear-set/guide pages:&lt;br /&gt;
   an outer table background-color:#000878 (dark navy), header row bgcolor #ADBDCC or the&lt;br /&gt;
   already-hooked #C3C6DD, and zebra body rows bgcolor #FFFFFF/#dfe4ff (Skill_Caps family) or&lt;br /&gt;
   no-bgcolor/#EAF0FF (Category spell-list family, which wraps in a thin border:#6ea9e5 box&lt;br /&gt;
   instead of the navy fill). These hexes were invisible to earlier frequency scans because the&lt;br /&gt;
   wiki DB&#039;s text column is binary-collated (case-sensitive LIKE, LOWER() is a no-op) and the&lt;br /&gt;
   scans searched a different case than what these pages actually use. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;000878&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;000878&amp;quot; i] [bgcolor*=&amp;quot;ffffff&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;adbdcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;adbdcc&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;dfe4ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dfe4ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6ea9e5&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Abyssea Navigation nav-box + Flowchart Map headers (~40 pages) =====&lt;br /&gt;
   Template:Abyssea_Navigation&#039;s title bar and its 3 quadrant headers (Vision/Scars/Heroes),&lt;br /&gt;
   plus the identical #3a1d23 &amp;quot;Linked Zone Map&amp;quot; header hand-copied on every Abyssea zone page. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3a1d23&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;01155c&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;510e3a&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;410e0a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
/* Template:Abyssea Navigation&#039;s plain #e8e8e8 rows -- scoped via a &amp;quot;zx-abyssea-nav&amp;quot; class&lt;br /&gt;
   added to the template itself (too common a grey to hook globally). */&lt;br /&gt;
.zx-abyssea-nav [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: checklist-template family (~10 pages) =====&lt;br /&gt;
   Abyssea_Quests_Checklist / All_Missions_Checklist / All_Home_Points_Checklist /&lt;br /&gt;
   All_Survival_Guides_Checklist share a purple title bar + item-box border (#8C6395) and pale&lt;br /&gt;
   item-box backgrounds (#EEEEFF/#FFEEEE/#EEFFEE). Each mission-line&#039;s own one-off saturated&lt;br /&gt;
   title color (e.g. #01155C above, #085801, #19437F, ...) is left alone -- already white-text-&lt;br /&gt;
   on-dark-color, readable regardless of site theme, not worth per-hex hooking for ~1-2 pages each. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;8c6395&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeeeff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeffee&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: #dddddd border companion (~65 pages) =====&lt;br /&gt;
   Border-only companion color paired with the already-hooked #efeeee/#f5f5f5 pale cells&lt;br /&gt;
   across Community guide item-upgrade tables, Dynamis pages, Mission pages, etc. Safe to hook&lt;br /&gt;
   globally since it only ever sets border-color, never background or text color on its own. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dddddd&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Template:Imgpop / Template:Zone Quick Travel Row hover-popup boxes =====&lt;br /&gt;
   .has-image-popup / .image-popup is the hover-to-reveal item icon tooltip used via {{imgpop}}&lt;br /&gt;
   on an enormous fraction of the wiki&#039;s pages (every NM loot list, equipment table, etc.), plus&lt;br /&gt;
   the zone travel-map popup. Its border is plain #DDDDDD and its background defaults to&lt;br /&gt;
   #FFFFFF (or an arbitrary per-call custom color) -- override both directly via the class so&lt;br /&gt;
   every popup is theme-consistent regardless of what color a page author originally chose. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content .image-popup {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.94), rgba(11,15,24,.97)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: universal &amp;quot;Userbox Templates&amp;quot; family (~130+ templates) =====&lt;br /&gt;
   Every template in Category:Userbox Templates (Aegis, Abyssea_Complete, Laptop_Player,&lt;br /&gt;
   Alchemist, Bastok_Fame, ...) shares one identical boilerplate shell, just with a different&lt;br /&gt;
   inner/outer color pair per badge:&lt;br /&gt;
     &amp;lt;div style=&amp;quot;float:left; border:solid #808080 2px; margin:1px;&amp;quot;&amp;gt;&lt;br /&gt;
       {| style=&amp;quot;...background:#&amp;lt;OUTER&amp;gt;;&amp;quot;&lt;br /&gt;
       | style=&amp;quot;...background:#&amp;lt;INNER&amp;gt;;...color:black;&amp;quot; | icon&lt;br /&gt;
       | style=&amp;quot;...color:black;&amp;quot; | text&lt;br /&gt;
       |}&amp;lt;/div&amp;gt;&lt;br /&gt;
   Rather than hooking each badge&#039;s own color pair individually (dozens of them, e.g.&lt;br /&gt;
   #8b6969/#cdcdb4, #e3c59d/#f5deb3, #e9e9e9, #e0e0e0, #333399/#7777ee, ...), target the shell&lt;br /&gt;
   structurally via its universal #808080 border -- this covers every current AND future badge&lt;br /&gt;
   in the family regardless of which specific colors it uses. Some badges use color:ivory for&lt;br /&gt;
   contrast instead of black (already legible on a dark panel, left alone); color:black is&lt;br /&gt;
   scoped-overridden since it would otherwise be unreadable on the new dark background,&lt;br /&gt;
   including when nested inside a {{Color|black|...}}-generated inner span. */&lt;br /&gt;
&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] table,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] td,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color: black&amp;quot; i],&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color:black&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: Relic/AF/Empyrean armor category-nav + Bestiary table palettes =====&lt;br /&gt;
   Gaps left by earlier hooks of sibling colors in the same small template families. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;686c6e&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;686c6e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;214c58&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;214c58&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac7e4f&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ac7e4f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c1b288&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c1b288&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: AF_+1 slot-label + zone-info two-column headers =====*/&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f5faff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;f5faff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6e96d5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;6e96d5&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: checklist-family (Abyssite/Adoulin/Aeonic/... _Checklist) body cells =====&lt;br /&gt;
   These &amp;quot;*_Checklist&amp;quot; templates use the same .bdrdarkblue wrapper class as other already-themed&lt;br /&gt;
   collapsible tables, but their own body cells set plain #F5F5F5/#EFEFEF backgrounds directly&lt;br /&gt;
   (overriding the table-level dark panel) and a #DEDEDE tier-callout div border-paired with the&lt;br /&gt;
   already-hooked #4696CF. Scoped to .bdrdarkblue rather than hooked globally since F5F5F5/EFEFEF&lt;br /&gt;
   are too common elsewhere on the wiki. */&lt;br /&gt;
&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;f5f5f5&amp;quot; i],&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;efefef&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;dedede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: job-page mini-infobox (all 22 Job pages, e.g. Bard) ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cacaca&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cacaca&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ebebeb&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ebebeb&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Guide Equipment Set border (All_Jobs_Gear_Sets/*, ~24 pages) =====&lt;br /&gt;
   Set Name Text Shadow (#000080) is a decorative text-shadow, left alone (same precedent as&lt;br /&gt;
   the Abyssea Flowchart Map header&#039;s shadow) -- only the border-color companion needs a hook. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;51414f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: &amp;quot;Time Gated Content&amp;quot; warning banner (~22 pages) ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeec&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa99f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Gobbie Mystery Box reward-table body rows ===== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;e9f1f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e9f1f9&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: mission-walkthrough header (Promathia/CoP missions, ~18 pages) =====&lt;br /&gt;
   Table itself already carries class=&amp;quot;missions&amp;quot; (dark-paneled), but this header row&#039;s own&lt;br /&gt;
   background overrides that -- same gap pattern as several earlier batches. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5353&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: Mog Bonanza event pages (~15-17 yearly pages) =====&lt;br /&gt;
   No shared template/class -- anchor off the distinctive #ABABAB border rather than hooking&lt;br /&gt;
   the more common #E4E4E4/#EDEDED backgrounds bare. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;ababab&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;ababab&amp;quot; i] [style*=&amp;quot;ededed&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 8: misc small completions ===== */&lt;br /&gt;
&lt;br /&gt;
/* Lore/spoilers collapsible box -- exact-phrase matched (not a bare &amp;quot;ccf&amp;quot; substring) since a&lt;br /&gt;
   3-digit shorthand hex is short enough to coincidentally appear inside unrelated 6-digit&lt;br /&gt;
   hexes (e.g. #AACCFF), which a bare substring selector would wrongly catch. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;background-color: #ccf&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;background-color:#ccf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Moon Phase gate-timing row shade (dungeon zone pages) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;e3e6ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e3e6ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Oboro-style reforge table header -- completes existing 4696cf/cee0f2/dfe4ff coverage */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4499ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4499ff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102986</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102986"/>
		<updated>2026-07-05T16:05:13Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: ZenithXI Batch 7: Template-namespace re-scan findings — universal userbox family (~130 templates), Relic/AF/Bestiary nav palette, checklist DEDEDE/F5F5F5&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: New Year event moogle-stall tables (~8-9 pages) =====&lt;br /&gt;
   New_Year_2018..2024/Guide &amp;quot;Left/Right Moogle&amp;quot; tables: header bg #990e0e + border #616ff3 +&lt;br /&gt;
   inline color:#57c669 (green, overridden to gold for header consistency), body rows use&lt;br /&gt;
   plain bgcolor=&amp;quot;#f5f5f5&amp;quot; (common grey, not hooked globally) -- anchor-scope those to tables&lt;br /&gt;
   that also carry the distinctive #990e0e header marker, same :has() trick used for the&lt;br /&gt;
   History-of-FFXI outer wrapper. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;616ff3&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;990e0e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table:has([style*=&amp;quot;990e0e&amp;quot; i]) [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Myriad Arms of Balrahn relic-lore panels (~20 pages) =====&lt;br /&gt;
   Parchment-tan prose panels (not data tables, no header row) on the index page and each&lt;br /&gt;
   of the 20 individual relic weapon lore pages. Just needs dark-panel + readable text. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8d6c3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d2cdc2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: mechanic-page equipment-modifier table headers =====&lt;br /&gt;
   e.g. Avatar_perpetuation_cost: distinctive header hexes #ccaaff and #C3C6DD. These pages&lt;br /&gt;
   also use plain #f5f5f5/#eeeeff/#ffffff row backgrounds like several other legacy tables --&lt;br /&gt;
   left alone here (too generic/common to hook without per-page anchoring, and this group&#039;s&lt;br /&gt;
   page-sets don&#039;t fully overlap per the frequency scan, suggesting more than one source&lt;br /&gt;
   template). Revisit with per-page anchors if this becomes a priority. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c3c6dd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ccaaff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: generic &amp;quot;skill cap / spell list&amp;quot; data tables (~100+ pages) =====&lt;br /&gt;
   A very widely-reused hand-copied table convention spanning Skill_Caps/* subpages,&lt;br /&gt;
   Evasion_Skill/Guard_Skill/Parrying_Skill/Shield_Skill, spell-type Category pages&lt;br /&gt;
   (Elemental_Magic, Ninjutsu, Dark_Magic, Divine_Magic, Enfeebling_Magic, Geomancy,&lt;br /&gt;
   Healing_Magic, Song, Summoning_Magic), and dozens of Version_Update/gear-set/guide pages:&lt;br /&gt;
   an outer table background-color:#000878 (dark navy), header row bgcolor #ADBDCC or the&lt;br /&gt;
   already-hooked #C3C6DD, and zebra body rows bgcolor #FFFFFF/#dfe4ff (Skill_Caps family) or&lt;br /&gt;
   no-bgcolor/#EAF0FF (Category spell-list family, which wraps in a thin border:#6ea9e5 box&lt;br /&gt;
   instead of the navy fill). These hexes were invisible to earlier frequency scans because the&lt;br /&gt;
   wiki DB&#039;s text column is binary-collated (case-sensitive LIKE, LOWER() is a no-op) and the&lt;br /&gt;
   scans searched a different case than what these pages actually use. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;000878&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;000878&amp;quot; i] [bgcolor*=&amp;quot;ffffff&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;adbdcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;adbdcc&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;dfe4ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dfe4ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6ea9e5&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Abyssea Navigation nav-box + Flowchart Map headers (~40 pages) =====&lt;br /&gt;
   Template:Abyssea_Navigation&#039;s title bar and its 3 quadrant headers (Vision/Scars/Heroes),&lt;br /&gt;
   plus the identical #3a1d23 &amp;quot;Linked Zone Map&amp;quot; header hand-copied on every Abyssea zone page. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3a1d23&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;01155c&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;510e3a&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;410e0a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
/* Template:Abyssea Navigation&#039;s plain #e8e8e8 rows -- scoped via a &amp;quot;zx-abyssea-nav&amp;quot; class&lt;br /&gt;
   added to the template itself (too common a grey to hook globally). */&lt;br /&gt;
.zx-abyssea-nav [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: checklist-template family (~10 pages) =====&lt;br /&gt;
   Abyssea_Quests_Checklist / All_Missions_Checklist / All_Home_Points_Checklist /&lt;br /&gt;
   All_Survival_Guides_Checklist share a purple title bar + item-box border (#8C6395) and pale&lt;br /&gt;
   item-box backgrounds (#EEEEFF/#FFEEEE/#EEFFEE). Each mission-line&#039;s own one-off saturated&lt;br /&gt;
   title color (e.g. #01155C above, #085801, #19437F, ...) is left alone -- already white-text-&lt;br /&gt;
   on-dark-color, readable regardless of site theme, not worth per-hex hooking for ~1-2 pages each. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;8c6395&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeeeff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeffee&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: #dddddd border companion (~65 pages) =====&lt;br /&gt;
   Border-only companion color paired with the already-hooked #efeeee/#f5f5f5 pale cells&lt;br /&gt;
   across Community guide item-upgrade tables, Dynamis pages, Mission pages, etc. Safe to hook&lt;br /&gt;
   globally since it only ever sets border-color, never background or text color on its own. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dddddd&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Template:Imgpop / Template:Zone Quick Travel Row hover-popup boxes =====&lt;br /&gt;
   .has-image-popup / .image-popup is the hover-to-reveal item icon tooltip used via {{imgpop}}&lt;br /&gt;
   on an enormous fraction of the wiki&#039;s pages (every NM loot list, equipment table, etc.), plus&lt;br /&gt;
   the zone travel-map popup. Its border is plain #DDDDDD and its background defaults to&lt;br /&gt;
   #FFFFFF (or an arbitrary per-call custom color) -- override both directly via the class so&lt;br /&gt;
   every popup is theme-consistent regardless of what color a page author originally chose. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content .image-popup {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.94), rgba(11,15,24,.97)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: universal &amp;quot;Userbox Templates&amp;quot; family (~130+ templates) =====&lt;br /&gt;
   Every template in Category:Userbox Templates (Aegis, Abyssea_Complete, Laptop_Player,&lt;br /&gt;
   Alchemist, Bastok_Fame, ...) shares one identical boilerplate shell, just with a different&lt;br /&gt;
   inner/outer color pair per badge:&lt;br /&gt;
     &amp;lt;div style=&amp;quot;float:left; border:solid #808080 2px; margin:1px;&amp;quot;&amp;gt;&lt;br /&gt;
       {| style=&amp;quot;...background:#&amp;lt;OUTER&amp;gt;;&amp;quot;&lt;br /&gt;
       | style=&amp;quot;...background:#&amp;lt;INNER&amp;gt;;...color:black;&amp;quot; | icon&lt;br /&gt;
       | style=&amp;quot;...color:black;&amp;quot; | text&lt;br /&gt;
       |}&amp;lt;/div&amp;gt;&lt;br /&gt;
   Rather than hooking each badge&#039;s own color pair individually (dozens of them, e.g.&lt;br /&gt;
   #8b6969/#cdcdb4, #e3c59d/#f5deb3, #e9e9e9, #e0e0e0, #333399/#7777ee, ...), target the shell&lt;br /&gt;
   structurally via its universal #808080 border -- this covers every current AND future badge&lt;br /&gt;
   in the family regardless of which specific colors it uses. Some badges use color:ivory for&lt;br /&gt;
   contrast instead of black (already legible on a dark panel, left alone); color:black is&lt;br /&gt;
   scoped-overridden since it would otherwise be unreadable on the new dark background,&lt;br /&gt;
   including when nested inside a {{Color|black|...}}-generated inner span. */&lt;br /&gt;
&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] table,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] td,&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color: black&amp;quot; i],&lt;br /&gt;
div[style*=&amp;quot;808080&amp;quot; i] [style*=&amp;quot;color:black&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: Relic/AF/Empyrean armor category-nav + Bestiary table palettes =====&lt;br /&gt;
   Gaps left by earlier hooks of sibling colors in the same small template families. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;686c6e&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;686c6e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;113843&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;214c58&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;214c58&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac7e4f&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ac7e4f&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;709bcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;734bb5&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c1b288&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c1b288&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: AF_+1 slot-label + zone-info two-column headers =====*/&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;c9e8fd&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d4dded&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f5faff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;f5faff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6e96d5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;6e96d5&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 7: checklist-family (Abyssite/Adoulin/Aeonic/... _Checklist) body cells =====&lt;br /&gt;
   These &amp;quot;*_Checklist&amp;quot; templates use the same .bdrdarkblue wrapper class as other already-themed&lt;br /&gt;
   collapsible tables, but their own body cells set plain #F5F5F5/#EFEFEF backgrounds directly&lt;br /&gt;
   (overriding the table-level dark panel) and a #DEDEDE tier-callout div border-paired with the&lt;br /&gt;
   already-hooked #4696CF. Scoped to .bdrdarkblue rather than hooked globally since F5F5F5/EFEFEF&lt;br /&gt;
   are too common elsewhere on the wiki. */&lt;br /&gt;
&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;f5f5f5&amp;quot; i],&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;efefef&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.bdrdarkblue [style*=&amp;quot;dedede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102985</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102985"/>
		<updated>2026-07-05T15:45:31Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: ZenithXI Batch 6b: dddddd border companion + Template:Imgpop/.image-popup hover-tooltip theming (near-ubiquitous site-wide)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: New Year event moogle-stall tables (~8-9 pages) =====&lt;br /&gt;
   New_Year_2018..2024/Guide &amp;quot;Left/Right Moogle&amp;quot; tables: header bg #990e0e + border #616ff3 +&lt;br /&gt;
   inline color:#57c669 (green, overridden to gold for header consistency), body rows use&lt;br /&gt;
   plain bgcolor=&amp;quot;#f5f5f5&amp;quot; (common grey, not hooked globally) -- anchor-scope those to tables&lt;br /&gt;
   that also carry the distinctive #990e0e header marker, same :has() trick used for the&lt;br /&gt;
   History-of-FFXI outer wrapper. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;616ff3&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;990e0e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table:has([style*=&amp;quot;990e0e&amp;quot; i]) [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Myriad Arms of Balrahn relic-lore panels (~20 pages) =====&lt;br /&gt;
   Parchment-tan prose panels (not data tables, no header row) on the index page and each&lt;br /&gt;
   of the 20 individual relic weapon lore pages. Just needs dark-panel + readable text. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8d6c3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d2cdc2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: mechanic-page equipment-modifier table headers =====&lt;br /&gt;
   e.g. Avatar_perpetuation_cost: distinctive header hexes #ccaaff and #C3C6DD. These pages&lt;br /&gt;
   also use plain #f5f5f5/#eeeeff/#ffffff row backgrounds like several other legacy tables --&lt;br /&gt;
   left alone here (too generic/common to hook without per-page anchoring, and this group&#039;s&lt;br /&gt;
   page-sets don&#039;t fully overlap per the frequency scan, suggesting more than one source&lt;br /&gt;
   template). Revisit with per-page anchors if this becomes a priority. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c3c6dd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ccaaff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: generic &amp;quot;skill cap / spell list&amp;quot; data tables (~100+ pages) =====&lt;br /&gt;
   A very widely-reused hand-copied table convention spanning Skill_Caps/* subpages,&lt;br /&gt;
   Evasion_Skill/Guard_Skill/Parrying_Skill/Shield_Skill, spell-type Category pages&lt;br /&gt;
   (Elemental_Magic, Ninjutsu, Dark_Magic, Divine_Magic, Enfeebling_Magic, Geomancy,&lt;br /&gt;
   Healing_Magic, Song, Summoning_Magic), and dozens of Version_Update/gear-set/guide pages:&lt;br /&gt;
   an outer table background-color:#000878 (dark navy), header row bgcolor #ADBDCC or the&lt;br /&gt;
   already-hooked #C3C6DD, and zebra body rows bgcolor #FFFFFF/#dfe4ff (Skill_Caps family) or&lt;br /&gt;
   no-bgcolor/#EAF0FF (Category spell-list family, which wraps in a thin border:#6ea9e5 box&lt;br /&gt;
   instead of the navy fill). These hexes were invisible to earlier frequency scans because the&lt;br /&gt;
   wiki DB&#039;s text column is binary-collated (case-sensitive LIKE, LOWER() is a no-op) and the&lt;br /&gt;
   scans searched a different case than what these pages actually use. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;000878&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;000878&amp;quot; i] [bgcolor*=&amp;quot;ffffff&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;adbdcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;adbdcc&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;dfe4ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dfe4ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6ea9e5&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Abyssea Navigation nav-box + Flowchart Map headers (~40 pages) =====&lt;br /&gt;
   Template:Abyssea_Navigation&#039;s title bar and its 3 quadrant headers (Vision/Scars/Heroes),&lt;br /&gt;
   plus the identical #3a1d23 &amp;quot;Linked Zone Map&amp;quot; header hand-copied on every Abyssea zone page. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3a1d23&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;01155c&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;510e3a&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;410e0a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
/* Template:Abyssea Navigation&#039;s plain #e8e8e8 rows -- scoped via a &amp;quot;zx-abyssea-nav&amp;quot; class&lt;br /&gt;
   added to the template itself (too common a grey to hook globally). */&lt;br /&gt;
.zx-abyssea-nav [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: checklist-template family (~10 pages) =====&lt;br /&gt;
   Abyssea_Quests_Checklist / All_Missions_Checklist / All_Home_Points_Checklist /&lt;br /&gt;
   All_Survival_Guides_Checklist share a purple title bar + item-box border (#8C6395) and pale&lt;br /&gt;
   item-box backgrounds (#EEEEFF/#FFEEEE/#EEFFEE). Each mission-line&#039;s own one-off saturated&lt;br /&gt;
   title color (e.g. #01155C above, #085801, #19437F, ...) is left alone -- already white-text-&lt;br /&gt;
   on-dark-color, readable regardless of site theme, not worth per-hex hooking for ~1-2 pages each. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;8c6395&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeeeff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeffee&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: #dddddd border companion (~65 pages) =====&lt;br /&gt;
   Border-only companion color paired with the already-hooked #efeeee/#f5f5f5 pale cells&lt;br /&gt;
   across Community guide item-upgrade tables, Dynamis pages, Mission pages, etc. Safe to hook&lt;br /&gt;
   globally since it only ever sets border-color, never background or text color on its own. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dddddd&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Template:Imgpop / Template:Zone Quick Travel Row hover-popup boxes =====&lt;br /&gt;
   .has-image-popup / .image-popup is the hover-to-reveal item icon tooltip used via {{imgpop}}&lt;br /&gt;
   on an enormous fraction of the wiki&#039;s pages (every NM loot list, equipment table, etc.), plus&lt;br /&gt;
   the zone travel-map popup. Its border is plain #DDDDDD and its background defaults to&lt;br /&gt;
   #FFFFFF (or an arbitrary per-call custom color) -- override both directly via the class so&lt;br /&gt;
   every popup is theme-consistent regardless of what color a page author originally chose. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content .image-popup {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.94), rgba(11,15,24,.97)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.35) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Template:Abyssea_Navigation&amp;diff=102984</id>
		<title>Template:Abyssea Navigation</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Template:Abyssea_Navigation&amp;diff=102984"/>
		<updated>2026-07-05T15:38:24Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-abyssea-nav class hook for dark-theme scoping of the e8e8e8 row backgrounds&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;noinclude&amp;gt;This is the nav template for [[Abyssea]] zone pages.&lt;br /&gt;
&lt;br /&gt;
[[Category:Templates/System|{{PAGENAME}}]] [[Category:Templates/Zone|{{PAGENAME}}]] &lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&lt;br /&gt;
&amp;lt;includeonly&amp;gt;{| class=&amp;quot;zx-abyssea-nav&amp;quot; style=&amp;quot;text-align:center; width: 100%; max-width: 600px;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! style=&amp;quot;background: #3a1d23; color: #FFFFFF;&amp;quot; colspan=&amp;quot;2&amp;quot; | Abyssea Navigation&lt;br /&gt;
|- style=&amp;quot;background: #e8e8e8&amp;quot;&lt;br /&gt;
! rowspan=&amp;quot;3&amp;quot; style=&amp;quot;background: #01155C; color: #FFFFFF;&amp;quot; | Vision&lt;br /&gt;
| [[Abyssea - Konschtat]]&lt;br /&gt;
|- style=&amp;quot;background: #e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - La Theine]]&lt;br /&gt;
|- style=&amp;quot;background: #e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - Tahrongi]]&lt;br /&gt;
|- style=&amp;quot;background: #e8e8e8&amp;quot;&lt;br /&gt;
! rowspan=&amp;quot;3&amp;quot; style=&amp;quot;background: #510E3A; color: #FFFFFF;&amp;quot; | Scars&lt;br /&gt;
| [[Abyssea - Attohwa]]&lt;br /&gt;
|- style=&amp;quot;background: #e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - Misareaux]]&lt;br /&gt;
|- style=&amp;quot;background: #e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - Vunkerl]]&lt;br /&gt;
|- style=&amp;quot;background: #e8e8e8&amp;quot;&lt;br /&gt;
! rowspan=&amp;quot;3&amp;quot; style=&amp;quot;background: #410E0A; color: #FFFFFF;&amp;quot; | Heroes&lt;br /&gt;
| [[Abyssea - Altepa]]&lt;br /&gt;
|- style=&amp;quot;background: #e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - Uleguerand]]&lt;br /&gt;
|- style=&amp;quot;background: #e8e8e8&amp;quot;&lt;br /&gt;
| [[Abyssea - Grauberg]]&lt;br /&gt;
|-&lt;br /&gt;
|}&lt;br /&gt;
&#039;&#039;&#039;Note&#039;&#039;&#039;: The use of [[Tractor]] will cause a player to lose Visitant Status and their [[Abyssea Lights|lights]].&amp;lt;/includeonly&amp;gt;&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102983</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102983"/>
		<updated>2026-07-05T15:38:15Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: ZenithXI Batch 6: skill-cap/spell-list data tables (000878/adbdcc/eaf0ff/dfe4ff/6ea9e5) + Abyssea Navigation/checklist family — surfaced by fixing a DB-search case-sensitivity bug&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: New Year event moogle-stall tables (~8-9 pages) =====&lt;br /&gt;
   New_Year_2018..2024/Guide &amp;quot;Left/Right Moogle&amp;quot; tables: header bg #990e0e + border #616ff3 +&lt;br /&gt;
   inline color:#57c669 (green, overridden to gold for header consistency), body rows use&lt;br /&gt;
   plain bgcolor=&amp;quot;#f5f5f5&amp;quot; (common grey, not hooked globally) -- anchor-scope those to tables&lt;br /&gt;
   that also carry the distinctive #990e0e header marker, same :has() trick used for the&lt;br /&gt;
   History-of-FFXI outer wrapper. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;616ff3&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;990e0e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table:has([style*=&amp;quot;990e0e&amp;quot; i]) [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Myriad Arms of Balrahn relic-lore panels (~20 pages) =====&lt;br /&gt;
   Parchment-tan prose panels (not data tables, no header row) on the index page and each&lt;br /&gt;
   of the 20 individual relic weapon lore pages. Just needs dark-panel + readable text. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8d6c3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d2cdc2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: mechanic-page equipment-modifier table headers =====&lt;br /&gt;
   e.g. Avatar_perpetuation_cost: distinctive header hexes #ccaaff and #C3C6DD. These pages&lt;br /&gt;
   also use plain #f5f5f5/#eeeeff/#ffffff row backgrounds like several other legacy tables --&lt;br /&gt;
   left alone here (too generic/common to hook without per-page anchoring, and this group&#039;s&lt;br /&gt;
   page-sets don&#039;t fully overlap per the frequency scan, suggesting more than one source&lt;br /&gt;
   template). Revisit with per-page anchors if this becomes a priority. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c3c6dd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ccaaff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: generic &amp;quot;skill cap / spell list&amp;quot; data tables (~100+ pages) =====&lt;br /&gt;
   A very widely-reused hand-copied table convention spanning Skill_Caps/* subpages,&lt;br /&gt;
   Evasion_Skill/Guard_Skill/Parrying_Skill/Shield_Skill, spell-type Category pages&lt;br /&gt;
   (Elemental_Magic, Ninjutsu, Dark_Magic, Divine_Magic, Enfeebling_Magic, Geomancy,&lt;br /&gt;
   Healing_Magic, Song, Summoning_Magic), and dozens of Version_Update/gear-set/guide pages:&lt;br /&gt;
   an outer table background-color:#000878 (dark navy), header row bgcolor #ADBDCC or the&lt;br /&gt;
   already-hooked #C3C6DD, and zebra body rows bgcolor #FFFFFF/#dfe4ff (Skill_Caps family) or&lt;br /&gt;
   no-bgcolor/#EAF0FF (Category spell-list family, which wraps in a thin border:#6ea9e5 box&lt;br /&gt;
   instead of the navy fill). These hexes were invisible to earlier frequency scans because the&lt;br /&gt;
   wiki DB&#039;s text column is binary-collated (case-sensitive LIKE, LOWER() is a no-op) and the&lt;br /&gt;
   scans searched a different case than what these pages actually use. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;000878&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;000878&amp;quot; i] [bgcolor*=&amp;quot;ffffff&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;adbdcc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;adbdcc&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf0ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;dfe4ff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;dfe4ff&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;6ea9e5&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: Abyssea Navigation nav-box + Flowchart Map headers (~40 pages) =====&lt;br /&gt;
   Template:Abyssea_Navigation&#039;s title bar and its 3 quadrant headers (Vision/Scars/Heroes),&lt;br /&gt;
   plus the identical #3a1d23 &amp;quot;Linked Zone Map&amp;quot; header hand-copied on every Abyssea zone page. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3a1d23&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;01155c&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;510e3a&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;410e0a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
/* Template:Abyssea Navigation&#039;s plain #e8e8e8 rows -- scoped via a &amp;quot;zx-abyssea-nav&amp;quot; class&lt;br /&gt;
   added to the template itself (too common a grey to hook globally). */&lt;br /&gt;
.zx-abyssea-nav [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 6: checklist-template family (~10 pages) =====&lt;br /&gt;
   Abyssea_Quests_Checklist / All_Missions_Checklist / All_Home_Points_Checklist /&lt;br /&gt;
   All_Survival_Guides_Checklist share a purple title bar + item-box border (#8C6395) and pale&lt;br /&gt;
   item-box backgrounds (#EEEEFF/#FFEEEE/#EEFFEE). Each mission-line&#039;s own one-off saturated&lt;br /&gt;
   title color (e.g. #01155C above, #085801, #19437F, ...) is left alone -- already white-text-&lt;br /&gt;
   on-dark-color, readable regardless of site theme, not worth per-hex hooking for ~1-2 pages each. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;8c6395&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeeeff&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eeffee&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102982</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102982"/>
		<updated>2026-07-05T14:25:28Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 5: mechanic-page equipment-modifier table headers (ccaaff/C3C6DD) — conservative fix, generic pale rows left alone&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: New Year event moogle-stall tables (~8-9 pages) =====&lt;br /&gt;
   New_Year_2018..2024/Guide &amp;quot;Left/Right Moogle&amp;quot; tables: header bg #990e0e + border #616ff3 +&lt;br /&gt;
   inline color:#57c669 (green, overridden to gold for header consistency), body rows use&lt;br /&gt;
   plain bgcolor=&amp;quot;#f5f5f5&amp;quot; (common grey, not hooked globally) -- anchor-scope those to tables&lt;br /&gt;
   that also carry the distinctive #990e0e header marker, same :has() trick used for the&lt;br /&gt;
   History-of-FFXI outer wrapper. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;616ff3&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;990e0e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table:has([style*=&amp;quot;990e0e&amp;quot; i]) [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Myriad Arms of Balrahn relic-lore panels (~20 pages) =====&lt;br /&gt;
   Parchment-tan prose panels (not data tables, no header row) on the index page and each&lt;br /&gt;
   of the 20 individual relic weapon lore pages. Just needs dark-panel + readable text. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8d6c3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d2cdc2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: mechanic-page equipment-modifier table headers =====&lt;br /&gt;
   e.g. Avatar_perpetuation_cost: distinctive header hexes #ccaaff and #C3C6DD. These pages&lt;br /&gt;
   also use plain #f5f5f5/#eeeeff/#ffffff row backgrounds like several other legacy tables --&lt;br /&gt;
   left alone here (too generic/common to hook without per-page anchoring, and this group&#039;s&lt;br /&gt;
   page-sets don&#039;t fully overlap per the frequency scan, suggesting more than one source&lt;br /&gt;
   template). Revisit with per-page anchors if this becomes a priority. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;c3c6dd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ccaaff&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102981</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102981"/>
		<updated>2026-07-05T14:24:49Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 5: Myriad Arms of Balrahn relic-lore parchment panels (~20 pages)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: New Year event moogle-stall tables (~8-9 pages) =====&lt;br /&gt;
   New_Year_2018..2024/Guide &amp;quot;Left/Right Moogle&amp;quot; tables: header bg #990e0e + border #616ff3 +&lt;br /&gt;
   inline color:#57c669 (green, overridden to gold for header consistency), body rows use&lt;br /&gt;
   plain bgcolor=&amp;quot;#f5f5f5&amp;quot; (common grey, not hooked globally) -- anchor-scope those to tables&lt;br /&gt;
   that also carry the distinctive #990e0e header marker, same :has() trick used for the&lt;br /&gt;
   History-of-FFXI outer wrapper. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;616ff3&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;990e0e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table:has([style*=&amp;quot;990e0e&amp;quot; i]) [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Myriad Arms of Balrahn relic-lore panels (~20 pages) =====&lt;br /&gt;
   Parchment-tan prose panels (not data tables, no header row) on the index page and each&lt;br /&gt;
   of the 20 individual relic weapon lore pages. Just needs dark-panel + readable text. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8d6c3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d2cdc2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102980</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102980"/>
		<updated>2026-07-05T14:24:01Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 5: New Year event moogle-stall tables (~8-9 pages) — header bar + anchor-scoped f5f5f5 body rows&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: New Year event moogle-stall tables (~8-9 pages) =====&lt;br /&gt;
   New_Year_2018..2024/Guide &amp;quot;Left/Right Moogle&amp;quot; tables: header bg #990e0e + border #616ff3 +&lt;br /&gt;
   inline color:#57c669 (green, overridden to gold for header consistency), body rows use&lt;br /&gt;
   plain bgcolor=&amp;quot;#f5f5f5&amp;quot; (common grey, not hooked globally) -- anchor-scope those to tables&lt;br /&gt;
   that also carry the distinctive #990e0e header marker, same :has() trick used for the&lt;br /&gt;
   History-of-FFXI outer wrapper. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;616ff3&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;990e0e&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table:has([style*=&amp;quot;990e0e&amp;quot; i]) [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102979</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102979"/>
		<updated>2026-07-05T14:23:05Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 5: Food-category legend tables (10 Category:*_Food pages) — table bg + header/body borders (header bg #a6dbfd already globally themed)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Food-category legend tables (10 Category:*_Food pages) =====&lt;br /&gt;
   Category:Attack_Food/Accuracy_Food/etc: table bg #ffffd6, header bg #a6dbfd (already&lt;br /&gt;
   globally hooked in Batch 2) + border-color #0000ff, body cells with border-color #ffa500&lt;br /&gt;
   only. Header border set to the SAME gold value as the existing a6dbfd rule so declaration&lt;br /&gt;
   order between the two doesn&#039;t matter (header cells carry both substrings). Inline&lt;br /&gt;
   color:#FF0000 negative-stat spans are left alone -- pure red already reads fine on dark,&lt;br /&gt;
   matching the precedent set for the weapon-skill property-color remap. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0000ff&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffa500&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffffd6&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102978</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102978"/>
		<updated>2026-07-05T14:22:06Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 5: Weapon-skill category &amp;quot;Equipment modifications&amp;quot; tan box (~11-12 category pages)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Equipment-modifications tan box (~11-12 weapon-skill category pages) =====&lt;br /&gt;
   A DIFFERENT box than the pink Job Ratings table on the same pages (e.g. Category:Archery,&lt;br /&gt;
   Category:Club) -- same structural pattern though: table bg #fbf1d4, header bg #e8d39a +&lt;br /&gt;
   border-color #bda86e, body cells with border-color #bda86e only. Same ordering rule: the&lt;br /&gt;
   plain border-color pass goes first so the header rule&#039;s border-color wins on header cells. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bda86e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8d39a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbf1d4&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102977</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102977"/>
		<updated>2026-07-05T14:20:53Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 5 follow-up: theme the plain-white quote body cell nested inside the History-of-FFXI callout box (scoped, not global FFFFFF)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* The Matsui-quote callout&#039;s inner text cell uses plain background:#FFFFFF (never hooked&lt;br /&gt;
   globally -- too common/risky). Safe to theme here since it&#039;s scoped to descendants of the&lt;br /&gt;
   already-anchored #feba71 callout box specifically, not FFFFFF site-wide. */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] [style*=&amp;quot;FFFFFF&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102976</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102976"/>
		<updated>2026-07-05T14:20:05Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Fix :has() selector typo: bgcolor value is &amp;quot;#FFFFFF&amp;quot; not &amp;quot;FFFFFF&amp;quot; (exact match never fired)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor*=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102975</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102975"/>
		<updated>2026-07-05T14:17:07Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 5 follow-up: dark-theme the History-of-FFXI outer bgcolor=FFFFFF wrapper table, anchored via :has() on its d2cac0 date-label descendant&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: History-of-FFXI outer white wrapper table =====&lt;br /&gt;
   The whole event-log table on each year page sets its OWN bgcolor=&amp;quot;#FFFFFF&amp;quot; (too common&lt;br /&gt;
   to hook globally on its own), so most of the page&#039;s body content was still rendering on&lt;br /&gt;
   a plain white panel despite the inner cell fixes above. Anchor off the same distinctive&lt;br /&gt;
   #d2cac0 date-label marker used inside it (:has() targets the ANCESTOR table, unlike the&lt;br /&gt;
   plain descendant selector used for the Atmacite tables) -- safe because no unrelated&lt;br /&gt;
   table on the wiki carries a d2cac0-colored cell. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[bgcolor=&amp;quot;FFFFFF&amp;quot; i]:has([bgcolor*=&amp;quot;d2cac0&amp;quot; i]) {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102974</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102974"/>
		<updated>2026-07-05T14:15:59Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 5 follow-up: 3 more History-of-FFXI event-category colors found in Template:History Nav&amp;#039;s legend key&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5 follow-up: remaining History-of-FFXI event categories =====&lt;br /&gt;
   Template:History_Nav&#039;s &amp;quot;Header Key&amp;quot; legend (transcluded on all 14 year pages) revealed&lt;br /&gt;
   3 more category gradient-bar colors beyond the ones found directly on the 2001 page:&lt;br /&gt;
   version-update cyan, in-game-event orange (a 3-digit #f90 shorthand hex), and&lt;br /&gt;
   merchandise-released gold/tan. Same treatment as the other category bars. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;1ca4bc&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;#f90&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;b68540&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102973</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102973"/>
		<updated>2026-07-05T14:14:25Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 5: History of FFXI year-timeline pages (date labels, event-category gradient bars, quote callout box, .Standardwide header gap)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: History of FFXI year-timeline pages (14 sub-pages) =====&lt;br /&gt;
   The_History_of_Final_Fantasy_XI/2001..2014 share a recurring event-log layout: a date&lt;br /&gt;
   label cell (#d2cac0), a colored &amp;quot;category&amp;quot; gradient bar per event via&lt;br /&gt;
   {{linear-gradient|right|#FFFFFF, HEX}} (blue #405fb6 = JP-only announcement, red #ac1717&lt;br /&gt;
   = generic news, purple #9b70ea = beta-test event -- note these render as&lt;br /&gt;
   background-image:linear-gradient(...) so the hex substring is inside a function value,&lt;br /&gt;
   not a plain background: declaration, but the attribute-substring hook still matches it),&lt;br /&gt;
   and an inset quote-callout box (#feba71/#FF911A dashed border/#fdd1a1) with inline&lt;br /&gt;
   color:#000000 that needs overriding alongside the background. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d2cac0&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;405fb6&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ac1717&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9b70ea&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;feba71&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ff911a&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdd1a1&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This page&#039;s &amp;quot;World of the FFXI Beta Test&amp;quot; box uses class=&amp;quot;Standardwide&amp;quot; (not &amp;quot;Standard&amp;quot;),&lt;br /&gt;
   which the Batch 3 scoped rule doesn&#039;t match -- extend the same 4b4d4f header treatment. */&lt;br /&gt;
.Standardwide [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102972</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102972"/>
		<updated>2026-07-05T14:11:28Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 5: CatsEyeXI content box tables (header/subheader/zebra rows + outer bg variants)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: CatsEyeXI content tables (~7-17 pages) =====&lt;br /&gt;
   CatsEyeXI_Content/NPCs/Systems tables: teal title header (#59C1A9), a pale sub-header&lt;br /&gt;
   column-name row (#BDDECE), alternating zebra body rows (#E8FCF8/#EDF7F2), over an outer&lt;br /&gt;
   table background that varies by table (#726FB3 purple or #D5D0E8 lavender). */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bddece&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.10), rgba(217,189,124,.02)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;726fb3&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5d0e8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e8fcf8&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;edf7f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102971</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102971"/>
		<updated>2026-07-05T14:09:39Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 5: Community/collaborative guide header bars + divider strips (~7-17 pages each)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 5: Community guide item-upgrade tables (~7-17 pages each) =====&lt;br /&gt;
   &amp;quot;Community_X_Guide&amp;quot; pages (e.g. Community_Ninja_Guide) embed per-relic-set item-upgrade&lt;br /&gt;
   tables: a colored header bar (varies per set within the SAME page) + a thin 1px colored&lt;br /&gt;
   divider strip below it, over otherwise-plain body cells already themed by the existing&lt;br /&gt;
   #efeeee pale-background rule. Only two new header colors seen (#4b4d4f already themed&lt;br /&gt;
   elsewhere); divider strips are decorative-only (no text), so background-only is enough. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;0966a7&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;5e3c43&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;ff8000&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;b12fb1&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;860111&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.20) !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102970</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102970"/>
		<updated>2026-07-05T13:37:56Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Task D cleanup: remove redundant .zx-infobox block (unused by any page; superseded by the global item-ecosystem CSS)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102969</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102969"/>
		<updated>2026-07-05T13:33:28Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Fix Batch 4 Atmacite rule: bgcolor lives on tr, not td (previous rule silently matched nothing)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI infobox theme (item / armor / weapon / usable-item detail boxes) =====&lt;br /&gt;
   Companion to .zx-table for the vertical label/value &amp;quot;infobox&amp;quot; tables produced by&lt;br /&gt;
   Template:Item, Template:Armor, Template:Weapon, Template:Usable_item, etc.&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-infobox&amp;quot; to the infobox&#039;s OUTER table. Uses !important so&lt;br /&gt;
   it themes cleanly over the templates&#039; residual inline #3c6a95 / #4696cf / #FFFFFF&lt;br /&gt;
   colors — no inline-color stripping required to make it work. Hooks the existing&lt;br /&gt;
   .item-info-header / .item-info-body cell classes (Item/Armor); plain cells&lt;br /&gt;
   (Weapon/Usable_item) fall back to the generic td rule. */&lt;br /&gt;
&lt;br /&gt;
.zx-infobox {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Title bar (top colspan header cell) — replaces the bright #4696cf blue */&lt;br /&gt;
.zx-infobox &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.16), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label column (.item-info-header on Item/Armor) */&lt;br /&gt;
.zx-infobox .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.20) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 7px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value column (.item-info-body on Item/Armor) + generic cells (Weapon/Usable_item) */&lt;br /&gt;
.zx-infobox .item-info-body,&lt;br /&gt;
.zx-infobox &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.16) !important;&lt;br /&gt;
    padding: 7px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger */&lt;br /&gt;
.zx-infobox a       { color: #e8dcb2 !important; }&lt;br /&gt;
.zx-infobox a:hover { color: #ffedc2 !important; }&lt;br /&gt;
.zx-infobox a.new   { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via bgcolor set on&lt;br /&gt;
   each ROW (not the cells -- MediaWiki emits `&amp;lt;tr bgcolor=&amp;quot;#...&amp;quot;&amp;gt;`), entirely inline with no&lt;br /&gt;
   wrapper class or template. Scope every rule to descendants of a table that ALSO carries the&lt;br /&gt;
   distinctive #CEDFF2 marker in its own style attribute, so this can never touch unrelated&lt;br /&gt;
   bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) -- no per-page edits needed&lt;br /&gt;
   despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr[bgcolor]:nth-child(even) {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102968</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102968"/>
		<updated>2026-07-05T13:29:50Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 4: Atmacite reward-gradient tables, Job page color bands (Traits/Ability/Magic/Pet Command/Merits), eaf5f5 highlight + cee0f2 bgcolor gap&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI infobox theme (item / armor / weapon / usable-item detail boxes) =====&lt;br /&gt;
   Companion to .zx-table for the vertical label/value &amp;quot;infobox&amp;quot; tables produced by&lt;br /&gt;
   Template:Item, Template:Armor, Template:Weapon, Template:Usable_item, etc.&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-infobox&amp;quot; to the infobox&#039;s OUTER table. Uses !important so&lt;br /&gt;
   it themes cleanly over the templates&#039; residual inline #3c6a95 / #4696cf / #FFFFFF&lt;br /&gt;
   colors — no inline-color stripping required to make it work. Hooks the existing&lt;br /&gt;
   .item-info-header / .item-info-body cell classes (Item/Armor); plain cells&lt;br /&gt;
   (Weapon/Usable_item) fall back to the generic td rule. */&lt;br /&gt;
&lt;br /&gt;
.zx-infobox {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Title bar (top colspan header cell) — replaces the bright #4696cf blue */&lt;br /&gt;
.zx-infobox &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.16), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label column (.item-info-header on Item/Armor) */&lt;br /&gt;
.zx-infobox .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.20) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 7px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value column (.item-info-body on Item/Armor) + generic cells (Weapon/Usable_item) */&lt;br /&gt;
.zx-infobox .item-info-body,&lt;br /&gt;
.zx-infobox &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.16) !important;&lt;br /&gt;
    padding: 7px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger */&lt;br /&gt;
.zx-infobox a       { color: #e8dcb2 !important; }&lt;br /&gt;
.zx-infobox a:hover { color: #ffedc2 !important; }&lt;br /&gt;
.zx-infobox a.new   { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Atmacite reward-gradient tables (~40-45 pages, no template) =====&lt;br /&gt;
   Every Atmacite_of_* page hand-copies an identical reward table: border/header bg #CEDFF2,&lt;br /&gt;
   then 15 rows shaded FFFFFF -&amp;gt; A0A0A0 (a light-mode &amp;quot;progress&amp;quot; gradient) via per-row bgcolor,&lt;br /&gt;
   entirely inline with no wrapper class or template. Scope every rule to descendants of a&lt;br /&gt;
   table that ALSO carries the distinctive #CEDFF2 marker in its own style attribute, so this&lt;br /&gt;
   can never touch unrelated bgcolor usage elsewhere (e.g. the already-scoped bestiary greys) --&lt;br /&gt;
   no per-page edits needed despite there being no shared template. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; * &amp;gt; tr[style*=&amp;quot;CEDFF2&amp;quot; i] &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] td[bgcolor] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;CEDFF2&amp;quot; i] tr:nth-child(even) td[bgcolor] {&lt;br /&gt;
    background: rgba(217,189,124,.035) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: Job page color-coded boxes (all 22 Job pages) =====&lt;br /&gt;
   Every job page (Warrior, Black Mage, Beastmaster, ...) repeats the same colored-box&lt;br /&gt;
   pattern already used for the Job Ratings pink table (table bg + header bg&amp;amp;border, body&lt;br /&gt;
   cells with border-color only) for several MORE boxes: Job Traits (blue), Job Ability&lt;br /&gt;
   (red), Magic/Pet Command (purple -- two variants, one for caster spell lists, a second&lt;br /&gt;
   only on the ~3 pet jobs), and Merits (orange, whose body cells also carry their own bg).&lt;br /&gt;
   Same ordering rule as the pink table: the plain border-color pass goes first so it doesn&#039;t&lt;br /&gt;
   clobber the header rule&#039;s border-color on cells that carry both substrings. */&lt;br /&gt;
&lt;br /&gt;
/* Job Traits -- blue */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;59c1ff&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ccebfe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef8fe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Job Ability -- red */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ee6a6a&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fbadad&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;ffdede&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Magic (caster spell lists) -- purple */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;bd72fd&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;daaffe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f2e5fd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pet Command (BST/SMN/PUP only) -- purple variant */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9f7fde&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d5c4fa&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;f0eafe&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Merits -- orange (body cells carry their own bg here, unlike the boxes above) */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fc8b4d&amp;quot; i] { border-color: rgba(180,160,110,.28) !important; }&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fdc7a9&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fde1d2&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 4: eaf5f5 spotlight highlight + cee0f2 bgcolor gap (~45 pages) =====&lt;br /&gt;
   #eaf5f5 marks a &amp;quot;notable&amp;quot; drop/reward inside otherwise-plain Assault/Battlefield reward&lt;br /&gt;
   tables (e.g. Apkallu_Breeding) -- give it a gold-highlight treatment instead of dropping it.&lt;br /&gt;
   #cee0f2 (Batch 2&#039;s pale-background rule) is also set via the bgcolor= HTML attribute on&lt;br /&gt;
   these same pages, which the original style=-only hook didn&#039;t catch -- add that hook here. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eaf5f5&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;eaf5f5&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.14) !important;&lt;br /&gt;
    color: #f2e3b8 !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102967</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102967"/>
		<updated>2026-07-05T13:14:29Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 3: Job Ratings pink table CSS hook (fed4dd/fea5b8/fd5b7e), themes ~126 weapon/skill category pages at once&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI infobox theme (item / armor / weapon / usable-item detail boxes) =====&lt;br /&gt;
   Companion to .zx-table for the vertical label/value &amp;quot;infobox&amp;quot; tables produced by&lt;br /&gt;
   Template:Item, Template:Armor, Template:Weapon, Template:Usable_item, etc.&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-infobox&amp;quot; to the infobox&#039;s OUTER table. Uses !important so&lt;br /&gt;
   it themes cleanly over the templates&#039; residual inline #3c6a95 / #4696cf / #FFFFFF&lt;br /&gt;
   colors — no inline-color stripping required to make it work. Hooks the existing&lt;br /&gt;
   .item-info-header / .item-info-body cell classes (Item/Armor); plain cells&lt;br /&gt;
   (Weapon/Usable_item) fall back to the generic td rule. */&lt;br /&gt;
&lt;br /&gt;
.zx-infobox {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Title bar (top colspan header cell) — replaces the bright #4696cf blue */&lt;br /&gt;
.zx-infobox &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.16), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label column (.item-info-header on Item/Armor) */&lt;br /&gt;
.zx-infobox .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.20) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 7px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value column (.item-info-body on Item/Armor) + generic cells (Weapon/Usable_item) */&lt;br /&gt;
.zx-infobox .item-info-body,&lt;br /&gt;
.zx-infobox &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.16) !important;&lt;br /&gt;
    padding: 7px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger */&lt;br /&gt;
.zx-infobox a       { color: #e8dcb2 !important; }&lt;br /&gt;
.zx-infobox a:hover { color: #ffedc2 !important; }&lt;br /&gt;
.zx-infobox a.new   { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Job Ratings pink table (~126 weapon/skill category pages) =====&lt;br /&gt;
   Every weapon/skill Category page (Axe, Dagger, Club, ... all but Sword, which was hand-&lt;br /&gt;
   edited earlier) embeds an identical inline-styled pink table: table bg #fed4dd, header&lt;br /&gt;
   bg #fea5b8 + border-color #fd5b7e, body cells with border-color #fd5b7e only (no bg of&lt;br /&gt;
   their own -- they inherit the table&#039;s background). Hooking all three distinctive hexes&lt;br /&gt;
   themes every one of these pages at once with no per-page/per-template edits.&lt;br /&gt;
   Order matters: the plain border-color rule (#fd5b7e) is declared BEFORE the header rule&lt;br /&gt;
   (#fea5b8) so header cells -- which carry both substrings in one style attribute -- end up&lt;br /&gt;
   with the header rule&#039;s gold border (declared later wins), while body cells (which only&lt;br /&gt;
   ever carry #fd5b7e alone) get the subtle border from the first rule. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fd5b7e&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fea5b8&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-body-content [style*=&amp;quot;fed4dd&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border-color: rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102966</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102966"/>
		<updated>2026-07-05T13:10:11Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 3: skillchain property color legibility remap (Weapon Skill Page Row), scoped to .zx-table&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI infobox theme (item / armor / weapon / usable-item detail boxes) =====&lt;br /&gt;
   Companion to .zx-table for the vertical label/value &amp;quot;infobox&amp;quot; tables produced by&lt;br /&gt;
   Template:Item, Template:Armor, Template:Weapon, Template:Usable_item, etc.&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-infobox&amp;quot; to the infobox&#039;s OUTER table. Uses !important so&lt;br /&gt;
   it themes cleanly over the templates&#039; residual inline #3c6a95 / #4696cf / #FFFFFF&lt;br /&gt;
   colors — no inline-color stripping required to make it work. Hooks the existing&lt;br /&gt;
   .item-info-header / .item-info-body cell classes (Item/Armor); plain cells&lt;br /&gt;
   (Weapon/Usable_item) fall back to the generic td rule. */&lt;br /&gt;
&lt;br /&gt;
.zx-infobox {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Title bar (top colspan header cell) — replaces the bright #4696cf blue */&lt;br /&gt;
.zx-infobox &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.16), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label column (.item-info-header on Item/Armor) */&lt;br /&gt;
.zx-infobox .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.20) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 7px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value column (.item-info-body on Item/Armor) + generic cells (Weapon/Usable_item) */&lt;br /&gt;
.zx-infobox .item-info-body,&lt;br /&gt;
.zx-infobox &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.16) !important;&lt;br /&gt;
    padding: 7px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger */&lt;br /&gt;
.zx-infobox a       { color: #e8dcb2 !important; }&lt;br /&gt;
.zx-infobox a:hover { color: #ffedc2 !important; }&lt;br /&gt;
.zx-infobox a.new   { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: skillchain property color legibility =====&lt;br /&gt;
   Template:Weapon Skill Page Row renders property names as inline&lt;br /&gt;
   &amp;lt;span style=&amp;quot;color:X;&amp;quot;&amp;gt;, using CSS keyword colors. Several are low/zero&lt;br /&gt;
   contrast against the dark .zx-table panel (black is invisible; blue/&lt;br /&gt;
   purple/green/grey are muddy) -- remap just those, scoped to .zx-table so&lt;br /&gt;
   it can&#039;t affect anything outside the Weapon Skills tables. red/orange/&lt;br /&gt;
   #00cece are already legible on dark and are left untouched. */&lt;br /&gt;
&lt;br /&gt;
.zx-table [style*=&amp;quot;color:black&amp;quot; i]  { color: #cfd6e2 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:blue&amp;quot; i]   { color: #6ea8ff !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:purple&amp;quot; i] { color: #c58af0 !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:green&amp;quot; i]  { color: #5ac85a !important; }&lt;br /&gt;
.zx-table [style*=&amp;quot;color:grey&amp;quot; i]   { color: #b9c2d4 !important; }&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102965</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&amp;diff=102965"/>
		<updated>2026-07-05T13:04:18Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Batch 3: bestiary/Trial of the Magians greys, NPC infobox greys (zx-npc), Campaign_Header (zx-campaign + 3e718a bgcolor hook)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* ==========================================================================&lt;br /&gt;
   ZenithXI Wiki — Dark Fantasy Theme (Vector 2022 overrides)&lt;br /&gt;
   Ported by hand from web-react/apps/web/src/styles/theme.css + chrome.css&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* ---- Design tokens (mirrors the website&#039;s --zx-* values) ---- */&lt;br /&gt;
:root {&lt;br /&gt;
    --zx-bg: #05070d;&lt;br /&gt;
    --zx-bg-deep: #04060b;&lt;br /&gt;
    --zx-panel: linear-gradient(180deg, rgba(30,40,62,0.75), rgba(13,17,28,0.9));&lt;br /&gt;
    --zx-panel-solid: rgba(6,9,16,0.9);&lt;br /&gt;
    --zx-panel-border: rgba(180,160,110,0.28);&lt;br /&gt;
    --zx-panel-border-strong: rgba(217,189,124,0.4);&lt;br /&gt;
    --zx-panel-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 28px rgba(0,0,0,0.45);&lt;br /&gt;
    --zx-header-grad: linear-gradient(180deg, rgba(19,26,42,0.97), rgba(8,12,21,0.97));&lt;br /&gt;
    --zx-dropdown-grad: linear-gradient(180deg, rgba(24,32,54,0.99), rgba(9,12,22,0.99));&lt;br /&gt;
&lt;br /&gt;
    --zx-text: #c8d0e0;&lt;br /&gt;
    --zx-text-strong: #eef1f7;&lt;br /&gt;
    --zx-text-body: #c2cadb;&lt;br /&gt;
    --zx-text-muted: #9aa6bd;&lt;br /&gt;
    --zx-text-dim: #8d97ad;&lt;br /&gt;
    --zx-text-faint: #7f8aa3;&lt;br /&gt;
    --zx-text-disabled: #5c6478;&lt;br /&gt;
&lt;br /&gt;
    --zx-accent: #17c3b2;&lt;br /&gt;
    --zx-gold: #d9bd7c;&lt;br /&gt;
    --zx-gold-bright: #e8dcb2;&lt;br /&gt;
    --zx-gold-brightest: #f2e3b8;&lt;br /&gt;
    --zx-gold-hover: #ffedc2;&lt;br /&gt;
    --zx-gold-deep: #c9a75c;&lt;br /&gt;
    --zx-gold-btn: linear-gradient(180deg, #ecd9a3, #c9a75c);&lt;br /&gt;
    --zx-gold-btn-border: #f2e3b8;&lt;br /&gt;
    --zx-on-gold: #100d06;&lt;br /&gt;
&lt;br /&gt;
    --zx-danger: #e88a8a;&lt;br /&gt;
    --zx-info: #9fb8e8;&lt;br /&gt;
    --zx-success-dot: #63c76f;&lt;br /&gt;
&lt;br /&gt;
    --zx-font-display: &#039;Ferrum&#039;, Georgia, &#039;Times New Roman&#039;, serif;&lt;br /&gt;
    --zx-font-prose: &#039;Palatino Linotype&#039;, &#039;Book Antiqua&#039;, Georgia, serif;&lt;br /&gt;
    --zx-font-ui: Verdana, &#039;Segoe UI&#039;, sans-serif;&lt;br /&gt;
    --zx-font-mono: &#039;Lucida Console&#039;, Monaco, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Self-hosted display font ----&lt;br /&gt;
   Upload Ferrum-wy99.otf (from web-react/apps/web/public/fonts/Ferrum-wy99.otf&lt;br /&gt;
   in the ZenithXI-Unified repo) to your wiki server and point the url() below&lt;br /&gt;
   at it — e.g. alongside your existing /images/ uploads. Until uploaded, this&lt;br /&gt;
   simply 404s silently and headings fall back to Georgia/serif. */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;Ferrum&#039;;&lt;br /&gt;
    src: url(&#039;https://wiki.zenithxi.com/fonts/Ferrum-wy99.otf&#039;) format(&#039;opentype&#039;);&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Wide layout (unchanged — functional, not visual)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-workspace-container wraps the sidebar + content + footer column and&lt;br /&gt;
   carries its own max-width in core Vector 2022 — without this override,&lt;br /&gt;
   widening .mw-page-container/.mw-content-container alone has no visible&lt;br /&gt;
   effect because this ancestor is still capping the available space. */&lt;br /&gt;
.mw-workspace-container,&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THE key fix: .mw-body (the direct wrapper around the article) is its own&lt;br /&gt;
   CSS grid with `grid-template-columns: minmax(0, &amp;lt;reading-width-em&amp;gt;) min-content`&lt;br /&gt;
   baked into core Vector 2022 — this caps the actual article column to a&lt;br /&gt;
   fixed em-based reading width (~76em) *independently* of how wide its&lt;br /&gt;
   ancestors are, which is why the content still looked narrow even with&lt;br /&gt;
   every other max-width override in this file. This replicates exactly what&lt;br /&gt;
   MediaWiki&#039;s own &amp;quot;Enable limited width mode&amp;quot; preference toggle does when&lt;br /&gt;
   turned off — first column now flexes to fill all available space, second&lt;br /&gt;
   column stays min-content for the pinned page-tools rail. */&lt;br /&gt;
.mw-body {&lt;br /&gt;
    grid-template-columns: minmax(0, 1fr) min-content !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    margin: 0 auto !important;&lt;br /&gt;
    overflow-wrap: break-word !important;&lt;br /&gt;
    word-wrap: break-word !important;&lt;br /&gt;
    hyphens: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-icon {&lt;br /&gt;
    height: 150px !important;&lt;br /&gt;
    width: 150px !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
    filter: drop-shadow(0 0 8px rgba(217, 189, 124, 0.25));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header logo wordmark: override inline span colors ---- */&lt;br /&gt;
.mw-logo-wordmark span:first-child {&lt;br /&gt;
    color: var(--zx-accent) !important;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark span:last-child {&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header icons (search, bell, tray, watchlist, user, settings) ---- */&lt;br /&gt;
.vector-header-end .vector-icon,&lt;br /&gt;
.vector-user-links .vector-icon,&lt;br /&gt;
#p-personal .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end a:hover .vector-icon,&lt;br /&gt;
.vector-user-links a:hover .vector-icon,&lt;br /&gt;
#p-personal a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---- Header search submit button ---- */&lt;br /&gt;
.cdx-search-input__end-button {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border: 1px solid var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-search-input__end-button:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search {&lt;br /&gt;
    margin-left: auto !important;&lt;br /&gt;
    padding-left: 100px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-end {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    justify-content: flex-end !important;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 25% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar {&lt;br /&gt;
    width: 14em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: core Vector 2022 doesn&#039;t actually read --width-layout/--width-content/&lt;br /&gt;
   --width-workspace-* as runtime CSS custom properties — its widths are&lt;br /&gt;
   compile-time LESS variables baked into literal max-width values on&lt;br /&gt;
   .mw-workspace-container / .mw-content-container / .mw-body. This block is&lt;br /&gt;
   left in place (harmless) but the real fix lives in the &amp;quot;Wide layout&amp;quot;&lt;br /&gt;
   section above and the .mw-body grid override there. */&lt;br /&gt;
:root {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    --width-content: 100% !important;&lt;br /&gt;
    --width-workspace-min: 100% !important;&lt;br /&gt;
    --width-workspace-max: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    --width-layout: 100% !important;&lt;br /&gt;
    overflow-x: hidden !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table,&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content div.mw-geshi {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    overflow-x: auto !important;&lt;br /&gt;
    display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    padding: 0.75em !important;&lt;br /&gt;
    margin: 0.5em !important;&lt;br /&gt;
    padding-right: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
.mw-body p,&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol,&lt;br /&gt;
.mw-body div {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
    margin-right: 0.25em !important;&lt;br /&gt;
    padding-left: 0.25em !important;&lt;br /&gt;
    padding-right: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-heading {&lt;br /&gt;
    margin-left: 0.25em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body ul,&lt;br /&gt;
.mw-body ol {&lt;br /&gt;
    margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading + p,&lt;br /&gt;
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {&lt;br /&gt;
    margin-top: 0.25em !important;&lt;br /&gt;
    margin-left: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Page canvas &amp;amp; background art&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
html, body {&lt;br /&gt;
    background-color: var(--zx-bg) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-column-start,&lt;br /&gt;
.vector-column-end,&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    position: relative !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32) !important;&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header .vector-icon {&lt;br /&gt;
    background-color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-header a:hover .vector-icon {&lt;br /&gt;
    background-color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.1em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-pinnable-header-toggle-button:hover {&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vector-toc-list-item-active &amp;gt; .vector-toc-link,&lt;br /&gt;
.vector-toc-list-item-active .vector-toc-link {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ACTIVE: subtle dark image overlay.&lt;br /&gt;
   Requires uploading dark-bg2.jpg (from web-react/apps/web/public/images/dark-bg2.jpg&lt;br /&gt;
   in the repo) to your wiki server at the path referenced below. */&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: &amp;quot;&amp;quot; !important;&lt;br /&gt;
    position: fixed !important;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
    left: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    height: 100% !important;&lt;br /&gt;
    background-image: url(&#039;https://wiki.zenithxi.com/images/dark-bg2.jpg&#039;) !important;&lt;br /&gt;
    background-size: cover !important;&lt;br /&gt;
    background-position: center !important;&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    opacity: 0.18 !important;&lt;br /&gt;
    z-index: -1 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FLAT CANVAS ALTERNATIVE — comment out the block above and uncomment this&lt;br /&gt;
   one to use a clean solid-color canvas instead (no image upload needed;&lt;br /&gt;
   this is what the live website itself does on every page but its Home hero).&lt;br /&gt;
.mw-page-container:before {&lt;br /&gt;
    content: none !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Typography&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
body, #content, #bodyContent, p, li, td, th, div, input, textarea, select, button {&lt;br /&gt;
    font-family: var(--zx-font-ui) !important;&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6,&lt;br /&gt;
.mw-heading,&lt;br /&gt;
.mw-headline,&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    letter-spacing: 0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 28px !important;&lt;br /&gt;
    text-transform: uppercase !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#firstHeading,&lt;br /&gt;
.mw-first-heading {&lt;br /&gt;
    border-bottom: 1px solid var(--zx-panel-border-strong);&lt;br /&gt;
    padding-bottom: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-heading2 {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    padding-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
.mw-heading2::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    margin-top: 0.3em;&lt;br /&gt;
    background: linear-gradient(90deg, rgba(217, 189, 124, 0.75), transparent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
blockquote {&lt;br /&gt;
    font-family: var(--zx-font-prose);&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    border-left: 2px solid var(--zx-gold-deep);&lt;br /&gt;
    padding-left: 1em;&lt;br /&gt;
    color: var(--zx-text-dim);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a {&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
a:hover {&lt;br /&gt;
    color: var(--zx-gold-hover);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
a:visited {&lt;br /&gt;
    color: var(--zx-gold-deep);&lt;br /&gt;
}&lt;br /&gt;
a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--zx-danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
::selection {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.35);&lt;br /&gt;
    color: var(--zx-text-strong);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Main content panel&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-body {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    box-shadow: var(--zx-panel-shadow);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body-before-content,&lt;br /&gt;
.vector-body-content,&lt;br /&gt;
.vector-body-after-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Header &amp;amp; navigation&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-header {&lt;br /&gt;
    background: var(--zx-header-grad) !important;&lt;br /&gt;
    border-bottom: 1px solid rgba(180, 160, 110, 0.32);&lt;br /&gt;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-header-container,&lt;br /&gt;
.vector-search-box,&lt;br /&gt;
.vector-user-links,&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs .vector-menu-content,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content {&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list {&lt;br /&gt;
    background: var(--zx-dropdown-grad) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border-strong) !important;&lt;br /&gt;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.07);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs a,&lt;br /&gt;
#p-personal a,&lt;br /&gt;
.vector-user-links a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    font-size: 12px;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs a:hover,&lt;br /&gt;
#p-personal a:hover,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-content-list a:hover,&lt;br /&gt;
html .vector-menu-tabs .mw-list-item.selected a {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Sidebar&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu-container,&lt;br /&gt;
.vector-sidebar-container,&lt;br /&gt;
.vector-pinnable-header,&lt;br /&gt;
.vector-pinnable-element-pinned,&lt;br /&gt;
.vector-pinned-container,&lt;br /&gt;
.mw-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    overflow: hidden !important;&lt;br /&gt;
    background: var(--zx-panel-solid);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu .vector-menu-content,&lt;br /&gt;
.vector-sidebar-container .vector-menu-content,&lt;br /&gt;
#mw-panel .vector-menu-content {&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sidebar-container *,&lt;br /&gt;
.vector-main-menu-container * {&lt;br /&gt;
    border-radius: inherit !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-heading {&lt;br /&gt;
    font-family: var(--zx-font-display) !important;&lt;br /&gt;
    color: var(--zx-gold) !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.2em;&lt;br /&gt;
    font-size: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-main-menu a,&lt;br /&gt;
.vector-menu-content a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
.vector-main-menu a:hover,&lt;br /&gt;
.vector-menu-content a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Inputs &amp;amp; buttons&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input,&lt;br /&gt;
.cdx-search-input__input,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;],&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;],&lt;br /&gt;
textarea,&lt;br /&gt;
select {&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text-strong) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-text-input__input:focus,&lt;br /&gt;
.cdx-search-input__input:focus,&lt;br /&gt;
input[type=&amp;quot;text&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;search&amp;quot;]:focus,&lt;br /&gt;
input[type=&amp;quot;password&amp;quot;]:focus,&lt;br /&gt;
textarea:focus {&lt;br /&gt;
    outline: none !important;&lt;br /&gt;
    box-shadow: 0 0 0 1px rgba(217, 189, 124, 0.35) !important;&lt;br /&gt;
    border-color: var(--zx-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button,&lt;br /&gt;
.mw-ui-button,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;],&lt;br /&gt;
button {&lt;br /&gt;
    font-family: var(--zx-font-ui);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.14em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-muted);&lt;br /&gt;
    transition: all 0.15s ease;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button:hover,&lt;br /&gt;
.mw-ui-button:hover,&lt;br /&gt;
button:hover {&lt;br /&gt;
    border-color: var(--zx-gold);&lt;br /&gt;
    color: var(--zx-gold-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-button--action-progressive,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive,&lt;br /&gt;
input[type=&amp;quot;submit&amp;quot;].mw-ui-progressive {&lt;br /&gt;
    background: var(--zx-gold-btn) !important;&lt;br /&gt;
    border-color: var(--zx-gold-btn-border) !important;&lt;br /&gt;
    color: var(--zx-on-gold) !important;&lt;br /&gt;
}&lt;br /&gt;
.cdx-button--action-progressive:hover,&lt;br /&gt;
.mw-ui-button.mw-ui-progressive:hover {&lt;br /&gt;
    filter: brightness(1.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Tables &amp;amp; code&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content table.wikitable,&lt;br /&gt;
.mw-body-content table.infobox {&lt;br /&gt;
    background: var(--zx-panel);&lt;br /&gt;
    border: 1px solid var(--zx-panel-border);&lt;br /&gt;
    color: var(--zx-text-body);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: rgba(217, 189, 124, 0.1);&lt;br /&gt;
    color: var(--zx-gold);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: 0.08em;&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
.wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    border-color: var(--zx-panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content pre,&lt;br /&gt;
.mw-body-content code,&lt;br /&gt;
.mw-highlight {&lt;br /&gt;
    font-family: var(--zx-font-mono) !important;&lt;br /&gt;
    background: var(--zx-panel-solid) !important;&lt;br /&gt;
    border: 1px solid var(--zx-panel-border) !important;&lt;br /&gt;
    color: var(--zx-text) !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Footer&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
.mw-footer-container {&lt;br /&gt;
    background: var(--zx-bg-deep) !important;&lt;br /&gt;
    border-top: 1px solid rgba(180, 160, 110, 0.3);&lt;br /&gt;
    color: var(--zx-text-disabled) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer-info,&lt;br /&gt;
#footer-places,&lt;br /&gt;
#footer-icons,&lt;br /&gt;
.mw-footer li {&lt;br /&gt;
    color: var(--zx-text-faint) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--zx-text-muted) !important;&lt;br /&gt;
}&lt;br /&gt;
#footer a:hover {&lt;br /&gt;
    color: var(--zx-gold-bright) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Optional: themed scrollbar (WebKit/Blink browsers)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
::-webkit-scrollbar { width: 10px; height: 10px; }&lt;br /&gt;
::-webkit-scrollbar-track { background: var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb { background: var(--zx-panel-border-strong); border: 2px solid var(--zx-bg-deep); }&lt;br /&gt;
::-webkit-scrollbar-thumb:hover { background: var(--zx-gold-deep); }&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   Responsive handling (unchanged — functional)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 1600px) {&lt;br /&gt;
    .mw-body-content table,&lt;br /&gt;
    .mw-body-content pre,&lt;br /&gt;
    .mw-body-content .mw-highlight {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        overflow-x: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content p,&lt;br /&gt;
    .mw-body-content li,&lt;br /&gt;
    .mw-body-content div {&lt;br /&gt;
        overflow-wrap: anywhere !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .mw-body-content img {&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        height: auto !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* NOTE: .vector-layout-config isn&#039;t a real Vector 2022 class and these&lt;br /&gt;
   --max-width-* properties aren&#039;t read anywhere in core, so this block is&lt;br /&gt;
   very likely a no-op. Left in place as harmless dead weight rather than&lt;br /&gt;
   removed, in case a theme/extension on this wiki does target it. */&lt;br /&gt;
.vector-layout-config {&lt;br /&gt;
    --max-width-page-container: none !important;&lt;br /&gt;
    --max-width-content-container: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-sticky-pinned-container::after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
    content: none !important;&lt;br /&gt;
    height: 0 !important;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI dark-fantasy table theme =====&lt;br /&gt;
   Palette: web-react/apps/web/src/styles/theme.css (gold #d9bd7c on #05070d).&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-table&amp;quot; to a table&#039;s class list. */&lt;br /&gt;
&lt;br /&gt;
.zx-table {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92));&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Header cells (incl. the collapsible title bar and column heads) */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03));&lt;br /&gt;
    color: #d9bd7c;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30);&lt;br /&gt;
    font-size: 11px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .14em;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 9px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Body cells — transparent so the panel gradient shows through&lt;br /&gt;
   (overrides Vector&#039;s default light .wikitable td background). */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.14);&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Zebra striping + hover */&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td { background: rgba(217,189,124,.035); }&lt;br /&gt;
.zx-table &amp;gt; * &amp;gt; tr:hover &amp;gt; td          { background: rgba(217,189,124,.09); }&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger token */&lt;br /&gt;
.zx-table a       { color: #e8dcb2; }&lt;br /&gt;
.zx-table a:hover { color: #ffedc2; }&lt;br /&gt;
.zx-table a.new   { color: #e88a8a; }&lt;br /&gt;
&lt;br /&gt;
/* Sort-arrow header legibility on the gold wash */&lt;br /&gt;
.zx-table.sortable th { background-clip: padding-box; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI infobox theme (item / armor / weapon / usable-item detail boxes) =====&lt;br /&gt;
   Companion to .zx-table for the vertical label/value &amp;quot;infobox&amp;quot; tables produced by&lt;br /&gt;
   Template:Item, Template:Armor, Template:Weapon, Template:Usable_item, etc.&lt;br /&gt;
   Apply by adding class=&amp;quot;zx-infobox&amp;quot; to the infobox&#039;s OUTER table. Uses !important so&lt;br /&gt;
   it themes cleanly over the templates&#039; residual inline #3c6a95 / #4696cf / #FFFFFF&lt;br /&gt;
   colors — no inline-color stripping required to make it work. Hooks the existing&lt;br /&gt;
   .item-info-header / .item-info-body cell classes (Item/Armor); plain cells&lt;br /&gt;
   (Weapon/Usable_item) fall back to the generic td rule. */&lt;br /&gt;
&lt;br /&gt;
.zx-infobox {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
    font-family: Verdana, &amp;quot;Segoe UI&amp;quot;, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Title bar (top colspan header cell) — replaces the bright #4696cf blue */&lt;br /&gt;
.zx-infobox &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.16), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.30) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    padding: 8px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label column (.item-info-header on Item/Armor) */&lt;br /&gt;
.zx-infobox .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border: 1px solid rgba(217,189,124,.20) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 7px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value column (.item-info-body on Item/Armor) + generic cells (Weapon/Usable_item) */&lt;br /&gt;
.zx-infobox .item-info-body,&lt;br /&gt;
.zx-infobox &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
    border: 1px solid rgba(127,138,163,.16) !important;&lt;br /&gt;
    padding: 7px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links: gold, red-links -&amp;gt; danger */&lt;br /&gt;
.zx-infobox a       { color: #e8dcb2 !important; }&lt;br /&gt;
.zx-infobox a:hover { color: #ffedc2 !important; }&lt;br /&gt;
.zx-infobox a.new   { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI item-ecosystem theme (CSS-driven, no per-template edits) =====&lt;br /&gt;
   Themes every item infobox AND item sub-table (Template:Item / Armor / Weapon /&lt;br /&gt;
   Usable_item and the item *_Table / *_Header family) by hooking their shared&lt;br /&gt;
   .item-info-header / .item-info-body cell classes plus their inline #4696cf&lt;br /&gt;
   title-bar and #3c6a95 border colors via attribute selectors. !important so it&lt;br /&gt;
   wins over the templates&#039; inline styles; no template edits required. */&lt;br /&gt;
&lt;br /&gt;
/* Outer item tables (inline border-color:#3c6a95) -&amp;gt; dark panel + gold border */&lt;br /&gt;
.mw-body-content table[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.45);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Blue title bars (inline #4696cf) -&amp;gt; gold header wash */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Any cell carrying the #3c6a95 steel-blue border -&amp;gt; subtle border + light text&lt;br /&gt;
   (covers Weapon/Usable_item cells that lack the item-info-* classes) */&lt;br /&gt;
.mw-body-content td[style*=&amp;quot;3c6a95&amp;quot; i],&lt;br /&gt;
.mw-body-content th[style*=&amp;quot;3c6a95&amp;quot; i] {&lt;br /&gt;
    border-color: rgba(127,138,163,.16) !important;&lt;br /&gt;
    color: #c8d0e0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Label / header column cells */&lt;br /&gt;
.mw-body-content .item-info-header {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Value / body cells */&lt;br /&gt;
.mw-body-content .item-info-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Links inside item tables / infoboxes */&lt;br /&gt;
.mw-body-content .item-info-header a,&lt;br /&gt;
.mw-body-content .item-info-body a       { color: #e8dcb2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a:hover,&lt;br /&gt;
.mw-body-content .item-info-body a:hover  { color: #ffedc2 !important; }&lt;br /&gt;
.mw-body-content .item-info-header a.new,&lt;br /&gt;
.mw-body-content .item-info-body a.new    { color: #e88a8a !important; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 2: quest / mission / key-item / magic / job-ability headers =====&lt;br /&gt;
   These legacy header templates use DISTINCTIVE colored header bars + pale section&lt;br /&gt;
   backgrounds, often with dark (black/#565657) text. Recolor the distinctive header/section&lt;br /&gt;
   colors to the dark-gold theme and force readable text. Only distinctive hexes are matched&lt;br /&gt;
   globally; common greys (#f5f5f5/#e8e8e8/#d4d4d4) are intentionally left for per-template&lt;br /&gt;
   follow-up to avoid site-wide collisions. Case-insensitive match handles #A6DBFD vs #a6dbfd. */&lt;br /&gt;
&lt;br /&gt;
/* Colored header / title / label bars -&amp;gt; gold wash + gold text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;57879d&amp;quot; i],   /* Quest_Header bars        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9d5757&amp;quot; i],   /* Mission_Header bars      */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;9e9dff&amp;quot; i],   /* Key_Item accent          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;3e718a&amp;quot; i],   /* Campaign_Header          */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;a6dbfd&amp;quot; i],   /* Magic / WS / JA headers  */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;d8effe&amp;quot; i],   /* JA column headers        */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;e2edf7&amp;quot; i] {  /* Quest label cells        */&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Pale table / section backgrounds -&amp;gt; subtle dark + light text */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;eef4f9&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;efeeee&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;cee0f2&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.04) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Legacy table wrappers -&amp;gt; dark panel + subtle gold border */&lt;br /&gt;
.mw-body-content table.bdrwhite,&lt;br /&gt;
.mw-body-content table.bdrdarkblue,&lt;br /&gt;
.mw-body-content table.Standard,&lt;br /&gt;
.mw-body-content table.keyitem,&lt;br /&gt;
.mw-body-content table.missions,&lt;br /&gt;
.mw-body-content table.bestiary {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(30,40,62,.55), rgba(11,15,24,.92)) !important;&lt;br /&gt;
    border: 1px solid rgba(180,160,110,.28) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Lighten dark legacy row/text colors so they read on the darkened cells */&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color: #565657&amp;quot; i],&lt;br /&gt;
.mw-body-content [style*=&amp;quot;color:#565657&amp;quot; i] {&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Batch 2 supplement: catch header colors set via the bgcolor= HTML attribute&lt;br /&gt;
   (e.g. Job_Ability&#039;s &amp;quot;Job Ability Information&amp;quot; title uses bgcolor=&amp;quot;#a6dbfd&amp;quot;) */&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;a6dbfd&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;d8effe&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9d5757&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;57879d&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;9e9dff&amp;quot; i],&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;4696cf&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: bestiary / Trial of the Magians grey scoping =====&lt;br /&gt;
   Scoped to .Standard / .bestiary wrapper classes (NOT global) -- the shared&lt;br /&gt;
   greys below (#4b4d4f, #e8e8e8) are common enough elsewhere on the wiki that&lt;br /&gt;
   matching them site-wide risks collisions, so they&#039;re deliberately confined&lt;br /&gt;
   to templates carrying these class names (Trial of the Magians, Adversary&lt;br /&gt;
   Description / Adversary Description 2). Order matters: the pale-cell rule&lt;br /&gt;
   is declared AFTER the header-bar rule so cells that contain BOTH substrings&lt;br /&gt;
   (e.g. &amp;quot;background:#e8e8e8; color:#4b4d4f&amp;quot;) resolve to the pale treatment,&lt;br /&gt;
   not the gold header treatment. */&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;4b4d4f&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;4b4d4f&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    border-color: rgba(217,189,124,.30) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Standard [style*=&amp;quot;e8e8e8&amp;quot; i],&lt;br /&gt;
.bestiary [style*=&amp;quot;e8e8e8&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: NPC infobox greys (Template:NPC) =====&lt;br /&gt;
   Template:NPC had no wrapper class of its own, so a &amp;quot;zx-npc&amp;quot; class was added&lt;br /&gt;
   to its two output tables (title/image table + main info table) to give&lt;br /&gt;
   its plain #f5f5f5 / #d4d4d4 cells a CSS hook without matching those very&lt;br /&gt;
   common greys globally. The #4696cf/#3c6a95 title bar + border are already&lt;br /&gt;
   themed by the global item-ecosystem rules above (NPC reuses those hexes). */&lt;br /&gt;
&lt;br /&gt;
.zx-npc [style*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-npc [style*=&amp;quot;d4d4d4&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===== ZenithXI Batch 3: Campaign_Header (Template:Campaign Header) =====&lt;br /&gt;
   Uses bgcolor= (not style=) for its title bar + label/value cells, so it&lt;br /&gt;
   wasn&#039;t caught by the Batch 2 style= hooks. Title teal (#3E718A) is&lt;br /&gt;
   distinctive enough to hook globally (mirrors the existing style= hook for&lt;br /&gt;
   the same hex); the label/value greys are common, so a &amp;quot;zx-campaign&amp;quot; class&lt;br /&gt;
   was added to the template&#039;s outer table to scope them. */&lt;br /&gt;
&lt;br /&gt;
.mw-body-content [bgcolor*=&amp;quot;3e718a&amp;quot; i] {&lt;br /&gt;
    background: linear-gradient(180deg, rgba(217,189,124,.14), rgba(217,189,124,.03)) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;c6c6c6&amp;quot; i] {&lt;br /&gt;
    background: rgba(217,189,124,.06) !important;&lt;br /&gt;
    color: #d9bd7c !important;&lt;br /&gt;
}&lt;br /&gt;
.zx-campaign [bgcolor*=&amp;quot;f5f5f5&amp;quot; i] {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: #c8d0e0 !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Template:Campaign_Header&amp;diff=102964</id>
		<title>Template:Campaign Header</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Template:Campaign_Header&amp;diff=102964"/>
		<updated>2026-07-05T13:03:59Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-campaign hook class for dark-theme CSS scoping (no visual/functional change)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;noinclude&amp;gt;&lt;br /&gt;
==Usage/Example==&lt;br /&gt;
&amp;lt;pre&amp;gt;{{Campaign Header&lt;br /&gt;
|Image=&lt;br /&gt;
|Size=&lt;br /&gt;
|NPC Name=&lt;br /&gt;
|Zone=&lt;br /&gt;
|pos=&lt;br /&gt;
|Campaign Type=&lt;br /&gt;
|Campaign Rank=&lt;br /&gt;
|Description=&lt;br /&gt;
|Orders=&lt;br /&gt;
|Time=&lt;br /&gt;
|Level=&lt;br /&gt;
|Rewards=&lt;br /&gt;
|Event Rewards=&lt;br /&gt;
}}&amp;lt;/pre&amp;gt;&lt;br /&gt;
*Most parameters are self explanitory&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&amp;lt;noinclude&amp;gt;[[Category:Templates/System|{{PAGENAME}}]]&amp;lt;/noinclude&amp;gt;&amp;lt;includeonly&amp;gt;&lt;br /&gt;
__NOTOC__&lt;br /&gt;
&amp;lt;div style=&amp;quot;min-height: 0; max-height: 100%; min-width: 0; max-width: 1600px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap-reverse; align-content: space-between; flex: 1 1 auto;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;min-height: 0; max-height: 100%; min-width: 0; flex: 1 1 auto&amp;quot;&amp;gt;&lt;br /&gt;
{| class=&amp;quot;zx-campaign&amp;quot; border=&amp;quot;1&amp;quot; cellpadding=&amp;quot;4&amp;quot; cellspacing=&amp;quot;0&amp;quot; style=&amp;quot;width: 100%; max-width: 788px; height: 100%&amp;quot;&lt;br /&gt;
! colspan=&amp;quot;4&amp;quot; bgcolor=&amp;quot;#3E718A&amp;quot; | {{#switch: {{{Zone}}} | Southern San d&#039;Oria (S) = [[File:San d&#039;Oria Flag.jpg|22px|link=]] | Windurst Waters (S) = [[File:Windurst-Flag.jpg|22px|link=]] | Bastok Markets (S) = [[File:Bastok-Flag.jpg|22px|link=]]}} &amp;lt;span style=&amp;quot;color:#FFFFFF&amp;quot;&amp;gt;&#039;&#039;&#039;{{PAGENAME}}&#039;&#039;&#039;&amp;lt;/span&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| bgcolor=&amp;quot;#C6C6C6&amp;quot; width=&amp;quot;20%&amp;quot; |&amp;amp;nbsp;&#039;&#039;&#039;Campaign Type:&#039;&#039;&#039;&lt;br /&gt;
| bgcolor=&amp;quot;#F5F5F5&amp;quot; width=&amp;quot;70%&amp;quot; colspan=&amp;quot;3&amp;quot; |&amp;amp;nbsp;{{#if: {{{Campaign Type|}}}|[[{{{Campaign Type}}}]]}}&lt;br /&gt;
|-&lt;br /&gt;
| bgcolor=&amp;quot;#C6C6C6&amp;quot; |&amp;amp;nbsp;&#039;&#039;&#039;Start NPC:&#039;&#039;&#039;&lt;br /&gt;
| bgcolor=&amp;quot;#F5F5F5&amp;quot; colspan=&amp;quot;3&amp;quot; style=&amp;quot;padding-left: 1ex&amp;quot; |[[{{{NPC Name}}}]] - [[{{{Zone}}}]] - ({{{pos}}})&lt;br /&gt;
|-&lt;br /&gt;
| bgcolor=&amp;quot;#C6C6C6&amp;quot; |&amp;amp;nbsp;&#039;&#039;&#039;Campaign Rank:&#039;&#039;&#039;&lt;br /&gt;
| bgcolor=&amp;quot;#F5F5F5&amp;quot; colspan=&amp;quot;3&amp;quot; style=&amp;quot;padding-left: 1ex&amp;quot; |{{#if: {{{Campaign Rank|}}}|{{{Campaign Rank}}}|&amp;amp;nbsp;}}&lt;br /&gt;
|-&lt;br /&gt;
| bgcolor=&amp;quot;#C6C6C6&amp;quot; valign=&amp;quot;top&amp;quot; |&amp;amp;nbsp;&#039;&#039;&#039;Objective:&#039;&#039;&#039;&lt;br /&gt;
| bgcolor=&amp;quot;#F5F5F5&amp;quot; colspan=&amp;quot;3&amp;quot; style=&amp;quot;padding-left: 1ex&amp;quot; |{{#if: {{{Description|}}}|{{{Description}}}|&amp;amp;nbsp;}}&lt;br /&gt;
|-&lt;br /&gt;
{{#if: {{{Orders|}}}|&lt;br /&gt;
{{!}} bgcolor=&amp;quot;#C6C6C6&amp;quot; valign=&amp;quot;top&amp;quot; {{!}}&amp;amp;nbsp;&#039;&#039;&#039;Mission Orders:&#039;&#039;&#039;&lt;br /&gt;
{{!}} bgcolor=&amp;quot;#F5F5F5&amp;quot; colspan=&amp;quot;3&amp;quot; style=&amp;quot;padding-left: 1ex&amp;quot; {{!}} {{{Orders}}} }}&lt;br /&gt;
|-&lt;br /&gt;
| bgcolor=&amp;quot;#C6C6C6&amp;quot; |&amp;amp;nbsp;&#039;&#039;&#039;Time Limit:&#039;&#039;&#039;&lt;br /&gt;
| bgcolor=&amp;quot;#F5F5F5&amp;quot; width=&amp;quot;25%&amp;quot; |&amp;amp;nbsp;{{#if: {{{Time|}}}|{{{Time}}}}}&lt;br /&gt;
| bgcolor=&amp;quot;#F5F5F5&amp;quot; width=&amp;quot;30%&amp;quot; bgcolor=&amp;quot;#C6C6C6&amp;quot; |&amp;amp;nbsp;&#039;&#039;&#039;Recommended Lv.&#039;&#039;&#039;&lt;br /&gt;
| bgcolor=&amp;quot;#F5F5F5&amp;quot; width=&amp;quot;25%&amp;quot; |&amp;amp;nbsp;{{#if: {{{Level|}}}|{{{Level}}}}}&lt;br /&gt;
|-&lt;br /&gt;
| bgcolor=&amp;quot;#C6C6C6&amp;quot; |&amp;amp;nbsp;&#039;&#039;&#039;Rewards:&#039;&#039;&#039;&lt;br /&gt;
| bgcolor=&amp;quot;#F5F5F5&amp;quot; colspan=&amp;quot;3&amp;quot; |&lt;br /&gt;
{{{Rewards}}}&lt;br /&gt;
|-&lt;br /&gt;
{{#if: {{{Event Rewards|}}} |&lt;br /&gt;
{{!}} bgcolor=&amp;quot;#C6C6C6&amp;quot; valign=&amp;quot;center&amp;quot; {{!}} &#039;&#039;&#039;Special Event Rewards:&#039;&#039;&#039;&lt;br /&gt;
{{!}} bgcolor=&amp;quot;#F5F5F5&amp;quot; colspan=&amp;quot;3&amp;quot; {{!}}&lt;br /&gt;
{{{Event Rewards}}} }}&lt;br /&gt;
|-&lt;br /&gt;
|}&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;min-height: 0; max-height: 100%; min-width: 0; flex: 1 1 auto&amp;quot;&amp;gt;&lt;br /&gt;
{| style=&amp;quot;width: 100%; max-width: 100%; height: 100%;&amp;quot;&lt;br /&gt;
|&lt;br /&gt;
{{#if:{{{Image|}}}|[[{{{Image}}}|{{#if:{{{Size}}}|{{{Size}}}px|300px}}]]}}&lt;br /&gt;
|}&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;[[Category:Campaign]][[Category:Campaign Ops]]&amp;lt;/includeonly&amp;gt;&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
	<entry>
		<id>https://wiki.zenithxi.com/index.php?title=Template:NPC&amp;diff=102963</id>
		<title>Template:NPC</title>
		<link rel="alternate" type="text/html" href="https://wiki.zenithxi.com/index.php?title=Template:NPC&amp;diff=102963"/>
		<updated>2026-07-05T13:03:54Z</updated>

		<summary type="html">&lt;p&gt;Sargonnas: Add zx-npc hook class for dark-theme CSS scoping (no visual/functional change)&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;noinclude&amp;gt;&amp;lt;!-- Do not implement this code directly, please use the template code provided --&amp;gt;[[Category:Templates/System|{{PAGENAME}}]][[Category:Templates/Headers|{{PAGENAME}}]]&lt;br /&gt;
==Usage/Example==&lt;br /&gt;
{| align=&amp;quot;right&amp;quot;&lt;br /&gt;
|&amp;lt;pre&amp;gt;{{NPC&lt;br /&gt;
|Name=Leonie&lt;br /&gt;
|Location=Bastok Mines&lt;br /&gt;
|Position=K-9&lt;br /&gt;
|Type=Mog House NPC&lt;br /&gt;
|Description=Checks in/out your [[Mog House]] from other nations.&lt;br /&gt;
}}&amp;lt;/pre&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
*This template creates an NPC Header, you must type additional information about the NPC if necessary after template placement, such as, merchant wares.&lt;br /&gt;
*Image file name &#039;&#039;&#039;must&#039;&#039;&#039; have the same name as the page in .jpg or .png format.&lt;br /&gt;
*Type &#039;&#039;&#039;must&#039;&#039;&#039; match an existing NPC subcategory. For a list, please refer to [[:Category:NPCs]].&lt;br /&gt;
*Location &#039;&#039;&#039;must&#039;&#039;&#039; be the same name as a zone name.&lt;br /&gt;
*If there is more than one location where the NPC can be found, this template is designed to hold upto 10 different locations and positions. (Example at the bottom)&lt;br /&gt;
:*To achieve this, both &#039;&#039;Location&#039;&#039; and &#039;&#039;Position&#039;&#039; fields must be left blank.&lt;br /&gt;
:*The &#039;&#039;Locations&#039;&#039; and &#039;&#039;Positions&#039;&#039; can be listed as additional parameters of the template without any field name.&lt;br /&gt;
:*Each listed &#039;&#039;position&#039;&#039; must follow directly after its paired &#039;&#039;location&#039;&#039;.&lt;br /&gt;
:*If the &#039;&#039;position&#039;&#039; of a particular NPC in a zone is not known, or cannot be determined, please leave it &#039;&#039;&#039;blank&#039;&#039;&#039;.&lt;br /&gt;
&amp;lt;div style=&amp;quot;clear: both;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;pre&amp;gt;{{NPC&lt;br /&gt;
|Name=&lt;br /&gt;
|Type=&lt;br /&gt;
|Location=&lt;br /&gt;
|Position=&lt;br /&gt;
|Description=&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
*Add the following sections as needed, or leave the code out completely if not relevant:&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
====Starts Quests/Missions====&lt;br /&gt;
*[[quest name]]&lt;br /&gt;
*[[quest name]]&lt;br /&gt;
&lt;br /&gt;
====Involved in Quests/Missions====&lt;br /&gt;
*[[quest name]]&lt;br /&gt;
*[[quest name]]&lt;br /&gt;
&lt;br /&gt;
====Relevant Lore====&lt;br /&gt;
*&lt;br /&gt;
*&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== NPC Vendor Table ==&lt;br /&gt;
*To be used with Template:NPC, where vendor information is relevant&lt;br /&gt;
&amp;lt;pre&amp;gt;{{NPC Vendor Table&lt;br /&gt;
|Insert NPC Vendor Wares Template=&lt;br /&gt;
}}&amp;lt;/pre&amp;gt;&lt;br /&gt;
*Enter for &amp;quot;Insert NPC Vendor Wares Template&amp;quot; the following codes and repeat as many times as needed: &lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
{{NPC Vendor Wares&lt;br /&gt;
|Item Name=&lt;br /&gt;
|Lowest Price=&lt;br /&gt;
|Highest Price= &lt;br /&gt;
|Conquest Restriction=&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
*You may enter as many of the codes as needed.&lt;br /&gt;
*Example: &lt;br /&gt;
&amp;lt;pre&amp;gt;{{NPC Vendor Table&lt;br /&gt;
|Insert NPC Vendor Wares Template=&lt;br /&gt;
{{NPC Vendor Wares&lt;br /&gt;
|Item Name=&lt;br /&gt;
|Lowest Price=&lt;br /&gt;
|Highest Price= &lt;br /&gt;
|Conquest Restriction=&lt;br /&gt;
}}&lt;br /&gt;
{{NPC Vendor Wares&lt;br /&gt;
|Item Name=&lt;br /&gt;
|Lowest Price=&lt;br /&gt;
|Highest Price= &lt;br /&gt;
|Conquest Restriction=&lt;br /&gt;
}}&lt;br /&gt;
{{NPC Vendor Wares&lt;br /&gt;
|Item Name=&lt;br /&gt;
|Lowest Price=&lt;br /&gt;
|Highest Price= &lt;br /&gt;
|Conquest Restriction=&lt;br /&gt;
}}&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
====Usage of Template====&lt;br /&gt;
*If you type the following:&lt;br /&gt;
&amp;lt;pre&amp;gt;{{NPC Vendor Table&lt;br /&gt;
|Insert NPC Vendor Wares Template=&lt;br /&gt;
{{NPC Vendor Wares&lt;br /&gt;
|Item Name=Bronze Cap&lt;br /&gt;
|Lowest Price=154&lt;br /&gt;
|Highest Price=174&lt;br /&gt;
|Conquest Restriction=Bastok - 2nd place&lt;br /&gt;
}}&lt;br /&gt;
}}&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
*You will see the following table appear on the page where the template is used:&lt;br /&gt;
{{NPC Vendor Table&lt;br /&gt;
|Insert NPC Vendor Wares Template=&lt;br /&gt;
{{NPC Vendor Wares&lt;br /&gt;
|Item Name=Bronze Cap&lt;br /&gt;
|Lowest Price=154&lt;br /&gt;
|Highest Price=174&lt;br /&gt;
|Conquest Restriction=Bastok - 2nd place&lt;br /&gt;
}}&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
==Template:NPC==&lt;br /&gt;
*The following is what appears when you use&lt;br /&gt;
&amp;lt;pre&amp;gt;{{NPC&lt;br /&gt;
|Name=&lt;br /&gt;
|Type=&lt;br /&gt;
|Location=&lt;br /&gt;
|Position=&lt;br /&gt;
|Description=&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;/pre&amp;gt;&amp;lt;/noinclude&amp;gt;&lt;br /&gt;
{| class=&amp;quot;zx-npc&amp;quot; style=&amp;quot;border-collapse: collapse; border:1px solid #3c6a95; text-align: center; float:right;&amp;quot;&lt;br /&gt;
| style=&amp;quot;background: #4696cf; padding 3px; color:white; border-bottom: 1px solid #3c6a95;&amp;quot; | &#039;&#039;&#039;{{PAGENAME}}&#039;&#039;&#039;&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;background: #f5f5f5;&amp;quot; | &amp;lt;div class=&amp;quot;img-scaler&amp;quot;&amp;gt;{{#if: {{{Image|}}} | {{#ifexist: File:{{{Image}}}.png | [[File:{{{Image}}}.png|center|250px]] | [[File:{{{Image}}}.jpg|center|250px]] }} | {{#ifexist: File:{{{Name}}}.png | [[File:{{{Name}}}.png|center|250px]] | {{#ifexist: File:{{{Name}}}.jpg | [[File:{{{Name}}}.jpg|center|250px]]  | &#039;&#039;&#039;PNG Format:&#039;&#039;&#039;[[File:{{{Name}}}.png|center]] &amp;lt;br&amp;gt; &#039;&#039;&#039;or&#039;&#039;&#039; &amp;lt;br&amp;gt; &#039;&#039;&#039;JPG Format:&#039;&#039;&#039;[[File:{{{Name}}}.jpg|center]] }}}}}}&amp;lt;/div&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;zx-npc&amp;quot; style=&amp;quot;border-collapse: collapse; border-width: 1px; border-style: solid; border-color: #3c6a95; width: 100%; max-width: 800px;&amp;quot; cellpadding=&amp;quot;3&amp;quot;&lt;br /&gt;
! style=&amp;quot;border-width: 2px; border-color: #3c6a95; background-color: #4696cf; color: white; text-align: center;&amp;quot; colspan=&amp;quot;4&amp;quot; height=&amp;quot;34px&amp;quot; |&lt;br /&gt;
{| style=&amp;quot;width: 100%;&amp;quot; &lt;br /&gt;
| style=&amp;quot;width: 100%; text-align: center; padding 3px; &amp;quot;| &#039;&#039;&#039;NPC&#039;&#039;&#039; &amp;lt;div style=&amp;quot;float: right;&amp;quot;&amp;gt;[[Image:{{BG_icon}} | link=:Special:WhatLinksHere/{{PAGENAME}} | Pages on this wiki that reference this item]]&amp;lt;/div&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
|- style=&amp;quot;vertical-align: top;&amp;quot;&lt;br /&gt;
| style=&amp;quot;border-style: solid; border-width: 1px; border-color: #3c6a95; width: 10%; padding-left: 5px; background: #d4d4d4; padding: 5px;&amp;quot; | &#039;&#039;&#039;Location:&#039;&#039;&#039; &lt;br /&gt;
| style=&amp;quot;border-style: solid; border-width: 1px; border-color: #3c6a95; padding-left: 5px; background: #f5f5f5;&amp;quot;| {{#if: {{{Location|}}}| [[{{{Location}}}]] {{#if: {{{Position|}}}&lt;br /&gt;
| - ({{{Position}}})}}|{{#if:{{{1|}}}|[[{{{1}}}]] {{#if:{{{2|}}}&lt;br /&gt;
| - ({{trim|{{{2}}}}})}}{{#if:{{{3|}}}|&amp;lt;br&amp;gt;[[{{{3}}}]] {{#if:{{{4|}}}&lt;br /&gt;
| - ({{trim|{{{4}}}}})}}{{#if:{{{5|}}}|&amp;lt;br&amp;gt;[[{{{5}}}]] {{#if:{{{6|}}}&lt;br /&gt;
| - ({{trim|{{{6}}}}})}}{{#if:{{{7|}}}|&amp;lt;br&amp;gt;[[{{{7}}}]] {{#if:{{{8|}}}&lt;br /&gt;
| - ({{trim|{{{8}}}}})}}{{#if:{{{9|}}}|&amp;lt;br&amp;gt;[[{{{9}}}]] {{#if:{{{10|}}}&lt;br /&gt;
| - ({{trim|{{{10}}}}})}}{{#if:{{{11|}}}|&amp;lt;br&amp;gt;[[{{{11}}}]] {{#if:{{{12|}}}&lt;br /&gt;
| - ({{trim|{{{12}}}}})}}{{#if:{{{13|}}}|&amp;lt;br&amp;gt;[[{{{13}}}]] {{#if:{{{14|}}}&lt;br /&gt;
| - ({{trim|{{{14}}}}})}}{{#if:{{{15|}}}|&amp;lt;br&amp;gt;[[{{{15}}}]] {{#if:{{{16|}}}&lt;br /&gt;
| - ({{trim|{{{16}}}}})}}{{#if:{{{17|}}}|&amp;lt;br&amp;gt;[[{{{17}}}]] {{#if:{{{18|}}}&lt;br /&gt;
| - ({{trim|{{{18}}}}})}}{{#if:{{{19|}}}|&amp;lt;br&amp;gt;[[{{{19}}}]] {{#if:{{{20|}}}&lt;br /&gt;
| - ({{trim|{{{20}}}}})}}{{#if:{{{21|}}}|&amp;lt;br&amp;gt;[[{{{21}}}]] {{#if:{{{22|}}}&lt;br /&gt;
| - ({{trim|{{{22}}}}})}}{{#if:{{{23|}}}|&amp;lt;br&amp;gt;[[{{{23}}}]] {{#if:{{{24|}}}&lt;br /&gt;
| - ({{trim|{{{24}}}}})}}{{#if:{{{25|}}}|&amp;lt;br&amp;gt;[[{{{25}}}]] {{#if:{{{26|}}}&lt;br /&gt;
| - ({{trim|{{{26}}}}})}}{{#if:{{{27|}}}|&amp;lt;br&amp;gt;[[{{{27}}}]] {{#if:{{{28|}}}&lt;br /&gt;
| - ({{trim|{{{28}}}}})}}{{#if:{{{29|}}}|&amp;lt;br&amp;gt;[[{{{29}}}]] {{#if:{{{30|}}}&lt;br /&gt;
| - ({{trim|{{{30}}}}})}}{{#if:{{{31|}}}|&amp;lt;br&amp;gt;[[{{{31}}}]] {{#if:{{{32|}}}&lt;br /&gt;
| - ({{trim|{{{32}}}}})}}{{#if:{{{33|}}}|&amp;lt;br&amp;gt;[[{{{33}}}]] {{#if:{{{34|}}}&lt;br /&gt;
| - ({{trim|{{{34}}}}})}}{{#if:{{{35|}}}|&amp;lt;br&amp;gt;[[{{{35}}}]] {{#if:{{{36|}}}&lt;br /&gt;
| - ({{trim|{{{36}}}}})}}{{#if:{{{37|}}}|&amp;lt;br&amp;gt;[[{{{37}}}]] {{#if:{{{38|}}}&lt;br /&gt;
| - ({{trim|{{{38}}}}})}}{{#if:{{{39|}}}|&amp;lt;br&amp;gt;[[{{{39}}}]] {{#if:{{{40|}}}&lt;br /&gt;
| - ({{trim|{{{40}}}}})}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}&lt;br /&gt;
|- style=&amp;quot;vertical-align: top;&amp;quot;&lt;br /&gt;
| style=&amp;quot;border-style: solid; border-width: 1px; border-color: #3c6a95; padding-left: 5px; background: #d4d4d4; padding: 5px;&amp;quot;| &#039;&#039;&#039;Type:&#039;&#039;&#039; &lt;br /&gt;
| style=&amp;quot;border-style: solid; border-width: 1px; border-color: #3c6a95; padding-left: 5px; background: #f5f5f5;&amp;quot;| {{{Type|}}}&lt;br /&gt;
|- style=&amp;quot;vertical-align: top;&amp;quot;&lt;br /&gt;
| style=&amp;quot;border-style: solid; border-width: 1px; border-color: #3c6a95; padding-left: 5px; background: #d4d4d4; padding: 5px;&amp;quot;| &#039;&#039;&#039;Description:&#039;&#039;&#039;&lt;br /&gt;
| style=&amp;quot;border-style: solid; border-width: 1px; border-color: #3c6a95; padding-left: 5px; background: #f5f5f5;&amp;quot;| {{{Description|}}}&lt;br /&gt;
|}&lt;br /&gt;
__NOTOC__&amp;lt;noinclude&amp;gt;&lt;br /&gt;
==Template:NPC (Expanded Locations)==&lt;br /&gt;
*The following is what appears when you use&lt;br /&gt;
&amp;lt;pre&amp;gt;{{NPC&lt;br /&gt;
|Name=Choh Moui&lt;br /&gt;
|Type=Campaign NPC&lt;br /&gt;
|Crawlers&#039; Nest (S)|I-11&lt;br /&gt;
|Bastok Markets (S)|&lt;br /&gt;
|Southern San d&#039;Oria (S)|J-11&lt;br /&gt;
|Windurst Waters (S)|G-10&lt;br /&gt;
|Description= Freelancer&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
{| class=&amp;quot;WikiBlue&amp;quot; style=&amp;quot;width: 788px; border-collapse: collapse;&amp;quot;&lt;br /&gt;
|- style=&amp;quot;background: #CCE6F9; vertical-align:top; &amp;quot; &lt;br /&gt;
| style=&amp;quot;width:10%; padding-left: 5px;&amp;quot;| &#039;&#039;&#039;Location:&#039;&#039;&#039; &lt;br /&gt;
| style=&amp;quot;padding-left: 5px;&amp;quot;| [[Crawlers&#039; Nest (S)]] - (I-11)&amp;lt;br&amp;gt;[[Bastok Markets (S)]] &amp;lt;br&amp;gt;[[Southern San d&#039;Oria (S)]] - (J-11)&amp;lt;br&amp;gt;[[Windurst Waters (S)]] - (G-10)&lt;br /&gt;
|- style=&amp;quot;background: #CCE6F9; vertical-align:top;&amp;quot; &lt;br /&gt;
| style=&amp;quot;padding-left: 5px;&amp;quot;| &#039;&#039;&#039;Type:&#039;&#039;&#039; &lt;br /&gt;
| style=&amp;quot;padding-left: 5px;&amp;quot;| Campaign NPC&lt;br /&gt;
|- style=&amp;quot;background: #CCE6F9; vertical-align:top;&amp;quot; &lt;br /&gt;
| style=&amp;quot;padding-left: 5px;&amp;quot;| &#039;&#039;&#039;Description:&#039;&#039;&#039;&lt;br /&gt;
| style=&amp;quot;padding-left: 5px;&amp;quot;| Freelancer&lt;br /&gt;
|}&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&amp;lt;includeonly&amp;gt;[[Category:NPCs|{{PAGENAME}}]]{{#if: {{{Type|}}}|[[Category:{{{Type}}}|{{PAGENAME}}]]}}{{#if: {{{Location|}}}|[[Category:{{{Location}}} NPCs|{{PAGENAME}}]]|{{#if: {{{1|}}}|[[Category:{{{1}}} NPCs|{{PAGENAME}}]]{{#if: {{{3|}}}|[[Category:{{{3}}} NPCs|{{PAGENAME}}]]{{#if: {{{5|}}}|[[Category:{{{5}}} NPCs|{{PAGENAME}}]]{{#if: {{{7|}}}|[[Category:{{{7}}} NPCs|{{PAGENAME}}]]{{#if: {{{9|}}}|[[Category:{{{9}}} NPCs|{{PAGENAME}}]]{{#if: {{{11|}}}|[[Category:{{{11}}} NPCs|{{PAGENAME}}]]{{#if: {{{13|}}}|[[Category:{{{13}}} NPCs|{{PAGENAME}}]]{{#if: {{{15|}}}|[[Category:{{{15}}} NPCs|{{PAGENAME}}]]{{#if: {{{17|}}}|[[Category:{{{17}}} NPCs|{{PAGENAME}}]]{{#if: {{{19|}}}|[[Category:{{{19}}} NPCs|{{PAGENAME}}]]}}}}}}}}}}}}}}}}}}}}}}&amp;lt;/includeonly&amp;gt;&lt;/div&gt;</summary>
		<author><name>Sargonnas</name></author>
	</entry>
</feed>