Jump to content

Order of the Holy Flame: Difference between revisions

From Erindal Wiki
← Older editNewer edit →
Content deleted Content added
VisualWikitext
No edit summary
No edit summary
Tag: Reverted
Line 1: Line 1:
<!-- Order of the Holy Flame page-local colour palette. Page-specific colours stay here, not in MediaWiki:Common.css. -->
<div class="wiki-page wiki-page--organization wiki-page--holy-flame" style="--wiki-accent:#c79a3b;--wiki-deep:#16283b;--wiki-paper:#f7f2e8;--wiki-paper-alt:#e9e3d7;--wiki-ink:#27241f;--wiki-muted:#6f675a;--wiki-line:rgba(55,66,77,0.24);">


/* ========================================================================
<div class="wiki-hero">
ERINDAL WIKI - LIVE VECTOR THEME v6.2 PAGE-LOCAL PALETTES
[[File:Order of the Holy Flame.jpg|1600px|class=wiki-hero__image|alt=Paladins of the Order of the Holy Flame gathered around the consecrated flame in their chapter hall]]
Target: MediaWiki 1.43.x, legacy Vector skin
<div class="wiki-hero__overlay">
======================================================================== */
<div class="wiki-hero__eyebrow">Paladin Order of Aelithia and Galenar</div>
<div class="wiki-hero__title">Order of the Holy Flame</div>
<div class="wiki-hero__subtitle">Protection before punishment, proof before the flame</div>
</div>
</div>


:root {
<div class="wiki-article-layout">
--ew-sidebar: 276px;
<div class="wiki-article-layout__rail">
--ew-topbar: 56px;
{{Organization record
--ew-content-max: calc(100vw - var(--ew-sidebar));
| name = Order Record
--ew-dark-0: #02070a;
| image = Symbol of the Order of the Holy Flame.png
--ew-dark-1: #061119;
| image_alt = The sword, shield, scales and white-gold flame of the Order of the Holy Flame
--ew-dark-2: #0b1a23;
| type = Independent paladin order
--ew-gold: #d1a24a;
| status = Active
--ew-gold-soft: #efc979;
| patrons = [[Aelithia]] and [[Galenar]]
--ew-paper: #efe7d9;
| leader = High Watcher Solara Flameheart
--ew-paper-light: #f8f2e8;
| headquarters = Bastion of the First Flame
--ew-ink: #171513;
| area = Multiple realms of Erindal
--ew-border: rgba(111, 86, 54, .34);
| membership = Paladins, clerics, investigators, healers, scribes and sworn lay servants
--ew-link: #0c4771;
| purpose = Protection of the innocent, investigation of grave wrongdoing and lawful retribution
}
| symbol = A sword and shield bearing balanced scales above a white-gold flame
| colours = Deep blue, ivory, silver and gold
| allies = Honest courts, local temples and communities under the order's protection
| enemies = Corrupt rulers, slavers, hidden cults and the [[Sanguine Sentinels]]
}}
</div>
<div class="wiki-article-layout__main">
<div class="wiki-lead">
'''The Order of the Holy Flame''' is an independent paladin order devoted to [[Aelithia]] and [[Galenar]]. Its members protect people who cannot protect themselves, investigate serious crimes which local authorities cannot or will not pursue and bring proven perpetrators before a court. When no honest court remains, the order may pronounce its own judgment, although this authority is restricted by old charters and by the order's own code.


/* ========================================================================
The order is built around a difficult belief. Protection without consequence allows the same danger to return, while revenge without restraint creates another injustice. Aelithia teaches the paladins whom they must defend and which limits must not be crossed. Galenar teaches them that guilt must carry a cost and that powerful offenders cannot purchase forgetfulness. The Holy Flame represents the point where those duties meet.
PAGE THEME POLICY
Common.css owns shared layout, typography and component behaviour.
Individual countries, cities, deities, organizations, characters, magic
articles and other designed pages set their own --country-*, --city-*,
--deity-* or --wiki-* palette variables on their page wrapper.
Do not add per-page colour classes or page-name selectors here.
======================================================================== */


html, body {
The order is best known for armoured paladins, but it also includes investigators, healers, scribes, advocates, armourers and lay servants. Many of its most important victories have ended without a battle. A witness reaching safety, a forged order being exposed or a corrupt official losing authority can matter more than the death of an enemy.
background: var(--ew-dark-0) !important;
</div>
}


body {
<div class="wiki-index">
color: var(--ew-ink);
<div class="wiki-index__heading">Guide to the Order of the Holy Flame</div>
font-family: "Crimson Text", Georgia, serif;
<div class="wiki-index__grid">
}
<div>[[#Purpose and Authority|<span>Purpose</span><strong>Guard, investigate and judge</strong>]]</div>
<div>[[#The Covenant of the Flame|<span>Covenant</span><strong>Protection and consequence</strong>]]</div>
<div>[[#The Code of the Holy Flame|<span>Code</span><strong>Proof before punishment</strong>]]</div>
<div>[[#Structure and Ranks|<span>Structure</span><strong>Chapters, cohorts and ranks</strong>]]</div>
<div>[[#Training and Initiation|<span>Training</span><strong>Arms, law and investigation</strong>]]</div>
<div>[[#Methods and Duties|<span>Practice</span><strong>How the order intervenes</strong>]]</div>
<div>[[#The Sacred Flame|<span>Faith</span><strong>The fire carried between chapters</strong>]]</div>
<div>[[#History|<span>History</span><strong>From a local vigil to an order</strong>]]</div>
<div>[[#Relations|<span>Relations</span><strong>States, temples and rivals</strong>]]</div>
</div>
</div>


/* ---------- GLOBAL DARK SHELL ---------- */
__TOC__
#mw-panel {
</div>
position: fixed !important;
</div>
z-index: 90;
top: 0 !important;
left: 0 !important;
bottom: 0;
width: var(--ew-sidebar) !important;
overflow-y: auto;
padding: 0 16px 24px !important;
box-sizing: border-box;
background:
radial-gradient(circle at 45% 0%, rgba(58, 83, 98, .25), transparent 300px),
linear-gradient(180deg, #0b1a23 0%, #041019 58%, #020a0f 100%) !important;
border-right: 2px solid rgba(125, 102, 69, .52);
box-shadow: inset -12px 0 24px rgba(0,0,0,.38), 4px 0 18px rgba(0,0,0,.18);
color: #f4eee3;
}


/* Decorative corners */
<div class="wiki-page__body">
#mw-panel::before,
#mw-panel::after {
content: "";
position: fixed;
z-index: 92;
top: 4px;
width: 18px;
height: 18px;
border-color: rgba(207,163,80,.62);
border-style: solid;
pointer-events: none;
}
#mw-panel::before { left: 4px; border-width: 1px 0 0 1px; }
#mw-panel::after { left: calc(var(--ew-sidebar) - 23px); border-width: 1px 1px 0 0; }


/* Replace default Vector logo area with Erindal wordmark */
== Purpose and Authority ==
#p-logo {
position: relative !important;
top: auto !important;
left: auto !important;
width: calc(var(--ew-sidebar) - 32px) !important;
height: 126px !important;
margin: 0 0 12px !important;
border-bottom: 1px solid rgba(139,116,79,.45);
}
#p-logo a {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
background: none !important;
z-index: 5;
}
#p-logo::before {
content: "";
position: absolute;
left: 15px;
top: 25px;
width: 72px;
height: 72px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
filter: drop-shadow(0 2px 2px rgba(0,0,0,.5));
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23d6a74d' stroke-width='3'%3E%3Ccircle cx='50' cy='50' r='30'/%3E%3Cpath d='M50 6L58 41L94 50L58 59L50 94L42 59L6 50L42 41Z'/%3E%3Cpath d='M50 17L53 44L83 50L53 56L50 83L47 56L17 50L47 44Z'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='5' fill='%23d6a74d'/%3E%3C/svg%3E");
}
#p-logo::after {
content: "ERINDAL\A WIKI";
white-space: pre;
position: absolute;
left: 101px;
top: 28px;
color: var(--ew-gold-soft);
font: 700 27px/1.05 "Cinzel", Georgia, serif;
letter-spacing: .075em;
text-shadow: 0 2px 2px rgba(0,0,0,.65);
}


/* Sidebar sections */
The Order of the Holy Flame exists for cases in which ordinary protection has failed. A village may be isolated from its ruler, a city watch may be controlled by the person committing the crime or a victim may be too poor to bring a case before a court. A chapter which receives such a petition first determines whether the danger is real and whether another authority can deal with it honestly. The order does not claim every dispute simply because one side invokes a god.
#mw-panel .portal {
background: none !important;
margin: 0 !important;
padding: 0 0 18px !important;
border-bottom: 1px solid rgba(139,116,79,.46);
}
#mw-panel .portal + .portal { margin-top: 18px !important; }
#mw-panel .portal h3 {
height: auto !important;
margin: 0 0 9px 12px !important;
padding: 0 !important;
color: #b9ad9a !important;
background: none !important;
font: 600 12px/1.2 "Cinzel", Georgia, serif !important;
text-transform: uppercase;
letter-spacing: .055em;
}
#mw-panel .portal .body {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}
#mw-panel .portal .body ul { margin: 0 !important; list-style: none !important; }
#mw-panel .portal .body li {
margin: 2px 0 !important;
padding: 0 !important;
font-size: 15px !important;
line-height: 1.2 !important;
}
#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
position: relative;
display: block;
padding: 7px 8px 7px 39px !important;
color: #f1ede6 !important;
text-decoration: none !important;
border-radius: 2px;
}
#mw-panel .portal .body li a:hover {
color: var(--ew-gold-soft) !important;
background: linear-gradient(90deg, rgba(35,67,93,.72), rgba(22,43,57,.20));
}
#mw-panel .portal .body li a::before {
content: "◆";
position: absolute;
left: 14px;
top: 7px;
width: 16px;
color: #98a09e;
text-align: center;
font-size: 11px;
}
#mw-panel .portal:first-of-type .body li:first-child a {
color: var(--ew-gold-soft) !important;
background: linear-gradient(90deg, rgba(35,67,93,.95), rgba(22,43,57,.42));
}
#mw-panel .portal:first-of-type .body li:first-child a::before { content: "⌂"; color: var(--ew-gold-soft); font-size: 18px; top: 4px; }


/* Hide default sidebar toolbox/footer links we don't need in the fantasy navigation */
Its ordinary work falls into three duties. The first is '''guardianship''': escorting witnesses, defending settlements, breaking sieges, finding missing people and moving threatened families to safety. The second is '''inquiry''': collecting testimony, preserving evidence, following money and identifying who gave an order rather than punishing only those who carried it out. The third is '''retribution''': arresting an offender, compelling restitution, destroying a continuing threat or, in the most serious cases, carrying out a lawful sentence.
#p-tb { display: none !important; }


The order's right to cross borders is not universal. Some kingdoms recognise its charters, others permit individual chapters to operate under local law and a few treat armed paladins as foreign agents. Experienced Watchers therefore spend almost as much time negotiating safe conduct as planning campaigns. Entering a realm without permission is allowed only when delay would clearly cost lives or when the government itself is responsible for the danger. Even then, the decision must later be examined by another chapter.


/* --- Vector 1.43 legacy compatibility --- */
The order refuses to serve as a private army. It may accept food, shelter and payment for a long expedition, but it cannot be hired to settle an inheritance, collect a commercial debt or frighten a political rival. Gifts given after a case are recorded publicly. Property seized from an offender is returned to its owners, used for restitution or placed under court control. A paladin who quietly keeps part of it commits both theft and religious betrayal.
#mw-page-base {
margin-left: var(--ew-sidebar) !important;
width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max)) !important;
background: #061119 !important;
height: var(--ew-topbar) !important;
}


#mw-panel .vector-menu-portal,
== The Covenant of the Flame ==
#mw-panel .mw-portlet {
background: none !important;
margin: 0 !important;
padding: 0 0 18px !important;
border-bottom: 1px solid rgba(139,116,79,.46) !important;
}
#mw-panel .vector-menu-portal + .vector-menu-portal,
#mw-panel .mw-portlet + .mw-portlet { margin-top: 18px !important; }


#mw-panel .vector-menu-heading,
The order calls the union of Aelithia's and Galenar's teachings the '''Covenant of the Flame'''. It is not a claim that the two gods agree in every matter. Their disagreement is considered useful. Aelithia asks whether an action protects the innocent and obeys a just law. Galenar asks whether the guilty have escaped consequence and whether a punishment resembles the harm which was done. The paladin must answer both questions.
#mw-panel .vector-menu-heading-label,
#mw-panel .mw-portlet h3 {
height: auto !important;
margin: 0 0 9px 12px !important;
padding: 0 !important;
color: #b9ad9a !important;
background: none !important;
font: 600 12px/1.2 "Cinzel", Georgia, serif !important;
text-transform: uppercase !important;
letter-spacing: .055em !important;
}
#mw-panel .vector-menu-content,
#mw-panel .vector-menu-content-list { margin:0 !important; padding:0 !important; background:none !important; }
#mw-panel .vector-menu-content-list { list-style:none !important; }
#mw-panel .vector-menu-content-list li {
margin: 2px 0 !important;
padding: 0 !important;
font-size: 15px !important;
line-height: 1.2 !important;
}
#mw-panel .vector-menu-content-list li a,
#mw-panel .vector-menu-content-list li a:visited {
position: relative !important;
display: block !important;
padding: 7px 8px 7px 39px !important;
color: #f1ede6 !important;
text-decoration: none !important;
border-radius: 2px !important;
}
#mw-panel .vector-menu-content-list li a:hover {
color: var(--ew-gold-soft) !important;
background: linear-gradient(90deg,rgba(35,67,93,.72),rgba(22,43,57,.20)) !important;
}
#mw-panel .vector-menu-content-list li a::before {
content: "◆";
position:absolute; left:14px; top:7px; width:16px;
color:#98a09e; text-align:center; font-size:11px;
}
#p-navigation .vector-menu-content-list li:first-child a {
color: var(--ew-gold-soft) !important;
background: linear-gradient(90deg,rgba(35,67,93,.95),rgba(22,43,57,.42)) !important;
}
#p-navigation .vector-menu-content-list li:first-child a::before { content:"⌂"; color:var(--ew-gold-soft); font-size:18px; top:4px; }


Aelithia stands first in every defensive oath. Her teaching prevents the order from treating an investigation as a hunt. A suspect is not yet guilty, surrender creates an obligation and even a guilty person cannot be punished by harming their family. The order's shields display her sword and scales because force remains subject to judgment.


/* Vector 1.43 link text lives inside spans; style those explicitly. */
Galenar is invoked after guilt has been established. His teaching prevents the order from accepting apologies which change nothing or fines which only the poor can feel. A wealthy official who starved a district may be ordered to surrender land and office rather than pay a sum from a treasury. A jailer who kept innocent people in darkness may be sentenced to maintain and inspect the prisons he once abused, under guard and without authority. Death is not the only serious consequence, and the order often considers it less useful than restitution.
#mw-panel .mw-list-item > a,
#mw-panel .mw-list-item > a:visited {
position: relative !important;
display: block !important;
padding: 7px 8px 7px 39px !important;
color: #f1ede6 !important;
text-decoration: none !important;
border-radius: 2px !important;
font: 15px/1.2 "Crimson Text", Georgia, serif !important;
}
#mw-panel .mw-list-item > a > span,
#mw-panel .mw-list-item > a:visited > span {
color: inherit !important;
font: inherit !important;
}
#mw-panel .mw-list-item > a:hover {
color: var(--ew-gold-soft) !important;
background: linear-gradient(90deg, rgba(35,67,93,.72), rgba(22,43,57,.20)) !important;
}
#mw-panel .mw-list-item > a::before {
content: "◆";
position: absolute;
left: 14px;
top: 7px;
width: 16px;
color: #98a09e;
text-align: center;
font-size: 11px;
}
#p-navigation .mw-list-item:first-child > a {
color: var(--ew-gold-soft) !important;
background: linear-gradient(90deg, rgba(35,67,93,.95), rgba(22,43,57,.42)) !important;
}
#p-navigation .mw-list-item:first-child > a::before { content: "⌂"; color: var(--ew-gold-soft); font-size: 18px; top: 4px; }


/* Never show an auto-generated TOC on the front page. */
This balance is never perfect. '''Vigilants''' within the order fear that the language of revenge can corrupt a protector. '''Vindicators''' fear that endless caution allows powerful criminals to exhaust witnesses and destroy evidence. The disagreement appears in chapter councils, sermons and training, but neither side is permitted to remove the other teaching from the Covenant.
body.page-Main_Page .toc,
body.page-Main_Page #toc { display: none !important; }


/* MediaWiki file markup wrappers */
== The Code of the Holy Flame ==
.ew-hero-image > span, .ew-hero-image > a,
.ew-map-image > span, .ew-map-image > a,
.ew-feature-image > span, .ew-feature-image > a,
.ew-strip > span, .ew-strip > a { display:block !important; width:100% !important; height:100% !important; }
.ew-hero-image .mw-file-description,
.ew-map-image .mw-file-description,
.ew-feature-image .mw-file-description,
.ew-strip .mw-file-description { display:block !important; width:100% !important; height:100% !important; }


/* ---------- GLOBAL TOPBAR (inserted by MediaWiki:Common.js) ---------- */
Every sworn member accepts the same code. Chapters phrase individual lines differently, but the duties do not change.
#ew-global-topbar {
position: fixed;
z-index: 100;
top: 0;
left: var(--ew-sidebar);
right: auto;
width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max));
height: var(--ew-topbar);
display: flex;
align-items: center;
box-sizing: border-box;
padding: 0 14px 0 30px;
background: linear-gradient(180deg, #08141c 0%, #03090d 100%);
border-bottom: 2px solid rgba(112,88,58,.46);
box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2px 6px rgba(0,0,0,.28);
color: #f5eee4;
font-family: "Cinzel", Georgia, serif;
}
#ew-global-topbar::before,
#ew-global-topbar::after {
content: "";
position: absolute;
top: 4px;
width: 18px;
height: 18px;
border-color: rgba(207,163,80,.55);
border-style: solid;
pointer-events: none;
}
#ew-global-topbar::before { left: 4px; border-width: 1px 0 0 1px; }
#ew-global-topbar::after { right: 4px; border-width: 1px 1px 0 0; }
.ew-global-menu {
display: flex;
align-items: stretch;
height: 100%;
min-width: 0;
}
.ew-global-menu a,
.ew-global-menu a:visited {
display: flex;
align-items: center;
padding: 0 18px;
color: #f3eee5 !important;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .04em;
text-decoration: none !important;
white-space: nowrap;
}
.ew-global-menu a:hover { color: var(--ew-gold-soft) !important; background: rgba(255,255,255,.035); }
.ew-menu-arrow { margin-left: 6px; font-size: 11px; }
.ew-global-search {
margin-left: auto;
width: min(304px, 26vw);
height: 35px;
display: flex;
border: 1px solid rgba(151,128,91,.42);
background: rgba(0,0,0,.28);
border-radius: 4px;
overflow: hidden;
}
.ew-global-search input[type="search"] {
min-width: 0;
flex: 1;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
color: #eee8de !important;
padding: 0 12px !important;
font: 15px "Crimson Text", Georgia, serif !important;
}
.ew-global-search input::placeholder { color: #d4cbc0; opacity: .88; }
.ew-global-search button {
width: 42px;
border: 0;
border-left: 1px solid rgba(151,128,91,.34);
background: transparent;
color: #f1eade;
font-size: 22px;
cursor: pointer;
}
.ew-global-tools { display: flex; height: 100%; margin-left: 9px; }
.ew-tool-link,
.ew-tool-link:visited {
width: 44px;
display: grid;
place-items: center;
color: #f3eee5 !important;
text-decoration: none !important;
border-left: 1px solid rgba(151,128,91,.20);
font-size: 21px;
}
.ew-tool-link:hover { color: var(--ew-gold-soft) !important; }


/* ---------- VECTOR CONTENT POSITIONING ---------- */
<div class="wiki-card-grid wiki-card-grid--three">
#mw-head-base {
<div class="wiki-card"><h3>Protection comes first</h3><p>Remove people from immediate danger before pursuing the person who caused it. A paladin who abandons victims for a more glorious chase has chosen pride over duty.</p></div>
margin-left: var(--ew-sidebar) !important;
<div class="wiki-card"><h3>Proof comes before punishment</h3><p>Test testimony, preserve evidence and allow an accusation to be challenged. Certainty declared too early is one of the easiest tools of a tyrant.</p></div>
width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max)) !important;
<div class="wiki-card"><h3>Surrender creates responsibility</h3><p>A surrendered enemy may be bound and judged, but cannot be killed for convenience. Once accepted, the surrender is protected by the order's honour.</p></div>
margin-top: var(--ew-topbar) !important;
<div class="wiki-card"><h3>No innocent pays the debt</h3><p>Family, servants and communities do not inherit the guilt of an offender. Collective punishment is forbidden even when it would force a quicker victory.</p></div>
height: 34px !important;
<div class="wiki-card"><h3>Strength must answer to law</h3><p>An order from a ruler, commander or priest may be refused when it is clearly unjust. Rank does not turn cruelty into duty.</p></div>
background: #0a151c !important;
<div class="wiki-card"><h3>Consequence must end the danger</h3><p>Retribution should repair, restrain or expose. Pain inflicted only to satisfy anger is not the justice of Galenar.</p></div>
}
</div>
#mw-head {
left: var(--ew-sidebar) !important;
right: auto !important;
width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max)) !important;
top: var(--ew-topbar) !important;
height: 34px !important;
background: linear-gradient(180deg, #0a151c, #071017) !important;
border-bottom: 1px solid rgba(125,102,69,.30);
box-sizing: border-box;
}
#left-navigation,
#right-navigation { margin-top: 0 !important; height: 34px !important; }
.vector-menu-tabs,
.vector-menu-tabs span,
.vector-menu-tabs ul { background-image: none !important; }
.vector-menu-tabs li {
background-image: none !important;
background: transparent !important;
height: 34px !important;
}
.vector-menu-tabs li a,
.vector-menu-tabs li a:visited {
height: 34px !important;
line-height: 34px !important;
padding: 0 10px !important;
color: #cfc6ba !important;
background: transparent !important;
font-size: 12px !important;
}
.vector-menu-tabs li.selected a,
.vector-menu-tabs li a:hover { color: var(--ew-gold-soft) !important; }
#p-personal { display: none !important; }
#p-search { display: none !important; }


#content {
Members are expected to speak truth during formal inquiry and judgment. Concealing a witness, route or plan from an enemy is not considered lying, but falsifying evidence is among the order's worst offences. A paladin may use a false identity during an investigation only with the approval of a Watcher and must record what was done afterward.
margin-left: var(--ew-sidebar) !important;
width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max)) !important;
max-width: var(--ew-content-max) !important;
margin-top: 0 !important;
border: 0 !important;
min-height: calc(100vh - 90px);
box-sizing: border-box;
padding: 34px 42px 44px !important;
background:
linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.02)),
repeating-linear-gradient(45deg, rgba(119,91,49,.012), rgba(119,91,49,.012) 2px, transparent 2px, transparent 7px),
var(--ew-paper) !important;
color: var(--ew-ink) !important;
}
#content a,
#content a:visited { color: var(--ew-link); }
#content a:hover { color: #8c5d0a; }
#firstHeading,
#content h1,
#content h2,
#content h3,
#content h4 { font-family: "Cinzel", Georgia, serif; color: #181512; }
#firstHeading { border-bottom: 1px solid rgba(91,70,44,.35); }


#footer {
Mercy is permitted and sometimes required. It is not the same as pretending that nothing happened. An offender who confesses, repairs the damage and accepts limits may receive a reduced sentence. One who offers repentance only after capture receives less trust. The order judges a change by the duties accepted, not by the beauty of the apology.
margin-left: var(--ew-sidebar) !important;
width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max)) !important;
max-width: var(--ew-content-max) !important;
box-sizing: border-box;
padding: 18px 28px 22px !important;
background: #061119 !important;
color: #aaa296 !important;
border-top: 1px solid rgba(125,102,69,.42);
}
#footer a { color: #c9b888 !important; }


/* ---------- MAIN PAGE: remove article chrome ---------- */
== Structure and Ranks ==
body.page-Main_Page #mw-head,
body.page-Main_Page #mw-head-base,
body.page-Main_Page #mw-page-base { display: none !important; }
body.page-Main_Page #content {
margin-top: var(--ew-topbar) !important;
padding: 0 !important;
background: var(--ew-dark-0) !important;
}
body.page-Main_Page #firstHeading,
body.page-Main_Page #siteSub,
body.page-Main_Page #contentSub,
body.page-Main_Page .mw-indicators,
body.page-Main_Page .catlinks,
body.page-Main_Page #jump-to-nav { display: none !important; }
body.page-Main_Page #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output { margin: 0 !important; padding: 0 !important; }
body.page-Main_Page .mw-parser-output > p:empty { display:none; }


/* ---------- HOMEPAGE ---------- */
The Order of the Holy Flame is divided into '''chapters'''. A large chapter maintains a fortified house, a court chamber, a chapel, an infirmary and secure archives. Smaller chapters may occupy only a rented hall and stable. Each chapter answers to a Watcher but holds considerable independence because distant communication can take weeks.
.ew-home,
.ew-home * { box-sizing: border-box; }
.ew-home {
width: 100%;
max-width: none;
margin: 0;
color: var(--ew-ink);
background: var(--ew-paper);
font-family: "Crimson Text", Georgia, serif;
}
.ew-home a { text-decoration: none !important; }


.ew-hero {
Members usually work in '''cohorts''' of five to twelve. A cohort is deliberately mixed. Paladins provide defence and arrest power, while investigators, clerics, scouts or healers provide skills which armour cannot replace. A cohort sent to examine missing grain may discover corruption rather than monsters, and a sword cannot prove who altered a warehouse ledger.
height: clamp(278px, 18vw, 340px);
position: relative;
overflow: hidden;
background: #061019;
border-bottom: 2px solid rgba(91,70,44,.48);
}
.ew-hero-image { position:absolute; inset:0; overflow:hidden; }
.ew-hero-image .mw-file-element,
.ew-hero-image img {
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover;
display: block;
}
.ew-hero-shade {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(2,7,10,.94) 0%, rgba(2,7,10,.78) 30%, rgba(2,7,10,.30) 48%, rgba(2,7,10,.08) 69%, rgba(2,7,10,.14) 100%);
}
.ew-hero-copy {
position: relative;
z-index: 2;
padding: 48px 0 0 55px;
color: #fffaf1;
text-shadow: 0 3px 4px rgba(0,0,0,.75);
}
.ew-hero-kicker { text-transform: uppercase; font-size: 22px; letter-spacing: .04em; margin-bottom: 2px; }
.ew-hero-title {
color: #fffaf1;
font-size: 54px;
line-height: 1.03;
letter-spacing: .045em;
text-transform: uppercase;
font-weight: 500;
}
.ew-gold-rule { height: 28px; display: flex; align-items: center; margin: 4px 0 8px; }
.ew-gold-rule::before { content: "✧"; color: var(--ew-gold); font-size: 17px; margin-right: 4px; }
.ew-gold-rule span { display:block; width:68px; height:2px; background:linear-gradient(90deg,var(--ew-gold),rgba(209,162,74,0)); }
.ew-hero-copy p { margin:0; color:#fff7eb; font-size:16px; line-height:1.45; }


.ew-home-grid {
The order uses the following ranks:
display:grid;
grid-template-columns:minmax(0,1fr) clamp(420px,38%,560px);
gap:8px;
padding:8px 10px 0;
background:#efe7d9;
}
.ew-home-left,
.ew-home-right { min-width:0; }
.ew-panel {
position:relative;
background:
linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.08)),
repeating-linear-gradient(45deg,rgba(119,91,49,.018),rgba(119,91,49,.018) 2px,transparent 2px,transparent 7px),
var(--ew-paper-light);
border:1px solid var(--ew-border);
box-shadow:inset 0 0 0 2px rgba(255,255,255,.27),0 1px 2px rgba(0,0,0,.08);
}
.ew-panel::before,
.ew-panel::after {
content:"";
position:absolute;
width:13px;
height:13px;
border-color:rgba(142,116,78,.32);
border-style:solid;
pointer-events:none;
}
.ew-panel::before { top:5px; left:5px; border-width:1px 0 0 1px; }
.ew-panel::after { top:5px; right:5px; border-width:1px 1px 0 0; }
.ew-panel h2 {
margin:0 !important;
padding:0 !important;
border:0 !important;
color:#111 !important;
font-size:20px !important;
line-height:1.25 !important;
text-transform:uppercase;
font-weight:700;
}
.ew-panel p { color:#171717; font-size:15.5px; line-height:1.42; }


.ew-overview {
{| class="wikitable wiki-table"
min-height:222px;
! Rank
display:grid;
! Duty
grid-template-columns:minmax(0,1fr) 42%;
! Usual authority
overflow:hidden;
|-
}
| '''Initiate'''
.ew-panel-copy { padding:31px 24px 24px 39px; }
| A recruit under instruction who has not sworn the full oath.
.ew-heading-mark { color:#58605f; margin-right:9px; font-size:26px; vertical-align:-2px; }
| May accompany a cohort but cannot pronounce judgment or carry the complete insignia.
.ew-map-image { min-height:210px; overflow:hidden; opacity:.80; }
|-
.ew-map-image .mw-file-element,
| '''Flame Acolyte'''
.ew-map-image img { width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; display:block; mix-blend-mode:multiply; }
| A sworn junior member completing practical service.
| May guard, gather testimony and act under the written authority of a Vigilant.
|-
| '''Vigilant'''
| A full paladin or specialist trusted to conduct ordinary missions.
| May lead a small group, make arrests where the order is recognised and accept surrender.
|-
| '''Vindicator'''
| A senior field member trained in difficult investigation and final enforcement.
| May lead a cohort and request a chapter judgment in cases involving major officials or supernatural threats.
|-
| '''Flame Eternal'''
| A veteran whose service, restraint and judgment have been tested over many years.
| May train members, review disputed cases and command several cohorts during a crisis.
|-
| '''Watcher'''
| The head of a chapter and keeper of its charters, treasury and sacred ember.
| May authorise operations across borders and convene a full tribunal.
|-
| '''High Watcher'''
| The elected leader of the whole order.
| Represents the order between realms, resolves disputes between chapters and calls a General Vigil.
|}


.ew-categories-panel { margin-top:8px; padding:20px 18px 18px; min-height:337px; }
'''Guardian''' is an honour commonly given to retired members who remain attached to a chapter. Guardians teach, maintain archives and advise tribunals. It is not a higher rank, and an old hero cannot command active cohorts simply by invoking it.
.ew-category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; margin-top:12px; }
.ew-card {
min-height:75px;
cursor:pointer;
display:flex;
align-items:center;
gap:12px;
padding:12px 13px;
border:1px solid rgba(118,93,58,.25);
background:rgba(250,246,238,.72);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.ew-card-icon { width:42px; flex:0 0 auto; color:#454847; font-size:30px; text-align:center; line-height:1; }
.ew-card-icon.ew-gold { color:#ba7e12; }
.ew-card a,
.ew-card-label { display:block; color:#151515 !important; text-transform:uppercase; font-size:12.5px; font-weight:700; line-height:1.15; }
.ew-card:hover { background:rgba(255,250,240,.96); border-color:rgba(153,111,52,.48); }
.ew-card:focus-visible { outline:2px solid var(--ew-gold); outline-offset:-3px; }
.ew-card small { display:block; margin-top:7px; color:#2d2b27; font-size:12px; }
.ew-strip { grid-column:span 3; min-height:75px; overflow:hidden; border:1px solid rgba(118,93,58,.25); }
.ew-strip .mw-file-element,
.ew-strip img { width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; display:block; filter:sepia(.16) saturate(.78) brightness(1.04); }


.ew-home-right .ew-panel { margin-bottom:8px; }
The High Watcher is elected by the assembled Watchers and selected Flames Eternal. The office is held for twelve years and may be renewed once. A High Watcher can be removed by a two-thirds vote after an open hearing. This rule was introduced after an earlier leader used emergency powers to hide failed investigations and is now considered one of the order's strongest protections against its own authority.
.ew-featured { padding:19px 18px 18px; }
.ew-featured h2 { display:flex; align-items:center; gap:12px; margin-bottom:12px !important; }
.ew-featured h2 span { color:#5d6260; font-size:23px; }
.ew-feature-image { height:145px; overflow:hidden; border:1px solid rgba(65,47,27,.35); margin-bottom:9px; }
.ew-feature-image .mw-file-element,
.ew-feature-image img { width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; display:block; }
.ew-featured h3 { margin:0 0 5px !important; padding:0 !important; border:0 !important; color:#111 !important; font-size:20px !important; text-transform:uppercase; font-weight:500; }
.ew-featured p { margin:0; font-size:15px; line-height:1.3; }
.ew-readmore { margin-top:9px; font-size:14px; }
.ew-readmore a { color:#073d67 !important; }


.ew-recent { padding:15px 17px 15px; min-height:246px; }
== Training and Initiation ==
.ew-recent h2 { display:flex; align-items:center; gap:8px; font-size:16px !important; margin-bottom:12px !important; }
.ew-recent-row { display:grid; grid-template-columns:32px minmax(0,1fr); gap:9px; align-items:center; margin:6px 0; }
.ew-recent-icon { width:32px; height:32px; display:grid; place-items:center; background:#1a2228; color:#eee9dd; border:1px solid rgba(100,78,45,.48); font-size:12px; }
.ew-recent-row a { color:#073d67 !important; font-size:13.5px; line-height:1.1; }
.ew-recent-row small { display:block; color:#4c4842; font-size:11.5px; margin-top:2px; }
.ew-recent-loading { padding:8px 0; color:#5b554c; font-size:13px; }


.ew-important { margin:6px 10px 10px; padding:14px 26px 16px; }
The order accepts people from many nations and ancestries. Most recruits already possess some useful experience as soldiers, guards, advocates, healers, hunters or temple servants. Noble birth offers no formal advantage. A candidate sponsored by a powerful family is usually examined more carefully because chapters have learned how easily patronage can become control.
.ew-important h2 { font-size:15px !important; margin-bottom:12px !important; }
.ew-important h2 span { color:#676b68; margin-right:8px; }
.ew-important-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; }
.ew-important-grid a { color:#073d67 !important; font-size:14px; }
.ew-important-grid small { display:block; margin-top:4px; color:#171717; font-size:12px; line-height:1.28; }


/* ---------- Article styling ---------- */
Training normally lasts between three and six years. Initiates study physical defence, weapons, restraint and survival, but they also learn law, questioning, record keeping, first aid, magical hazards and the preservation of evidence. Every initiate must serve in an infirmary and accompany an investigation in which no combat occurs. The order wants members to understand that helplessness is not solved only by defeating an enemy.
body:not(.page-Main_Page) .mw-parser-output { max-width: 1180px; }
body:not(.page-Main_Page) .mw-parser-output p { font-size: 16px; line-height: 1.58; }
body:not(.page-Main_Page) .mw-parser-output h2 {
margin-top: 1.5em;
padding-bottom: 5px;
border-bottom: 1px solid rgba(91,70,44,.28);
}
.mw-editsection { font-family: Arial, sans-serif; font-size: 11px; }
.toc, .mw-warning, .mw-message-box {
background: rgba(255,255,255,.42) !important;
border-color: rgba(111,86,54,.32) !important;
}


/* ---------- Responsive ---------- */
Paladins train with sword and shield because the combination reflects Aelithia's protection and allows an opponent to be contained. Spears, maces, bows and polearms are also common. The order does not require a single favoured weapon. An investigator who can protect witnesses and a healer who remains steady under attack may serve the Covenant as fully as the strongest duelist.
@media (max-width: 1180px) {
.ew-global-menu a { padding: 0 10px; font-size: 12px; }
.ew-global-search { width: 220px; }
.ew-home-grid { grid-template-columns:1fr; }
.ew-home-right { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ew-home-right .ew-panel { margin-bottom:0; }
}


@media (max-width: 900px) {
Magical training focuses on recognition and survival. Initiates learn the signs of enchantment, possession, illusion, curses and false divine manifestations. Those capable of magic receive more advanced instruction, while others learn to work with specialists. The order considers pretending to understand an unknown spell more dangerous than admitting ignorance.
:root { --ew-sidebar: 218px; }
#p-logo::before { width:58px; height:58px; left:8px; top:30px; }
#p-logo::after { left:72px; top:34px; font-size:21px; }
.ew-global-menu a:nth-child(n+4) { display:none; }
#content { padding:26px 24px 36px !important; }
body.page-Main_Page #content { padding:0 0 10px !important; }
.ew-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ew-strip { grid-column:span 2; }
.ew-important-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}


@media (max-width: 700px) {
The final test is called the '''Three Watches'''. During the first watch, the initiate protects a person or place without being allowed to pursue the source of danger. During the second, they investigate a constructed case in which the obvious suspect is innocent. During the third, they must recommend a consequence after hearing both victim and offender. The tests are not designed to produce one approved answer. They reveal whether the candidate understands responsibility, doubt and restraint.
:root { --ew-sidebar: 0px; }
#mw-panel { display:none !important; }
#ew-global-topbar { left:0; padding-left:10px; }
#mw-head, #mw-head-base { left:0 !important; margin-left:0 !important; }
#content, #footer { margin-left:0 !important; }
.ew-global-menu a:nth-child(n+3) { display:none; }
.ew-global-search { width: min(240px, 45vw); }
.ew-tool-link:first-child { display:none; }
.ew-overview { grid-template-columns:1fr; }
.ew-map-image { display:none; }
.ew-home-right { grid-template-columns:1fr; }
.ew-category-grid { grid-template-columns:1fr; }
.ew-strip { grid-column:span 1; }
.ew-important-grid { grid-template-columns:1fr; }
.ew-hero-copy { padding-left:26px; }
.ew-hero-title { font-size:40px; }
}


The full oath is sworn before the chapter's flame. The initiate places one hand on a shield and the other above an unlit lamp. An ember from the sacred fire is placed inside it only after the oath is completed.


/* Final MediaWiki parser cleanup */
<div class="wiki-quote">
body.page-Main_Page .ew-home p { margin-top:0; }
<p>“I will stand before the blow. I will seek what is true before I name what is guilty. I will not call anger justice, nor mercy forgetfulness. I will guard the innocent, accept the surrendered and bring the proven wrong to consequence. No command will make cruelty my duty, and no rank will place me beyond judgment.”</p>
body.page-Main_Page .ew-home .mw-default-size,
<cite>Common form of the Oath of the Holy Flame</cite>
body.page-Main_Page .ew-home figure { margin:0 !important; padding:0 !important; max-width:none !important; }
</div>
body.page-Main_Page .ew-home figure > a { display:block !important; width:100% !important; height:100% !important; }
body.page-Main_Page #mw-page-base { background:#061119 !important; }


== Methods and Duties ==


/* ---------- v4.3 FLUID WIDTH OVERRIDES ---------- */
Most cases begin with a petition. A chapter clerk records who is asking for help, what danger is claimed and which local authorities have already been approached. Urgent requests can send a cohort out immediately, but a written record is still created. False petitions are common enough that the order refuses to act only on reputation or emotion.
/* Use every pixel to the right of the fixed sidebar. Internal components, not
the whole site, decide how wide they should become. */
#mw-page-base,
#mw-head-base,
#mw-head,
#content,
#footer,
#ew-global-topbar {
width: calc(100vw - var(--ew-sidebar)) !important;
max-width: none !important;
}


body.page-Main_Page .ew-home {
An investigating cohort divides responsibility. One member protects witnesses, another records testimony, another examines physical evidence and a fourth speaks with local officials. Separating these roles makes it harder for a single paladin's assumptions to control the whole case. Important conclusions must be signed by at least two members who reached them independently.
width: 100% !important;
max-width: none !important;
}


/* Keep the right column useful on wide screens without letting it eat half the page. */
The order prefers arrest and public evidence to secret execution. An offender exposed in a court loses allies, money and authority as well as freedom. There are exceptions. Undead, fiends, active cult sacrifices and creatures which cannot be safely contained may need to be destroyed immediately. Even then, the cohort records what it saw and why no lesser action was possible.
.ew-home-grid {
grid-template-columns: minmax(0, 1fr) clamp(420px, 38%, 560px);
}


/* Let category cards gain columns on very wide displays instead of becoming huge. */
When a ruler is implicated, the order first seeks another lawful authority: a council, temple court, royal relative, imperial inspector or assembly of recognised guilds. If every institution is controlled by the offender, a chapter may convene a '''Flame Tribunal'''. Such a tribunal requires three senior members from at least two chapters, testimony made public where possible and a written judgment sent to neighbouring authorities. This procedure is slow by design.
@media (min-width: 1900px) {
.ew-category-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ew-strip { grid-column: span 4; }
}


/* When viewport is only moderately wide, preserve the reference-image proportions. */
<div class="wiki-figure wiki-figure--wide">
@media (min-width: 1181px) and (max-width: 1550px) {
[[File:Order of the Holy Flame - Protection and Proof.jpg|1400px|alt=Paladins protect survivors, record testimony and examine evidence after an attack]]
.ew-home-grid { grid-template-columns: minmax(0, 1.56fr) minmax(360px, .98fr); }
<div class="wiki-figure__caption">A field cohort divides its work between protection, testimony and physical evidence. The order considers each duty part of the same case.</div>
}
</div>


== The Sacred Flame ==


/* ---------- v4.4 TYPOGRAPHY ---------- */
The fire kept at the Bastion of the First Flame is a real consecrated flame, not only a metaphor. It is tended day and night in a low stone hearth. Each recognised chapter receives an ember sealed inside a silver and blue lantern. New chapterhouses light their own hearth from that ember, creating a physical line of continuity across the order.
#p-logo::after,
.ew-global-menu a,
.ew-hero-kicker,
.ew-hero-title,
.ew-panel-title,
.ew-section-title,
.ew-category-title,
#firstHeading,
#content h1,
#content h2,
#content h3,
#content h4 {
font-family: "Cinzel", Georgia, serif !important;
}


body,
The flame is not believed to be impossible to extinguish. Treating it as indestructible would make its guardianship meaningless. If a chapter's fire dies by accident, the Watcher must record the failure and request a new ember. If it is deliberately extinguished during an attack, recovering or relighting it becomes a public sign that the chapter has returned.
#content,
.ew-home,
#mw-panel .vector-menu-content-list li a,
#mw-panel .portal .body li a,
.ew-global-search input[type="search"] {
font-family: "Crimson Text", Georgia, serif !important;
}


.ew-global-menu a { font-weight: 600; letter-spacing: .045em; }
Aelithia's priests interpret the flame as the light which reveals truth and keeps watch through darkness. Galenar's priests interpret its heat as consequence: hidden wrongdoing can remain close to it only for a time before it is exposed. The order joins both meanings. A flame gives light before it burns.
.ew-hero-title { font-weight: 600; }
.ew-hero-kicker { font-family: "Cinzel", Georgia, serif !important; font-weight: 600; }
#mw-panel .vector-menu-heading,
#mw-panel .vector-menu-heading-label,
#mw-panel .mw-portlet h3,
#mw-panel .portal h3 { font-family: "Cinzel", Georgia, serif !important; font-weight: 600 !important; }


/* Admin/source edit shortcut inserted by Common.js */
Small flame-lamps are used during judgments, oaths and vigils for the dead. They are never used to torture a prisoner. This prohibition is absolute. The order has destroyed chapter records and removed commanders who attempted to call pain inflicted by fire a sacred test.
.ew-edit-link {
width: auto !important;
min-width: 78px;
padding: 0 12px;
gap: 7px;
font: 600 11px/1 "Cinzel", Georgia, serif !important;
letter-spacing: .035em;
white-space: nowrap;
}
.ew-edit-link .ew-edit-pencil { font-size: 17px; line-height: 1; }
@media (max-width: 1250px) {
.ew-edit-link { min-width: 44px; width: 44px !important; padding: 0 !important; }
.ew-edit-link .ew-edit-label { display:none; }
}


/* ========================================================================
== Equipment and Heraldry ==
v4.5 FONT + EDIT ACTION FIX
Google Fonts are loaded by MediaWiki:Common.js because ResourceLoader can
discard/ignore remote @import rules in site CSS.
======================================================================== */
html body,
#content,
#bodyContent,
#mw-content-text,
.mw-parser-output,
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output td,
.mw-parser-output th,
#mw-panel .mw-list-item > a,
#mw-panel .mw-list-item > a > span,
.ew-home,
.ew-panel p,
.ew-card small,
.ew-recent-row,
.ew-global-search input[type="search"] {
font-family: "Crimson Text", Georgia, "Times New Roman", serif !important;
}


#firstHeading,
The order's full emblem combines a shield, an upright sword, balanced scales and a white-gold flame. The shield belongs to Aelithia, the scales are shared by both patrons and the flame marks the Covenant. The sword passes behind the shield rather than through it, showing that force supports the judgment instead of replacing it.
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#p-logo::after,
#mw-panel .vector-menu-heading,
#mw-panel .vector-menu-heading-label,
#mw-panel .portal h3,
#ew-global-topbar,
.ew-global-menu,
.ew-hero-kicker,
.ew-hero-title,
.ew-panel h2,
.ew-card-label {
font-family: "Cinzel", Georgia, serif !important;
}


/* Use Vector's own edit controls. Do not create a second custom one. */
Deep blue and ivory are the normal cloth colours. Silver represents clear law, while gold is used only as an edge or fastening. Field armour is not required to match perfectly. A chapter would rather repair a reliable breastplate than discard it for failing to look ceremonial. The emblem is usually painted on a shield, fixed to a cloak clasp or stamped onto a warrant.
#ca-edit,
#ca-ve-edit,
#ca-viewsource {
display: list-item !important;
}


/* Legacy styles from v4.4 custom edit button are intentionally disabled. */
Every cohort carries blank testimony sheets, sealing wax, evidence bags, chalk, cord, basic medicine and at least one hooded lantern. Senior investigators often carry small scales and standard weights because fraud involving grain, medicine and coin has harmed more people than many famous monsters.
.ew-edit-link { display: none !important; }


== Headquarters and Chapterhouses ==


/* ========================================================================
The '''Bastion of the First Flame''' serves as the order's principal headquarters. It is a fortified religious complex rather than a palace. Its central structures include the Hall of Petitions, the Hearth of the Covenant, the Tribunal Chamber, an infirmary, armouries, guest quarters and the sealed archive known as the Black Ledger.
v4.6 DISTINCT FANTASY TYPOGRAPHY
Cormorant Garamond = readable lore/body text
Marcellus SC = navigation and article/section headings
Cinzel Decorative = Erindal branding and large hero title only
======================================================================== */


/* Body/lore prose: visibly more literary than Georgia/Times. */
The Black Ledger contains judgments in which the order itself was found at fault. Names are restricted where witnesses remain in danger, but senior initiates are required to study the cases. The order believes that victories teach courage while failures teach limits. Several important rules, including the review of cross-border operations and the removal of a High Watcher, began in those records.
html body,
#content,
#bodyContent,
#mw-content-text,
.mw-parser-output,
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output td,
.mw-parser-output th,
#mw-panel .mw-list-item > a,
#mw-panel .mw-list-item > a > span,
.ew-home,
.ew-panel p,
.ew-card small,
.ew-recent-row,
.ew-global-search input[type="search"] {
font-family: "Cormorant Garamond", Garamond, Georgia, serif !important;
font-weight: 500;
}


/* Sidebar text needs a little more weight at small sizes. */
Chapterhouses vary with local need. Frontier houses are usually fortified and store grain, medicine and spare weapons. Urban houses employ more advocates and scribes. Coastal chapters maintain boats and rescue crews. All provide sanctuary for petitioners, but sanctuary is not permanent immunity. A person accused of a crime may be protected from a mob while still being investigated and surrendered to a fair court.
#mw-panel .mw-list-item > a,
#mw-panel .mw-list-item > a > span {
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: .005em;
}


/* Elegant Roman small-caps look for UI/section headings. */
== History ==
#firstHeading,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#mw-panel .vector-menu-heading,
#mw-panel .vector-menu-heading-label,
#mw-panel .portal h3,
#ew-global-topbar,
.ew-global-menu,
.ew-hero-kicker,
.ew-panel h2,
.ew-card-label,
.ew-section-title,
.ew-panel-title,
.ew-category-title {
font-family: "Marcellus SC", "Times New Roman", serif !important;
font-weight: 400 !important;
}


/* Branding gets the truly decorative face, but only where it won't hurt readability. */
The earliest form of the order was a local vigil maintained by priests of Aelithia along an unsafe pilgrimage and trade road. They escorted travellers, guarded hearings and kept lamps burning at roadside shelters. Galenar's followers joined after several attacks were traced to a noble household which had bribed local judges. Protection alone had saved individual travellers but had not ended the source of the violence.
#p-logo::after,
.ew-hero-title {
font-family: "Cinzel Decorative", "Cinzel", Georgia, serif !important;
font-weight: 700 !important;
}


#p-logo::after {
The joint investigation exposed the household, its hired raiders and the officials who sold them court records. The surviving accounts disagree over which deity first commanded cooperation. Later members consider the disagreement appropriate. Aelithia's servants knew whom to protect, while Galenar's servants followed the chain of responsibility beyond the people holding the weapons.
letter-spacing: .055em !important;
}


.ew-hero-title {
The order received its first broad charter after paladins defended three towns during a succession war and refused both claimants' attempts to recruit them. Instead, they guarded civilians, prisoner exchanges and grain convoys. The charter recognised their independence, allowed them to carry arms across several territories and required them to answer petitions without regard to allegiance.
letter-spacing: .025em !important;
}


/* Keep navigation crisp and clearly different from body copy. */
Growth created problems. Some chapters became little more than noble bodyguards, while others treated accusation as proof and called personal revenge holy. The '''Judgment of the Ashen Hall''' ended the worst period. Paladins from four chapters investigated one another, removed two Watchers and made their own evidence public. The modern code, mixed cohorts and cross-chapter tribunals developed from that crisis.
.ew-global-menu a {
font-family: "Marcellus SC", serif !important;
font-weight: 400 !important;
letter-spacing: .035em !important;
}


/* Slightly larger body text makes the Cormorant forms visible and improves lore readability. */
The order's most persistent organized enemy is the [[Sanguine Sentinels]], led in many accounts by [[Vexandra]]. The Sentinels present control, blood sacrifice and obedience as necessary prices for safety. They sometimes protect communities from one danger in order to own them afterward. This makes them a direct corruption of everything the Holy Flame claims to defend.
.ew-home,
.ew-panel p,
.mw-parser-output p,
.mw-parser-output li {
font-size: 17px;
line-height: 1.38;
}


/* ========================================================================
In the present age, the order is respected more for reliability than size. It cannot place a cohort in every threatened settlement and often arrives after harm has already been done. Its strongest chapters therefore invest in local advocates, trained messengers and agreements with temples which can protect witnesses until paladins arrive.
v4.7 FANTASY NAV + READABLE ARTICLE TYPOGRAPHY
Almendra SC = sidebar, top navigation, headings
Alegreya = normal wiki/article prose
Cinzel Decorative remains for ERINDAL WIKI branding / hero title
======================================================================== */


/* Main readable wiki typeface. This applies to normal articles as well as
== Internal Disputes ==
the front page, so long lore entries remain comfortable to read. */
html body,
#content,
#bodyContent,
#mw-content-text,
.mw-parser-output,
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output td,
.mw-parser-output th,
.mw-parser-output dd,
.mw-parser-output dt,
.ew-home,
.ew-panel p,
.ew-card small,
.ew-recent-row,
.ew-global-search input[type="search"] {
font-family: "Alegreya", Georgia, serif !important;
font-weight: 400 !important;
}


/* The intentionally fantasy-facing UI. Almendra SC has clearly medieval /
The oldest disagreement is between Vigilants who place Aelithia's restraint first and Vindicators who fear that restraint can become delay. Both positions have produced heroes and failures. The order does not attempt to end the argument, but requires mixed tribunals so that one interpretation cannot dominate a serious case.
calligraphic shapes, but stays legible at navigation sizes. */
#mw-panel .mw-list-item > a,
#mw-panel .mw-list-item > a > span,
#mw-panel .vector-menu-content-list li a,
#mw-panel .portal .body li a,
#mw-panel .vector-menu-heading,
#mw-panel .vector-menu-heading-label,
#mw-panel .portal h3,
#ew-global-topbar,
.ew-global-menu,
.ew-global-menu a,
.ew-hero-kicker,
.ew-panel h2,
.ew-card-label,
.ew-section-title,
.ew-panel-title,
.ew-category-title,
#firstHeading,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
font-family: "Almendra SC", "Cinzel", Georgia, serif !important;
}


/* Sidebar: stronger decorative character without sacrificing readability. */
Another dispute concerns political neutrality. Some members believe the order must avoid governing and remain available to victims under every ruler. Others argue that repeatedly returning a corrupt official to power is not neutrality but participation. Chapters are allowed to support legal reform, public records and independent courts, but are forbidden from claiming territory for the order itself.
#mw-panel .mw-list-item > a,
#mw-panel .mw-list-item > a > span,
#mw-panel .vector-menu-content-list li a,
#mw-panel .portal .body li a {
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: .012em !important;
}


#mw-panel .vector-menu-heading,
The use of divine visions is also contested. A genuine revelation may save lives, but false visions, magical manipulation and sincere misunderstanding are all possible. The current rule treats a vision as a reason to investigate, never as sufficient proof for punishment.
#mw-panel .vector-menu-heading-label,
#mw-panel .portal h3 {
font-size: 13px !important;
font-weight: 400 !important;
letter-spacing: .07em !important;
}


/* Top navigation should visibly match the sidebar rather than looking like
== Relations ==
a conservative Roman inscription font. */
.ew-global-menu a {
font-size: 15px !important;
font-weight: 400 !important;
letter-spacing: .045em !important;
}


/* Article headings get fantasy character, prose remains Alegreya. */
The order's relationship with the [[Empire of Kurn Daruhm]] is generally formal and workable. Imperial roads, archives and courts make investigation easier, while the order's refusal to become an imperial force protects its credibility outside the empire. Disputes occur when governors invoke state security to conceal evidence. Dwarven officials often respect the order's records even when they dislike its conclusions.
#firstHeading,
#content h1,
#content h2,
#content h3,
.ew-panel h2 {
font-weight: 400 !important;
letter-spacing: .018em !important;
}


/* Keep the strongest display face only for the identity / hero. */
In the [[Holy Kingdom of Alyren Shaeras]], Aelithia's worship gives the order religious legitimacy, but local houses and temple authorities can disagree over who has final jurisdiction. The paladins are welcomed when defending communities and watched closely when investigating noble or religious institutions.
#p-logo::after,
.ew-hero-title {
font-family: "Cinzel Decorative", "Almendra SC", Georgia, serif !important;
font-weight: 700 !important;
}


/* Normal wiki prose tuning. */
The [[Dominion]] treats the order with suspicion and sometimes hostility, particularly where its agents encourage witnesses to speak against powerful masters. The order avoids promising protection it cannot maintain. Removing a person from danger is not enough if the Dominion can punish their family afterward.
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output dd,
.mw-parser-output dt,
.ew-home,
.ew-panel p {
font-size: 16.5px !important;
line-height: 1.48 !important;
}


/* ========================================================================
Temples of Aelithia and Galenar provide healers, archives and spiritual guidance, but neither church commands the order. This independence prevents a dispute between priesthoods from paralysing a chapter. It also means that the order cannot excuse a failure by claiming it only followed temple orders.
v4.8 READABLE CONTENT TYPOGRAPHY
Almendra SC = navigation chrome only
Alegreya SC = readable fantasy headings / labels / article names
Alegreya = body prose
Cinzel Decorative = Erindal identity / hero only
======================================================================== */


/* Navigation keeps the decorative Almendra face the user liked. */
== Notable Members ==
#mw-panel .mw-list-item > a,
#mw-panel .mw-list-item > a > span,
#mw-panel .vector-menu-content-list li a,
#mw-panel .portal .body li a,
#mw-panel .vector-menu-heading,
#mw-panel .vector-menu-heading-label,
#mw-panel .portal h3,
#ew-global-topbar,
.ew-global-menu,
.ew-global-menu a {
font-family: "Almendra SC", "Cinzel", Georgia, serif !important;
}


/* Main wiki headings: fantasy-flavoured, but much easier to scan than Almendra. */
'''High Watcher Solara Flameheart''' is the present leader of the order. She is known for expanding the witness-sanctuary network and for requiring every chapter to publish a yearly account of gifts, seized property and unresolved petitions. Critics consider her reforms too administrative. Supporters argue that a hidden treasury can corrupt a holy order faster than any enemy.
#firstHeading,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
.ew-panel h2,
.ew-panel h3,
.ew-panel-title,
.ew-section-title,
.ew-category-title,
.ew-featured h2,
.ew-featured h3,
.ew-recent h2,
.ew-important h2,
.ew-overview h2,
.ew-category h2,
.ew-card-label {
font-family: "Alegreya SC", "Alegreya", Georgia, serif !important;
font-weight: 700 !important;
letter-spacing: .015em !important;
}


/* Category labels were particularly hard to read in Almendra SC. */
'''Kelhsy Bladesong''' is counted among the order's best-known field paladins. Her service is associated with protection of threatened communities and with the difficult boundary between religious duty and the interests of the house to which she belongs.
.ew-card-label {
display: block !important;
color: #171513 !important;
font-size: 14px !important;
line-height: 1.12 !important;
text-transform: none !important;
letter-spacing: .01em !important;
}


/* Featured article title such as Kurn Daruhm: larger, less ornamental. */
'''Watcher Edran Vale''' led the inquiry which produced the Black Ledger in its modern form. He ordered his own failed command entered as its first public case after an innocent courier died because Edran pursued a suspect instead of securing the road.
.ew-featured h3,
.ew-featured h3 a,
.ew-featured .mw-selflink {
font-family: "Alegreya SC", "Alegreya", Georgia, serif !important;
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: .018em !important;
text-transform: none !important;
}


/* Homepage section titles need clear hierarchy on parchment. */
'''Guardian Maelis Thorn''' is a retired investigator who teaches testimony and false-confession recognition. She is famous for telling initiates that an honest witness can remember badly and a skilled liar can remember perfectly.
.ew-panel h2,
.ew-panel-title,
.ew-section-title,
.ew-category-title,
.ew-overview h2,
.ew-category h2,
.ew-featured h2,
.ew-recent h2,
.ew-important h2 {
font-size: 21px !important;
line-height: 1.15 !important;
}


/* Regular article titles/headings: readable enough for long wiki use. */
== See also ==
#firstHeading { font-size: 34px !important; line-height: 1.12 !important; }
#content h2 { font-size: 26px !important; line-height: 1.18 !important; }
#content h3 { font-size: 21px !important; line-height: 1.2 !important; }
#content h4 { font-size: 18px !important; line-height: 1.22 !important; }


/* Preserve the strongest display font only for branding. */
* [[Aelithia]]
#p-logo::after,
* [[Galenar]]
.ew-hero-title {
* [[Sanguine Sentinels]]
font-family: "Cinzel Decorative", "Cinzel", Georgia, serif !important;
* [[Vexandra]]
font-weight: 700 !important;
* [[Kelhsy Bladesong]]
}


/* Hero kicker is content-facing, so make it cleaner than Almendra. */
</div>
.ew-hero-kicker {
</div>
font-family: "Alegreya SC", "Alegreya", Georgia, serif !important;
font-weight: 700 !important;
letter-spacing: .04em !important;
}


/* Body remains deliberately readable. */
[[Category:Organizations]]
html body,
[[Category:Religious organizations]]
#content,
[[Category:Paladin orders]]
#bodyContent,
#mw-content-text,
.mw-parser-output,
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output td,
.mw-parser-output th,
.mw-parser-output dd,
.mw-parser-output dt,
.ew-panel p,
.ew-card small,
.ew-recent-row,
.ew-global-search input[type="search"] {
font-family: "Alegreya", Georgia, serif !important;
}

/* =========================================================
COUNTRY PAGES
Shared structure only. Country-specific palettes belong on the page wrapper.
========================================================= */

.country-page {
color: var(--country-ink, var(--ew-ink));
font-family: "Alegreya", Georgia, serif;
line-height: 1.62;
}


.country-hero {
position: relative;
min-height: 240px;
margin: 0 0 1.4rem;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
background: var(--country-deep, var(--ew-dark-2));
box-shadow: 0 12px 30px rgba(28, 18, 13, 0.19);
}

.country-hero .mw-file-description,
.country-hero .mw-file-element,
.country-hero__image {
display: block;
width: 100%;
height: clamp(240px, 22vw, 320px);
object-fit: cover;
}

/* Do not show the blue missing-file link before the hero artwork is uploaded. */
.country-hero a.new.country-hero__image {
display: none !important;
}

.country-hero__overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: clamp(1.25rem, 3vw, 2.5rem);
color: #fffaf2;
background:
linear-gradient(180deg, rgba(20, 12, 9, 0.06) 18%, rgba(20, 12, 9, 0.88) 100%),
linear-gradient(90deg, rgba(20, 12, 9, 0.52), transparent 64%);
pointer-events: none;
}

.country-hero__eyebrow {
margin-bottom: 0.25rem;
color: #efb879;
font-family: "Alegreya SC", Georgia, serif;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.16em;
}

.country-hero__title {
font-family: "Alegreya SC", Georgia, serif;
font-size: clamp(2.1rem, 4vw, 3.6rem);
font-weight: 700;
line-height: 0.96;
text-shadow: 0 3px 16px rgba(0, 0, 0, 0.72);
}

.country-hero__subtitle {
margin-top: 0.55rem;
color: #eadcc9;
font-size: clamp(1rem, 2vw, 1.35rem);
font-style: italic;
}

.country-overview {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
gap: 2rem;
align-items: start;
margin-bottom: 2.25rem;
}

.country-overview__lead {
font-size: 1.08rem;
}

.country-overview__lead > p:first-child::first-letter {
float: left;
margin: 0.08em 0.1em 0 0;
color: var(--country-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-size: 3.7em;
font-weight: 700;
line-height: 0.78;
}

.country-quickfacts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
margin-top: 1.4rem;
}

.country-quickfact {
min-height: 74px;
padding: 0.8rem 0.95rem;
border: 1px solid var(--country-line, var(--ew-border));
border-left: 4px solid var(--country-accent, var(--ew-gold));
border-radius: 8px;
background: linear-gradient(135deg, var(--country-paper, var(--ew-paper-light)), var(--country-paper-alt, var(--ew-paper)));
box-shadow: 0 4px 12px rgba(63, 43, 31, 0.07);
}

.country-quickfact span {
display: block;
margin-bottom: 0.2rem;
color: var(--country-muted, #6f665d);
font-family: "Alegreya SC", Georgia, serif;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.country-record {
overflow: hidden;
border: 1px solid var(--country-line, var(--ew-border));
border-radius: 12px;
background: var(--country-paper, var(--ew-paper-light));
box-shadow: 0 10px 22px rgba(55, 37, 27, 0.13);
}

.country-record__heading {
padding: 0.85rem 1rem;
color: #fff7ec;
background: linear-gradient(135deg, var(--country-deep, var(--ew-dark-2)), #4a2b20);
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.25rem;
font-weight: 700;
letter-spacing: 0.04em;
text-align: center;
}

.country-record__emblem,
.country-record__map {
padding: 1rem;
text-align: center;
}

.country-record__emblem img,
.country-record__map img {
max-width: 100%;
height: auto;
}

.country-record__row {
display: grid;
grid-template-columns: minmax(100px, 0.9fr) minmax(0, 1.3fr);
gap: 0.75rem;
padding: 0.62rem 0.85rem;
border-top: 1px solid var(--country-line, var(--ew-border));
}

.country-record__row span {
color: var(--country-muted, #6f665d);
font-family: "Alegreya SC", Georgia, serif;
font-weight: 700;
}

.country-page h2 {
display: flex;
gap: 0.75rem;
align-items: center;
margin-top: 2.35rem;
border-bottom: 0;
color: var(--country-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.75rem;
font-weight: 700;
}

.country-page h2::after {
content: "";
flex: 1;
height: 1px;
background: linear-gradient(90deg, var(--country-accent, var(--ew-gold)), transparent);
}

.country-page h3 {
color: var(--country-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
}

.country-feature {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(240px, 0.75fr);
gap: 1.5rem;
align-items: center;
margin: 1rem 0 1.75rem;
}

.country-feature--image-left {
grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.25fr);
}

.country-feature__media {
overflow: hidden;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(50, 33, 24, 0.16);
}

.country-feature__media img {
display: block;
width: 100%;
min-height: 230px;
object-fit: cover;
}

.country-card-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin: 1rem 0 1.75rem;
}

.country-card-grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.country-card-grid--four {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.country-mini-card,
.country-place-card,
.country-person-card {
overflow: hidden;
border: 1px solid var(--country-line, var(--ew-border));
border-radius: 10px;
background: var(--country-paper, var(--ew-paper-light));
box-shadow: 0 5px 14px rgba(62, 42, 31, 0.08);
}

.country-mini-card,
.country-person-card {
padding: 1rem;
}

.country-mini-card h3,
.country-place-card h3,
.country-person-card h3 {
margin: 0 0 0.35rem;
font-size: 1.15rem;
}

.country-mini-card p,
.country-place-card p,
.country-person-card p {
margin: 0;
}

.country-place-card__body {
padding: 0.85rem 1rem;
}

.country-place-card .mw-file-description,
.country-place-card__image,
.country-place-card__image img {
display: block;
width: 100%;
height: 135px;
object-fit: cover;
}

/* Missing territory/city art should not leave a large empty image panel. */
.country-place-card a.new.country-place-card__image {
display: none !important;
}

.country-person-card {
text-align: center;
}

.country-person-card__portrait {
margin: -1rem -1rem 0.85rem;
overflow: hidden;
}

.country-person-card__portrait img {
display: block;
width: 100%;
height: 230px;
object-fit: cover;
object-position: center 20%;
}

.country-relations {
display: grid;
gap: 0.7rem;
}

.country-relations > div {
position: relative;
padding: 0.85rem 1rem;
border: 1px solid var(--country-line, var(--ew-border));
border-left: 4px solid var(--country-accent, var(--ew-gold));
border-radius: 8px;
background: rgba(245, 240, 230, 0.68);
}

.country-relations p {
margin: 0.3rem 0 0;
}

.relation {
display: inline-block;
margin-left: 0.65rem;
padding: 0.1rem 0.5rem;
border-radius: 999px;
color: #fff;
font-size: 0.76rem;
font-weight: 700;
vertical-align: 0.08em;
}

.relation--friendly { background: #39715a; }
.relation--guarded { background: #6f6678; }
.relation--uneasy { background: #a06b2f; }
.relation--tense { background: #9a4f37; }
.relation--hostile { background: #7f3030; }

.country-mainlink,
.country-related {
margin: 0.8rem 0 1.2rem;
padding: 0.75rem 1rem;
border-left: 4px solid var(--country-accent, var(--ew-gold));
background: linear-gradient(90deg, rgba(152, 77, 46, 0.11), transparent);
}

@media (max-width: 1050px) {
.country-card-grid--four {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.country-card-grid--three {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 760px) {
.country-overview,
.country-feature,
.country-feature--image-left {
grid-template-columns: 1fr;
}

.country-record {
order: -1;
}

.country-card-grid,
.country-card-grid--three,
.country-card-grid--four {
grid-template-columns: 1fr;
}

.country-hero {
min-height: 220px;
border-radius: 10px;
}

.country-hero .mw-file-description,
.country-hero .mw-file-element,
.country-hero__image {
height: 250px;
}

.country-quickfacts {
grid-template-columns: 1fr;
}

.country-record__row {
grid-template-columns: 1fr;
gap: 0.15rem;
}
}

/* =========================================================
COUNTRY PAGE WIDTH
Country layouts fill the complete article area for every visitor.
Ordinary text-heavy articles retain the 1180px reading-width limit.
========================================================= */
.country-page {
width: calc(100vw - var(--ew-sidebar) - 84px) !important;
max-width: none !important;
box-sizing: border-box;
}

@media (max-width: 900px) {
.country-page {
width: calc(100vw - var(--ew-sidebar) - 48px) !important;
}
}

@media (max-width: 700px) {
.country-page {
width: calc(100vw - 48px) !important;
}
}

/* ========================================================================
v5.0 SERVER-RENDERED TOPBAR + COLLAPSIBLE SIDEBAR

The visible navigation now comes from the "erindal-topbar" section of
MediaWiki:Sidebar. It is therefore present in the HTML immediately and no
longer waits for MediaWiki:Common.js to construct it.
======================================================================== */

/* Disable the obsolete JavaScript-built bar if an old cached script creates it. */
#ew-global-topbar {
display: none !important;
}

/* MediaWiki renders this portlet inside #mw-panel; fixed positioning turns it
into the global horizontal navigation without delaying its first paint. */
#mw-panel #p-erindal-topbar {
position: fixed !important;
z-index: 105 !important;
top: 0 !important;
left: var(--ew-sidebar) !important;
right: 0 !important;
width: auto !important;
height: var(--ew-topbar) !important;
margin: 0 !important;
padding: 0 350px 0 30px !important;
box-sizing: border-box !important;
overflow: visible !important;
background: linear-gradient(180deg, #08141c 0%, #03090d 100%) !important;
border: 0 !important;
border-bottom: 2px solid rgba(112, 88, 58, .46) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2px 6px rgba(0,0,0,.28) !important;
}

#mw-panel #p-erindal-topbar::before,
#mw-panel #p-erindal-topbar::after {
content: "";
position: absolute;
top: 4px;
width: 18px;
height: 18px;
border-color: rgba(207, 163, 80, .55);
border-style: solid;
pointer-events: none;
}

#mw-panel #p-erindal-topbar::before {
left: 4px;
border-width: 1px 0 0 1px;
}

#mw-panel #p-erindal-topbar::after {
right: 4px;
border-width: 1px 1px 0 0;
}

#mw-panel #p-erindal-topbar .vector-menu-heading,
#mw-panel #p-erindal-topbar > h3 {
display: none !important;
}

#mw-panel #p-erindal-topbar .vector-menu-content,
#mw-panel #p-erindal-topbar .vector-menu-content-list {
display: block !important;
position: static !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: none !important;
}

#mw-panel #p-erindal-topbar .vector-menu-content-list {
display: flex !important;
align-items: stretch !important;
list-style: none !important;
}

#mw-panel #p-erindal-topbar .mw-list-item {
position: relative !important;
display: flex !important;
align-items: stretch !important;
height: var(--ew-topbar) !important;
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
line-height: 1 !important;
}

#mw-panel #p-erindal-topbar .mw-list-item > a,
#mw-panel #p-erindal-topbar .mw-list-item > a:visited {
display: flex !important;
align-items: center !important;
height: var(--ew-topbar) !important;
margin: 0 !important;
padding: 0 17px !important;
box-sizing: border-box !important;
color: #f3eee5 !important;
background: transparent !important;
border-radius: 0 !important;
font-family: "Almendra SC", "Cinzel", Georgia, serif !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: .045em !important;
text-transform: uppercase !important;
text-decoration: none !important;
white-space: nowrap !important;
}

#mw-panel #p-erindal-topbar .mw-list-item > a::before {
content: none !important;
display: none !important;
}

#mw-panel #p-erindal-topbar .mw-list-item > a:hover,
#mw-panel #p-erindal-topbar .mw-list-item > a:focus {
color: var(--ew-gold-soft) !important;
background: rgba(255,255,255,.035) !important;
}

/* Dropdowns are an enhancement. The six main links remain visible and usable
even before JavaScript has loaded. */
.ew-topbar-caret {
width: 19px;
height: var(--ew-topbar);
margin: 0 5px 0 -10px;
padding: 0;
border: 0;
background: transparent;
color: #f3eee5;
font: 14px/1 Arial, sans-serif;
cursor: pointer;
}

.ew-topbar-caret:hover,
.ew-topbar-caret:focus {
color: var(--ew-gold-soft);
}

.ew-topbar-dropdown {
position: absolute;
z-index: 135;
top: calc(var(--ew-topbar) - 2px);
left: 0;
display: none;
min-width: 218px;
padding: 7px;
background: linear-gradient(180deg, #0b1a23, #041019);
border: 1px solid rgba(125, 102, 69, .62);
box-shadow: 0 10px 24px rgba(0,0,0,.36);
}

.ew-topbar-dropdown a,
.ew-topbar-dropdown a:visited {
display: block !important;
padding: 9px 12px !important;
color: #f1ede6 !important;
background: transparent !important;
font-family: "Almendra SC", "Cinzel", Georgia, serif !important;
font-size: 15px !important;
line-height: 1.15 !important;
text-decoration: none !important;
white-space: nowrap !important;
}

.ew-topbar-dropdown a:hover,
.ew-topbar-dropdown a:focus {
color: var(--ew-gold-soft) !important;
background: linear-gradient(90deg, rgba(35,67,93,.82), rgba(22,43,57,.24)) !important;
}

#mw-panel #p-erindal-topbar .ew-has-dropdown:hover .ew-topbar-dropdown,
#mw-panel #p-erindal-topbar .ew-has-dropdown.ew-menu-open .ew-topbar-dropdown {
display: block;
}

/* Use Vector's server-rendered search form instead of constructing another one
after page load. */
#p-search {
position: fixed !important;
z-index: 116 !important;
top: 10px !important;
right: 17px !important;
left: auto !important;
display: block !important;
width: 300px !important;
height: 35px !important;
margin: 0 !important;
padding: 0 !important;
}

#p-search h3,
#p-search label {
display: none !important;
}

#p-search #searchform,
#p-search #simpleSearch {
width: 100% !important;
height: 35px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}

#p-search #simpleSearch {
display: flex !important;
overflow: hidden !important;
background: rgba(0,0,0,.28) !important;
border: 1px solid rgba(151,128,91,.42) !important;
border-radius: 4px !important;
}

#p-search #searchInput {
position: static !important;
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
height: 33px !important;
margin: 0 !important;
padding: 0 11px !important;
color: #eee8de !important;
background: transparent !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
font-family: "Alegreya", Georgia, serif !important;
font-size: 15px !important;
}

#p-search #searchInput::placeholder {
color: #d4cbc0 !important;
opacity: .88;
}

#p-search #mw-searchButton {
display: none !important;
}

#p-search #searchButton {
position: static !important;
flex: 0 0 39px !important;
width: 39px !important;
height: 33px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
border-left: 1px solid rgba(151,128,91,.34) !important;
text-indent: -9999px !important;
cursor: pointer !important;
background-color: transparent !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 17px 17px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1eade' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") !important;
}

/* Sidebar button. Its state is saved for this browser by Common.js. */
#ew-sidebar-toggle {
position: fixed;
z-index: 140;
top: 10px;
left: calc(var(--ew-sidebar) - 18px);
display: grid;
place-items: center;
width: 36px;
height: 36px;
padding: 0;
color: var(--ew-gold-soft);
background: #07141c;
border: 1px solid rgba(207,163,80,.62);
border-radius: 50%;
box-shadow: 0 3px 10px rgba(0,0,0,.36);
font: 23px/1 Georgia, serif;
cursor: pointer;
}

#ew-sidebar-toggle:hover,
#ew-sidebar-toggle:focus {
color: #fff4d6;
background: #102431;
outline: none;
}

/* Collapsed layout. Keep the server-rendered topbar visible even though it is
technically a child of the sidebar panel. */
html.ew-sidebar-collapsed {
--ew-sidebar: 0px;
}

html.ew-sidebar-collapsed #mw-panel {
display: block !important;
width: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}

html.ew-sidebar-collapsed #mw-panel > :not(#p-erindal-topbar) {
display: none !important;
}

html.ew-sidebar-collapsed #mw-panel::before,
html.ew-sidebar-collapsed #mw-panel::after {
display: none !important;
}

html.ew-sidebar-collapsed #ew-sidebar-toggle {
left: 10px;
}

@media (max-width: 1180px) {
#mw-panel #p-erindal-topbar {
padding-right: 270px !important;
}

#mw-panel #p-erindal-topbar .mw-list-item > a {
padding: 0 11px !important;
font-size: 14px !important;
}

#p-search {
width: 220px !important;
}
}

@media (max-width: 900px) {
#mw-panel #p-erindal-topbar .mw-list-item:nth-child(n+5) {
display: none !important;
}
}

@media (max-width: 700px) {
#mw-panel {
display: block !important;
width: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}

#mw-panel > :not(#p-erindal-topbar) {
display: none !important;
}

#mw-panel #p-erindal-topbar {
left: 0 !important;
padding: 0 230px 0 10px !important;
}

#mw-panel #p-erindal-topbar .mw-list-item:nth-child(n+3) {
display: none !important;
}

#p-search {
right: 9px !important;
width: 210px !important;
}

#ew-sidebar-toggle {
display: none !important;
}
}

/* ========================================================================
v6.0 SERVER-RENDERED SHELL REPAIR

#ew-server-topbar and #ew-sidebar-toggle are emitted by LocalSettings.php.
They do not depend on a custom MediaWiki:Sidebar portlet or Common.js.
======================================================================== */

/* Hide the two obsolete implementations if an older Sidebar or cached script
still supplies them. */
#ew-global-topbar,
#mw-panel #p-erindal-topbar {
display: none !important;
}

#ew-server-topbar {
position: fixed !important;
z-index: 150 !important;
top: 0 !important;
left: var(--ew-sidebar) !important;
right: 0 !important;
display: flex !important;
align-items: center !important;
width: calc(100vw - var(--ew-sidebar)) !important;
max-width: none !important;
height: var(--ew-topbar) !important;
margin: 0 !important;
padding: 0 18px 0 30px !important;
box-sizing: border-box !important;
overflow: visible !important;
color: #f3eee5 !important;
background: linear-gradient(180deg, #08141c 0%, #03090d 100%) !important;
border: 0 !important;
border-bottom: 2px solid rgba(112, 88, 58, .46) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2px 6px rgba(0,0,0,.28) !important;
font-family: "Almendra SC", "Cinzel", Georgia, serif !important;
}

#ew-server-topbar::before,
#ew-server-topbar::after {
content: "";
position: absolute;
top: 4px;
width: 18px;
height: 18px;
border-color: rgba(207, 163, 80, .55);
border-style: solid;
pointer-events: none;
}

#ew-server-topbar::before {
left: 4px;
border-width: 1px 0 0 1px;
}

#ew-server-topbar::after {
right: 4px;
border-width: 1px 1px 0 0;
}

#ew-server-topbar .ew-global-menu {
display: flex !important;
flex: 0 1 auto !important;
align-items: stretch !important;
min-width: 0 !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

#ew-server-topbar .ew-global-section {
position: relative !important;
display: block !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

#ew-server-topbar .ew-global-section > summary {
display: flex !important;
align-items: center !important;
height: 100% !important;
margin: 0 !important;
padding: 0 17px !important;
box-sizing: border-box !important;
color: #f3eee5 !important;
background: transparent !important;
border: 0 !important;
outline: 0 !important;
list-style: none !important;
font-family: "Almendra SC", "Cinzel", Georgia, serif !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: .045em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
cursor: pointer !important;
}

#ew-server-topbar .ew-global-section > summary::-webkit-details-marker {
display: none !important;
}

#ew-server-topbar .ew-global-section > summary::marker {
content: "";
}

#ew-server-topbar .ew-global-section > summary span {
margin-left: 7px;
font-family: Arial, sans-serif !important;
font-size: 12px !important;
transition: transform .16s ease;
}

#ew-server-topbar .ew-global-section[open] > summary span {
transform: rotate(180deg);
}

#ew-server-topbar .ew-global-section > summary:hover,
#ew-server-topbar .ew-global-section > summary:focus,
#ew-server-topbar .ew-global-section[open] > summary {
color: var(--ew-gold-soft) !important;
background: rgba(255,255,255,.04) !important;
}

#ew-server-topbar .ew-global-dropdown {
position: absolute !important;
z-index: 170 !important;
top: calc(var(--ew-topbar) - 2px) !important;
left: 0 !important;
display: none !important;
min-width: 220px !important;
margin: 0 !important;
padding: 7px !important;
box-sizing: border-box !important;
background: linear-gradient(180deg, #0b1a23, #041019) !important;
border: 1px solid rgba(125, 102, 69, .62) !important;
box-shadow: 0 10px 24px rgba(0,0,0,.36) !important;
}

#ew-server-topbar .ew-global-section[open] > .ew-global-dropdown {
display: block !important;
}

#ew-server-topbar .ew-global-dropdown a,
#ew-server-topbar .ew-global-dropdown a:visited {
display: block !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 9px 12px !important;
color: #f1ede6 !important;
background: transparent !important;
font-family: "Almendra SC", "Cinzel", Georgia, serif !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: .015em !important;
text-transform: none !important;
text-decoration: none !important;
white-space: nowrap !important;
}

#ew-server-topbar .ew-global-dropdown a:hover,
#ew-server-topbar .ew-global-dropdown a:focus {
color: var(--ew-gold-soft) !important;
background: linear-gradient(90deg, rgba(35,67,93,.82), rgba(22,43,57,.24)) !important;
}

#ew-server-topbar .ew-global-search {
position: static !important;
flex: 0 1 304px !important;
width: min(304px, 26vw) !important;
height: 35px !important;
margin: 0 0 0 auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}

#ew-server-topbar .ew-global-search input[type="search"] {
min-width: 0 !important;
height: 33px !important;
margin: 0 !important;
padding: 0 12px !important;
font-family: "Alegreya", Georgia, serif !important;
font-size: 15px !important;
}

#ew-server-topbar .ew-global-search button {
flex: 0 0 42px !important;
width: 42px !important;
height: 33px !important;
padding: 0 !important;
line-height: 33px !important;
}

/* The server-rendered topbar already contains its own search. */
#p-search {
display: none !important;
}

/* A visible tab on the sidebar edge. When the panel is closed it remains at
the left edge so the sidebar can always be opened again. */
#ew-sidebar-toggle {
position: fixed !important;
z-index: 190 !important;
top: 70px !important;
left: calc(var(--ew-sidebar) - 14px) !important;
display: grid !important;
place-items: center !important;
width: 30px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 1px 3px 0 !important;
color: var(--ew-gold-soft) !important;
background: linear-gradient(180deg, #102431, #06131b) !important;
border: 1px solid rgba(207,163,80,.72) !important;
border-radius: 6px !important;
box-shadow: 0 3px 12px rgba(0,0,0,.44) !important;
font: 28px/1 Georgia, serif !important;
text-align: center !important;
cursor: pointer !important;
}

#ew-sidebar-toggle:hover,
#ew-sidebar-toggle:focus {
color: #fff4d6 !important;
background: linear-gradient(180deg, #173447, #0a1b25) !important;
outline: 2px solid rgba(239,201,121,.30) !important;
outline-offset: 1px !important;
}

html.ew-sidebar-collapsed {
--ew-sidebar: 0px;
}

html.ew-sidebar-collapsed #mw-panel {
display: block !important;
width: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}

html.ew-sidebar-collapsed #mw-panel > * {
display: none !important;
}

html.ew-sidebar-collapsed #mw-panel::before,
html.ew-sidebar-collapsed #mw-panel::after {
display: none !important;
}

html.ew-sidebar-collapsed #ew-sidebar-toggle {
left: 0 !important;
border-left: 0 !important;
border-radius: 0 6px 6px 0 !important;
}

#mw-panel,
#mw-page-base,
#mw-head-base,
#mw-head,
#content,
#footer,
#ew-server-topbar,
#ew-sidebar-toggle {
transition: left .18s ease, width .18s ease, margin-left .18s ease !important;
}

@media (max-width: 1180px) {
#ew-server-topbar .ew-global-section > summary {
padding-right: 11px !important;
padding-left: 11px !important;
font-size: 14px !important;
}

#ew-server-topbar .ew-global-search {
flex-basis: 220px !important;
width: 220px !important;
}
}

@media (max-width: 900px) {
#ew-server-topbar .ew-global-section:nth-child(n+5) {
display: none !important;
}
}

@media (max-width: 700px) {
html:not(.ew-sidebar-collapsed) {
--ew-sidebar: 218px;
}

#mw-panel {
display: block !important;
}

#ew-server-topbar .ew-global-section:nth-child(n+3) {
display: none !important;
}

#ew-server-topbar .ew-global-search {
flex-basis: min(210px, 48vw) !important;
width: min(210px, 48vw) !important;
}

#ew-sidebar-toggle {
display: grid !important;
}
}
/* =========================================================
NATIONAL HISTORY PAGES
Shared structure only. History-page palettes belong on the page wrapper.
========================================================= */

.history-page {
color: var(--history-ink, var(--ew-ink));
box-sizing: border-box;
width: calc(100vw - var(--ew-sidebar) - 84px) !important;
max-width: none !important;
font-family: "Alegreya", Georgia, serif;
line-height: 1.62;
}

/* The main Erindal article rules normally stop every parser output at 1180px.
Nation-history pages are designed as full-page layouts, so they must be
allowed to use all of the space available beside the sidebar. */


.history-hero {
position: relative;
min-height: 240px;
margin: 0 0 1.4rem;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
background: var(--history-deep, var(--ew-dark-2));
box-shadow: 0 12px 30px rgba(28, 18, 13, 0.19);
}

.history-hero .mw-file-description,
.history-hero .mw-file-element,
.history-hero__image {
display: block;
width: 100%;
height: clamp(240px, 22vw, 320px);
object-fit: cover;
}

.history-hero a.new.history-hero__image {
display: none !important;
}

.history-hero__overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: clamp(1.25rem, 3vw, 2.5rem);
color: #fffaf2;
background:
linear-gradient(180deg, rgba(20, 12, 9, 0.06) 18%, rgba(20, 12, 9, 0.88) 100%),
linear-gradient(90deg, rgba(20, 12, 9, 0.52), transparent 64%);
pointer-events: none;
}

.history-hero__eyebrow {
margin-bottom: 0.25rem;
color: #efb476;
font-family: "Alegreya SC", Georgia, serif;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.16em;
}

.history-hero__title {
max-width: 900px;
font-family: "Alegreya SC", Georgia, serif;
font-size: clamp(2.1rem, 4vw, 3.6rem);
font-weight: 700;
line-height: 0.96;
text-shadow: 0 3px 16px rgba(0, 0, 0, 0.72);
}

.history-hero__subtitle {
margin-top: 0.55rem;
color: #eadcc9;
font-size: clamp(1rem, 2vw, 1.35rem);
font-style: italic;
}

.history-overview {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
gap: 2rem;
align-items: start;
margin-bottom: 2.25rem;
}

.history-overview__lead {
font-size: 1.08rem;
}

.history-overview__lead > p:first-child::first-letter {
float: left;
margin: 0.08em 0.1em 0 0;
color: var(--history-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-size: 3.8em;
font-weight: 700;
line-height: 0.76;
}

.history-record {
overflow: hidden;
border: 1px solid var(--history-line, var(--ew-border));
border-radius: 12px;
background: var(--history-paper, var(--ew-paper-light));
box-shadow: 0 9px 22px rgba(55, 37, 27, 0.12);
}

.history-record__heading {
padding: 0.85rem 1rem;
color: #fff7ec;
background: linear-gradient(135deg, var(--history-deep, var(--ew-dark-2)), #503023);
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.25rem;
font-weight: 700;
letter-spacing: 0.04em;
text-align: center;
}

.history-record__row {
display: grid;
grid-template-columns: minmax(100px, 0.9fr) minmax(0, 1.3fr);
gap: 0.75rem;
padding: 0.62rem 0.85rem;
border-top: 1px solid var(--history-line, var(--ew-border));
}

.history-record__row span {
color: var(--history-muted, #6f665d);
font-family: "Alegreya SC", Georgia, serif;
font-weight: 700;
}

.history-era-index {
box-sizing: border-box;
margin: 1.8rem 0 2.4rem;
padding: 1.15rem;
border: 1px solid var(--history-line, var(--ew-border));
border-radius: 12px;
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.42), transparent),
var(--history-paper-alt, var(--ew-paper));
}

.history-era-index__heading {
margin: 0 0 0.85rem;
color: var(--history-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.25rem;
font-weight: 700;
text-align: center;
}

.history-era-index__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.72rem;
align-items: stretch;
}

.history-era-index__grid > div {
box-sizing: border-box;
min-width: 0;
}

.history-era-index__grid a {
display: block;
box-sizing: border-box;
height: 100%;
padding: 0.72rem 0.82rem;
border: 1px solid rgba(91, 59, 41, 0.18);
border-left: 4px solid var(--history-accent, var(--ew-gold));
border-radius: 7px;
color: var(--history-ink, var(--ew-ink));
background: rgba(255, 252, 246, 0.68);
text-decoration: none;
transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.history-era-index__grid a:hover {
transform: translateY(-1px);
background: #fffaf2;
box-shadow: 0 5px 12px rgba(54, 36, 25, 0.1);
}

.history-era-index__grid span,
.history-era-index__grid strong {
display: block;
}

.history-era-index__grid span {
color: var(--history-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.history-era-index__grid strong {
margin-top: 0.12rem;
font-size: 0.98rem;
line-height: 1.2;
}

.history-page__body {
position: relative;
box-sizing: border-box;
width: 100%;
max-width: none;
margin: 0;
padding-left: 2.25rem;
border-left: 2px solid rgba(153, 75, 44, 0.28);
}

.history-page__body p {
margin: 0.82rem 0;
}

.history-page__body h2 {
position: relative;
margin: 2.65rem 0 1rem;
padding: 0 0 0.55rem;
border-bottom: 1px solid var(--history-line, var(--ew-border));
color: var(--history-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
font-size: clamp(1.55rem, 3vw, 2rem);
font-weight: 700;
}

.history-page__body h2::before {
position: absolute;
top: 0.35em;
left: calc(-2.25rem - 7px);
width: 12px;
height: 12px;
border: 2px solid var(--history-paper, var(--ew-paper-light));
border-radius: 50%;
background: var(--history-accent, var(--ew-gold));
box-shadow: 0 0 0 2px rgba(153, 75, 44, 0.32);
content: "";
}

.history-page__body h3 {
margin-top: 1.75rem;
color: var(--history-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.3rem;
font-weight: 700;
}

.history-page__body a,
.history-record a {
color: #784029;
}

.history-page__body .toc,
.history-page__body #toc {
margin: 0 0 1.8rem;
padding: 0.9rem 1.1rem;
border: 1px solid var(--history-line, var(--ew-border));
border-radius: 9px;
background: var(--history-paper, var(--ew-paper-light));
}

.history-note {
margin: 1.25rem 0;
padding: 0.9rem 1rem;
border: 1px solid var(--history-line, var(--ew-border));
border-left: 5px solid var(--history-accent, var(--ew-gold));
border-radius: 8px;
background: linear-gradient(135deg, var(--history-paper, var(--ew-paper-light)), var(--history-paper-alt, var(--ew-paper)));
}

.history-note--disputed {
--history-accent: #776453;
}

.history-note--aftermath {
--history-accent: #7c6331;
}

.history-note strong {
color: var(--history-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
}

.history-page__body .thumb {
margin-top: 1.1rem;
border-color: var(--history-line, var(--ew-border));
}

.history-page__body table.wikitable {
border-color: var(--history-line, var(--ew-border));
background: var(--history-paper, var(--ew-paper-light));
}

.history-page__body table.wikitable th {
color: #fff8ed;
background: var(--history-deep, var(--ew-dark-2));
}

.history-figure {
box-sizing: border-box;
margin: 1.35rem 0 1.9rem;
overflow: hidden;
border: 1px solid var(--history-line, var(--ew-border));
border-radius: 10px;
background: var(--history-paper, var(--ew-paper-light));
box-shadow: 0 8px 20px rgba(50, 33, 24, 0.14);
}

.history-figure .mw-file-description {
display: block;
width: 100%;
max-width: none;
}

.history-figure .mw-file-element,
.history-figure__image {
display: block;
width: 100% !important;
max-width: none !important;
height: clamp(220px, 28vw, 340px);
object-fit: cover;
}

.history-figure a.new {
display: none !important;
}

.history-figure__caption {
padding: 0.65rem 0.9rem 0.72rem;
color: var(--history-muted, #6f665d);
background: linear-gradient(135deg, var(--history-paper, var(--ew-paper-light)), var(--history-paper-alt, var(--ew-paper)));
font-size: 0.94rem;
font-style: italic;
line-height: 1.35;
}

@media (max-width: 760px) {
.history-page__body {
padding-left: 1.25rem;
}

.history-page__body h2::before {
left: calc(-1.25rem - 7px);
}

.history-figure .mw-file-element,
.history-figure__image {
height: 220px;
}

.history-overview {
grid-template-columns: 1fr;
}

.history-record {
width: min(100%, 560px);
order: -1;
}

.history-era-index__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.history-hero {
min-height: 220px;
border-radius: 10px;
}

.history-hero .mw-file-description,
.history-hero .mw-file-element,
.history-hero__image {
height: 250px;
}

.history-hero__overlay {
padding: 1.25rem;
}

.history-era-index__grid {
grid-template-columns: 1fr;
}

.history-record__row {
grid-template-columns: 1fr;
gap: 0.15rem;
}
}

/* =========================================================
ERINDAL CITY PAGES
Shared structure only. City-specific palettes belong on the page wrapper.
========================================================= */


.city-page {
box-sizing: border-box;
width: calc(100vw - var(--ew-sidebar) - 84px) !important;
max-width: none !important;
color: var(--city-ink, var(--ew-ink));
font-family: "Alegreya", Georgia, serif;
line-height: 1.62;
}







.city-hero {
position: relative;
min-height: 240px;
margin: 0 0 1.4rem;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
background: var(--city-deep, var(--ew-dark-2));
box-shadow: 0 12px 30px rgba(28, 18, 13, 0.19);
}

.city-hero .mw-file-description,
.city-hero .mw-file-element,
.city-hero__image {
display: block;
width: 100% !important;
max-width: none !important;
height: clamp(240px, 22vw, 320px);
object-fit: cover;
}

/* Match the country pages: a missing upload should not leave blue alt text
sitting over the dark hero background. */
.city-hero a.new.city-hero__image {
display: none !important;
}

.city-hero__overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
box-sizing: border-box;
padding: clamp(1.25rem, 3vw, 2.5rem);
color: #fffaf2;
background:
linear-gradient(180deg, rgba(20, 12, 9, 0.06) 18%, rgba(20, 12, 9, 0.88) 100%),
linear-gradient(90deg, rgba(20, 12, 9, 0.52), transparent 64%);
pointer-events: none;
}

.city-hero__eyebrow {
margin-bottom: 0.25rem;
color: var(--city-accent-light, var(--ew-gold-soft));
font-family: "Alegreya SC", Georgia, serif;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.16em;
}

.city-hero__title {
max-width: 900px;
font-family: "Alegreya SC", Georgia, serif;
font-size: clamp(2.1rem, 4vw, 3.6rem);
font-weight: 700;
line-height: 0.96;
text-shadow: 0 3px 16px rgba(0, 0, 0, 0.72);
}

.city-hero__subtitle {
max-width: 900px;
margin-top: 0.55rem;
color: #eadcc9;
font-size: clamp(1rem, 2vw, 1.35rem);
font-style: italic;
}

.city-overview {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
gap: 2rem;
align-items: start;
margin-bottom: 2.25rem;
}

.city-overview__lead {
font-size: 1.08rem;
}

.city-overview__lead > p:first-child::first-letter {
float: left;
margin: 0.08em 0.1em 0 0;
color: var(--city-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-size: 3.8em;
font-weight: 700;
line-height: 0.76;
}

.city-record {
overflow: hidden;
border: 1px solid var(--city-line, var(--ew-border));
border-radius: 12px;
background: var(--city-paper, var(--ew-paper-light));
box-shadow: 0 9px 22px rgba(55, 37, 27, 0.12);
}

.city-record__heading {
padding: 0.85rem 1rem;
color: #fff8ed;
background: linear-gradient(135deg, var(--city-deep, var(--ew-dark-2)), color-mix(in srgb, var(--city-deep, var(--ew-dark-2)) 66%, var(--city-accent, var(--ew-gold))));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.25rem;
font-weight: 700;
letter-spacing: 0.04em;
text-align: center;
}

.city-record__row {
display: grid;
grid-template-columns: minmax(100px, 0.9fr) minmax(0, 1.3fr);
gap: 0.75rem;
padding: 0.62rem 0.85rem;
border-top: 1px solid var(--city-line, var(--ew-border));
}

.city-record__row span {
color: var(--city-muted, #6f665d);
font-family: "Alegreya SC", Georgia, serif;
font-weight: 700;
}

.city-index {
box-sizing: border-box;
margin: 1.8rem 0 2.4rem;
padding: 1.15rem;
border: 1px solid var(--city-line, var(--ew-border));
border-radius: 12px;
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.42), transparent),
var(--city-paper-alt, var(--ew-paper));
}

.city-index__heading {
margin: 0 0 0.85rem;
color: var(--city-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.25rem;
font-weight: 700;
text-align: center;
}

.city-index__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0.72rem;
align-items: stretch;
}

.city-index__grid > div {
box-sizing: border-box;
min-width: 0;
}

.city-index__grid a {
display: block;
box-sizing: border-box;
height: 100%;
padding: 0.72rem 0.82rem;
border: 1px solid rgba(91, 59, 41, 0.18);
border-left: 4px solid var(--city-accent, var(--ew-gold));
border-radius: 7px;
color: var(--city-ink, var(--ew-ink));
background: rgba(255, 252, 246, 0.7);
text-decoration: none;
transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.city-index__grid a:hover {
transform: translateY(-1px);
background: #fffaf2;
box-shadow: 0 5px 12px rgba(54, 36, 25, 0.1);
}

.city-index__grid span,
.city-index__grid strong {
display: block;
}

.city-index__grid span {
color: var(--city-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.city-index__grid strong {
margin-top: 0.12rem;
font-size: 0.98rem;
line-height: 1.2;
}

.city-page__body {
box-sizing: border-box;
width: 100%;
max-width: none;
margin: 0;
}

.city-page__body p {
margin: 0.82rem 0;
}

.city-page__body h2 {
display: flex;
gap: 0.75rem;
align-items: center;
margin: 2.35rem 0 1rem;
border-bottom: 0;
color: var(--city-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.75rem;
font-weight: 700;
}

.city-page__body h2::after {
content: "";
flex: 1;
height: 1px;
background: linear-gradient(90deg, var(--city-accent, var(--ew-gold)), transparent);
}

.city-page__body h3 {
margin-top: 1.75rem;
color: var(--city-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.32rem;
font-weight: 700;
}

.city-page__body a,
.city-record a {
color: color-mix(in srgb, var(--city-accent, var(--ew-gold)) 76%, #1c2730);
}

.city-page__body .toc,
.city-page__body #toc {
margin: 0 0 1.8rem;
padding: 0.9rem 1.1rem;
border: 1px solid var(--city-line, var(--ew-border));
border-radius: 9px;
background: var(--city-paper, var(--ew-paper-light));
}

.city-district-grid,
.city-location-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.9rem;
margin: 1.1rem 0 1.5rem;
}

.city-location-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.city-district-card,
.city-location-card {
box-sizing: border-box;
min-width: 0;
padding: 1rem 1.05rem;
border: 1px solid var(--city-line, var(--ew-border));
border-top: 4px solid var(--city-accent, var(--ew-gold));
border-radius: 9px;
background: linear-gradient(145deg, var(--city-paper, var(--ew-paper-light)), rgba(255, 255, 255, 0.5));
box-shadow: 0 5px 14px rgba(49, 35, 25, 0.08);
}

.city-district-card h3,
.city-location-card h3 {
margin: 0 0 0.35rem;
color: var(--city-deep, var(--ew-dark-2));
font-size: 1.18rem;
}

.city-district-card p,
.city-location-card p {
margin: 0.35rem 0 0;
}

.city-note {
margin: 1.25rem 0;
padding: 0.95rem 1.05rem;
border: 1px solid var(--city-line, var(--ew-border));
border-left: 5px solid var(--city-accent, var(--ew-gold));
border-radius: 8px;
background: linear-gradient(135deg, var(--city-paper, var(--ew-paper-light)), var(--city-paper-alt, var(--ew-paper)));
}

.city-note--danger {
--city-accent: #7f3f32;
}

.city-note--history {
--city-accent: #7b653d;
}

.city-note--disputed {
--city-accent: #596876;
}

.city-note strong {
color: var(--city-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
}

@media (max-width: 1050px) {
.city-index__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.city-location-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 760px) {
.city-overview {
grid-template-columns: 1fr;
}

.city-record {
width: min(100%, 580px);
order: -1;
}

.city-hero {
min-height: 220px;
border-radius: 10px;
}

.city-hero .mw-file-description,
.city-hero .mw-file-element,
.city-hero__image {
height: 250px;
}

.city-hero__overlay {
padding: 1.25rem;
}

.city-index__grid,
.city-district-grid,
.city-location-grid {
grid-template-columns: 1fr;
}

.city-record__row {
grid-template-columns: 1fr;
gap: 0.15rem;
}
}

/* =========================================================
ERINDAL DEITY PAGES
Shared structure only. Individual deity palettes are page-local custom
properties in each deity .wiki page. Common.css contains no named deity
themes and uses the global Erindal theme only as a safe fallback.
========================================================= */

/* MediaWiki site CSS does not support the parent-selector approach here.
The wrapper therefore owns its full-width sizing directly, with no
body.page-<deity-name> rules. */

.deity-page {
box-sizing: border-box;
width: calc(100vw - var(--ew-sidebar) - 84px) !important;
max-width: none !important;
color: var(--deity-ink, var(--ew-ink));
font-family: "Alegreya", Georgia, serif;
line-height: 1.62;
}

.deity-hero {
position: relative;
min-height: 240px;
margin: 0 0 1.4rem;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
background: var(--deity-deep, var(--ew-dark-2));
box-shadow: 0 12px 30px rgba(28, 18, 13, 0.19);
}

.deity-hero .mw-file-description,
.deity-hero .mw-file-element,
.deity-hero__image {
display: block;
width: 100%;
height: clamp(240px, 22vw, 320px);
object-fit: cover;
}

.deity-hero__overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: clamp(1.25rem, 3vw, 2.5rem);
color: var(--deity-hero-text, #fffaf2);
background:
linear-gradient(180deg, rgba(20, 12, 9, 0.04) 20%, rgba(20, 12, 9, 0.88) 100%),
linear-gradient(90deg, rgba(20, 12, 9, 0.62), transparent 68%);
pointer-events: none;
}

.deity-hero__eyebrow {
margin-bottom: 0.25rem;
color: var(--deity-hero-kicker, var(--ew-gold-soft));
font-family: "Alegreya SC", Georgia, serif;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}

.deity-hero__title {
font-family: "Alegreya SC", Georgia, serif;
font-size: clamp(2.1rem, 4vw, 3.6rem);
font-weight: 700;
line-height: 0.96;
text-shadow: 0 3px 16px rgba(0, 0, 0, 0.72);
}

.deity-hero__subtitle {
margin-top: 0.55rem;
color: var(--deity-hero-subtitle, #eadcc9);
font-size: clamp(1rem, 2vw, 1.35rem);
font-style: italic;
}

.deity-hero a.new,
.deity-figure a.new {
display: none !important;
}

.deity-overview {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(310px, 370px);
gap: 2rem;
align-items: start;
margin-bottom: 2.25rem;
}

.deity-overview__lead {
font-size: 1.08rem;
}

.deity-overview__lead > p:first-child::first-letter {
float: left;
margin: 0.08em 0.1em 0 0;
color: var(--deity-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-size: 3.7em;
font-weight: 700;
line-height: 0.78;
}

.deity-record {
overflow: hidden;
border: 1px solid var(--deity-line, var(--ew-border));
border-radius: 12px;
background: var(--deity-paper, var(--ew-paper-light));
box-shadow: 0 10px 22px rgba(55, 37, 27, 0.13);
}

.deity-record__heading {
padding: 0.85rem 1rem;
color: var(--deity-record-heading-text, #fff7ec);
background: linear-gradient(135deg, var(--deity-deep, var(--ew-dark-2)), var(--deity-deep-alt, var(--ew-dark-1)));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.25rem;
font-weight: 700;
letter-spacing: 0.04em;
text-align: center;
}

.deity-visual {
border-bottom: 1px solid var(--deity-line, var(--ew-border));
background: linear-gradient(145deg, var(--deity-visual-bg, var(--ew-paper)), var(--deity-paper, var(--ew-paper-light)));
}

.deity-visual__tabs {
display: none;
}

.deity-visual.is-enhanced .deity-visual__tabs {
display: grid !important;
box-sizing: border-box;
width: 100%;
min-width: 0;
border-bottom: 1px solid var(--deity-line, var(--ew-border));
background: rgba(0, 0, 0, 0.04);
}

.deity-record .deity-visual__tabs > .deity-visual__tab {
display: flex;
flex: 0 0 50% !important;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 50% !important;
max-width: 50% !important;
min-width: 0;
min-height: 46px;
padding: 0.58rem 0.45rem;
color: var(--deity-muted, #665f57);
border-bottom: 3px solid transparent;
font-family: "Alegreya SC", Georgia, serif;
font-size: 0.86rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
float: none !important;
cursor: pointer;
}

.deity-visual__panel a.new {
display: flex !important;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100% !important;
height: 270px !important;
padding: 1.25rem;
color: var(--deity-muted, #665f57) !important;
background: rgba(255, 255, 255, 0.22);
font-style: italic;
line-height: 1.3;
text-align: center;
text-decoration: none;
}

.deity-visual__panel a.new::before {
content: "Missing image: ";
font-style: normal;
font-weight: 700;
}

.deity-visual__tab + .deity-visual__tab {
border-left: 1px solid var(--deity-line, var(--ew-border));
}

.deity-visual__tab:hover,
.deity-visual__tab:focus,
.deity-visual__tab.is-active {
color: var(--deity-deep, var(--ew-dark-2));
border-bottom-color: var(--deity-accent, var(--ew-gold));
background: rgba(255, 255, 255, 0.42);
outline: 0;
}

.deity-visual__panel {
box-sizing: border-box;
width: 100%;
height: 270px;
min-height: 270px;
max-height: 270px;
overflow: hidden;
}

.deity-visual__panel + .deity-visual__panel {
border-top: 1px solid var(--deity-line, var(--ew-border));
}

/* Match the JavaScript default panel state from the first paint. */
.deity-visual:not(.is-enhanced) .deity-visual__panel--appearance {
display: flex;
align-items: center;
justify-content: center;
border-top: 0;
}

.deity-visual:not(.is-enhanced) .deity-visual__panel--symbol {
display: none !important;
border-top: 0;
}

.deity-visual.is-enhanced .deity-visual__panel {
display: none;
border-top: 0;
}

.deity-visual.is-enhanced .deity-visual__panel.is-active {
display: flex;
align-items: center;
justify-content: center;
}

.deity-visual__panel .mw-file-description,
.deity-visual__panel .mw-file-element,
.deity-visual__appearance,
.deity-visual__symbol {
display: block;
box-sizing: border-box;
width: 100% !important;
}

.deity-visual__panel .mw-file-description {
height: 100%;
}

.deity-visual__appearance,
.deity-visual__panel--appearance .mw-file-element {
height: 270px !important;
object-fit: cover;
object-position: 50% 18%;
}

.deity-visual__panel--symbol {
padding: 0;
text-align: center;
}

.deity-visual__symbol,
.deity-visual__panel--symbol .mw-file-element {
box-sizing: border-box;
width: 100% !important;
max-width: none !important;
height: 270px !important;
padding: 1rem;
object-fit: contain;
object-position: center;
}

.deity-record__row {
display: grid;
grid-template-columns: minmax(105px, 0.9fr) minmax(0, 1.35fr);
gap: 0.75rem;
padding: 0.62rem 0.85rem;
border-top: 1px solid var(--deity-line, var(--ew-border));
}

.deity-record__row span {
color: var(--deity-muted, #665f57);
font-family: "Alegreya SC", Georgia, serif;
font-weight: 700;
}

.deity-index {
margin: 0 0 2rem;
overflow: hidden;
border: 1px solid var(--deity-line, var(--ew-border));
border-radius: 11px;
background: linear-gradient(145deg, var(--deity-paper, var(--ew-paper-light)), var(--deity-paper-alt, var(--ew-paper)));
}

.deity-index__heading {
padding: 0.8rem 1rem 0.7rem;
color: var(--deity-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.15rem;
font-weight: 700;
text-align: center;
}

.deity-index__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px;
background: var(--deity-line, var(--ew-border));
}

.deity-index__grid > div {
min-width: 0;
background: rgba(250, 247, 240, 0.96);
}

.deity-index__grid a {
display: block;
min-height: 56px;
padding: 0.72rem 0.85rem;
color: inherit;
text-decoration: none;
}

.deity-index__grid span,
.deity-index__grid strong {
display: block;
}

.deity-index__grid span {
color: var(--deity-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.deity-index__grid strong {
margin-top: 0.12rem;
font-size: 0.98rem;
line-height: 1.2;
}

.deity-page__body h2 {
display: flex;
gap: 0.75rem;
align-items: center;
margin: 2.35rem 0 1rem;
border-bottom: 0;
color: var(--deity-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.75rem;
font-weight: 700;
}

.deity-page__body h2::after {
content: "";
flex: 1;
height: 1px;
background: linear-gradient(90deg, var(--deity-accent, var(--ew-gold)), transparent);
}

.deity-page__body h3 {
color: var(--deity-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
}

.deity-page__body a,
.deity-record a {
color: var(--deity-link, var(--ew-link));
}

.deity-quote,
.deity-note {
margin: 1.25rem 0;
padding: 0.95rem 1.05rem;
border: 1px solid var(--deity-line, var(--ew-border));
border-left: 5px solid var(--deity-accent, var(--ew-gold));
border-radius: 8px;
background: linear-gradient(135deg, var(--deity-paper, var(--ew-paper-light)), var(--deity-paper-alt, var(--ew-paper)));
}

.deity-quote {
color: var(--deity-deep, var(--ew-dark-2));
font-size: 1.08rem;
font-style: italic;
}

.deity-quote__source {
display: block;
margin-top: 0.35rem;
color: var(--deity-muted, #665f57);
font-size: 0.9rem;
font-style: normal;
text-align: right;
}

.deity-card-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin: 1rem 0 1.75rem;
}

.deity-card-grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.deity-card {
min-width: 0;
padding: 1rem;
border: 1px solid var(--deity-line, var(--ew-border));
border-top: 4px solid var(--deity-accent, var(--ew-gold));
border-radius: 9px;
background: linear-gradient(145deg, var(--deity-paper, var(--ew-paper-light)), rgba(255, 255, 255, 0.52));
box-shadow: 0 5px 14px rgba(49, 35, 25, 0.08);
}

.deity-card h3 {
margin: 0 0 0.35rem;
font-size: 1.17rem;
}

.deity-card p {
margin: 0.35rem 0 0;
}

.deity-figure {
box-sizing: border-box;
margin: 1.35rem 0 1.9rem;
overflow: hidden;
border: 1px solid var(--deity-line, var(--ew-border));
border-radius: 10px;
background: var(--deity-paper, var(--ew-paper-light));
box-shadow: 0 8px 20px rgba(50, 33, 24, 0.14);
}

.deity-figure .mw-file-description,
.deity-figure .mw-file-element,
.deity-figure__image {
display: block;
width: 100% !important;
max-width: none !important;
}

.deity-figure .mw-file-element,
.deity-figure__image {
height: clamp(220px, 28vw, 340px);
object-fit: cover;
}

.deity-figure__caption {
padding: 0.65rem 0.9rem 0.72rem;
color: var(--deity-muted, #665f57);
background: linear-gradient(135deg, var(--deity-paper, var(--ew-paper-light)), var(--deity-paper-alt, var(--ew-paper)));
font-size: 0.94rem;
font-style: italic;
line-height: 1.35;
}

@media (max-width: 1050px) {
.deity-card-grid--three {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 900px) {
.deity-page {
width: calc(100vw - var(--ew-sidebar) - 48px) !important;
}
}

@media (max-width: 760px) {
.deity-overview,
.deity-card-grid,
.deity-card-grid--three,
.deity-index__grid {
grid-template-columns: 1fr;
}

.deity-record {
width: min(100%, 580px);
order: -1;
}

.deity-record__row {
grid-template-columns: 1fr;
gap: 0.15rem;
}

.deity-figure .mw-file-element,
.deity-figure__image {
height: 220px;
}
}

@media (max-width: 700px) {
.deity-page {
width: calc(100vw - 48px) !important;
}
}

/* =========================================================
FINAL SHARED HERO SCALE
Nation, history, city and deity pages deliberately use one size.
Keep this block last so older duplicate rules cannot win.
========================================================= */
.country-hero,
.history-hero,
.city-hero,
.deity-hero {
box-sizing: border-box !important;
height: clamp(240px, 22vw, 320px) !important;
min-height: 240px !important;
max-height: 320px !important;
margin: 0 0 1.4rem !important;
border-radius: 14px !important;
}

.country-hero .mw-file-description,
.country-hero .mw-file-element,
.country-hero__image,
.history-hero .mw-file-description,
.history-hero .mw-file-element,
.history-hero__image,
.city-hero .mw-file-description,
.city-hero .mw-file-element,
.city-hero__image,
.deity-hero .mw-file-description,
.deity-hero .mw-file-element,
.deity-hero__image {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
object-fit: cover !important;
}

.country-hero__overlay,
.history-hero__overlay,
.city-hero__overlay,
.deity-hero__overlay {
padding: clamp(1.25rem, 3vw, 2.5rem) !important;
}

.country-hero__title,
.history-hero__title,
.city-hero__title,
.deity-hero__title {
max-width: 900px !important;
font-size: clamp(2.1rem, 4vw, 3.6rem) !important;
line-height: 0.96 !important;
}

.country-hero__subtitle,
.history-hero__subtitle,
.city-hero__subtitle,
.deity-hero__subtitle {
margin-top: 0.55rem !important;
font-size: clamp(1rem, 2vw, 1.35rem) !important;
}

/* Missing files leave no blue filename inside the hero. */
.country-hero a.new,
.history-hero a.new,
.city-hero a.new,
.deity-hero a.new {
display: none !important;
}

@media (max-width: 760px) {
.country-hero,
.history-hero,
.city-hero,
.deity-hero {
height: 250px !important;
min-height: 250px !important;
max-height: 250px !important;
border-radius: 10px !important;
}

.country-hero__overlay,
.history-hero__overlay,
.city-hero__overlay,
.deity-hero__overlay {
padding: 1.25rem !important;
}
}

/* =========================================================
FLOWING RECORD LAYOUT
Desktop record boxes behave like traditional wiki infoboxes: they float
beside the article instead of forcing everything below their full height.
========================================================= */
@media (min-width: 951px) {
.country-overview,
.history-overview,
.city-overview {
display: block !important;
margin-bottom: 1.5rem !important;
}

.country-record,
.history-record,
.city-record {
float: right !important;
box-sizing: border-box !important;
margin: 0 0 1.5rem 2rem !important;
}

.country-record,
.history-record,
.city-record {
width: 340px !important;
max-width: 34% !important;
}

.country-overview__lead,
.history-overview__lead,
.city-overview__lead {
display: block !important;
min-width: 0 !important;
}

.history-era-index,
.city-index {
min-width: 0;
overflow: hidden;
}

.country-page::after,
.history-page::after,
.city-page::after {
content: "";
display: block;
clear: both;
}
}

/* =========================================================
HISTORY AND CHRONOLOGY PORTALS — FULL CONTENT WIDTH
The original general article rule caps parser output at 1180px. These are
designed reference pages and should use the same available width as city,
nation, national-history and deity layouts.
========================================================= */
body.page-Category_History_and_Timeline .mw-parser-output,
body.page-History_and_Timeline .mw-parser-output,
body.page-Chronology_of_Erindal .mw-parser-output,
body.page-Calendar_of_Erindal .mw-parser-output,
body.page-Death_Souls_and_Resurrection .mw-parser-output {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
}


@media (max-width: 950px) {
.country-overview,
.history-overview,
.city-overview {
display: block !important;
}

.country-record,
.history-record,
.city-record {
float: none !important;
box-sizing: border-box !important;
width: min(100%, 580px) !important;
max-width: 100% !important;
margin: 0 auto 1.5rem !important;
}
}

/* =========================================================
DEITY ARTICLE / INFOBOX LAYOUT — SINGLE FLOWING SYSTEM
Desktop uses the same traditional infobox flow for every deity page.
The Divine Record must occur before the prose it should wrap beside.
This is source structure, not deity-specific CSS.
========================================================= */
@media (min-width: 951px) {
.deity-overview,
.deity-article-layout {
display: block !important;
margin-bottom: 1.5rem !important;
}

/* Legacy/current deity pages where the record sits directly in the overview. */
.deity-overview .deity-record {
float: right !important;
box-sizing: border-box !important;
width: 370px !important;
max-width: 34% !important;
margin: 0 0 1.5rem 2rem !important;
}

/* New deity-page structure: rail first in source, then main. */
.deity-article-layout__rail {
float: right !important;
box-sizing: border-box !important;
width: 370px !important;
max-width: 34% !important;
margin: 0 0 1.5rem 2rem !important;
}

.deity-article-layout__rail .deity-record {
float: none !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}

.deity-overview__lead,
.deity-article-layout__main,
.deity-page__body {
display: block !important;
min-width: 0 !important;
}

.deity-index {
min-width: 0 !important;
overflow: hidden !important;
}

.deity-article-layout .deity-index {
margin: 0 0 1.5rem !important;
}

.deity-article-layout__main .toc,
.deity-article-layout__main #toc {
float: none !important;
box-sizing: border-box !important;
width: min(100%, 300px) !important;
max-width: 100% !important;
margin: 0 0 1.5rem !important;
}

/* Never force article sections below a tall Divine Record on desktop. */
.deity-page > .deity-page__body {
display: block !important;
clear: none !important;
box-sizing: border-box !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
}

.deity-page::after {
content: "";
display: block;
clear: both;
}
}

@media (max-width: 950px) {
.deity-overview,
.deity-article-layout {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 1.5rem !important;
}

.deity-overview .deity-record,
.deity-article-layout__rail,
.deity-article-layout__rail .deity-record {
float: none !important;
box-sizing: border-box !important;
width: min(100%, 580px) !important;
max-width: 100% !important;
margin: 0 auto !important;
}

.deity-article-layout__rail {
grid-column: 1 !important;
grid-row: 1 !important;
}

.deity-article-layout__main {
grid-column: 1 !important;
grid-row: 2 !important;
min-width: 0 !important;
}

.deity-page > .deity-page__body {
display: block !important;
clear: both !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
}

/* Centred, unmistakable appearance/symbol selector. */
.deity-record .deity-visual__tabs {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
align-items: stretch !important;
box-sizing: border-box !important;
width: 100% !important;
min-height: 52px !important;
padding: 4px !important;
border-bottom: 1px solid var(--deity-line, var(--ew-border)) !important;
background: var(--deity-tabs-bg, var(--ew-paper)) !important;
}

.deity-record .deity-visual__tabs .deity-visual__tab {
display: grid !important;
place-items: center !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
min-height: 44px !important;
padding: 0.55rem 0.45rem !important;
overflow: visible !important;
color: var(--deity-tab-text, var(--ew-ink)) !important;
border: 1px solid transparent !important;
border-radius: 6px !important;
background: transparent !important;
font-family: "Alegreya SC", Georgia, serif !important;
font-size: 0.88rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
text-align: center !important;
white-space: nowrap !important;
text-overflow: clip !important;
box-shadow: none !important;
cursor: pointer !important;
}

.deity-record .deity-visual__tabs .deity-visual__tab + .deity-visual__tab {
border-left-color: var(--deity-line, var(--ew-border)) !important;
}

.deity-record .deity-visual__tabs .deity-visual__tab:hover,
.deity-record .deity-visual__tabs .deity-visual__tab:focus-visible {
color: var(--deity-deep, var(--ew-dark-2)) !important;
border-color: var(--deity-accent, var(--ew-gold)) !important;
background: rgba(255, 250, 241, 0.68) !important;
outline: 2px solid transparent !important;
}

/* Divine Appearance is the default visible panel, so its button starts
visually active before Common.js runs. */
.deity-record .deity-visual:not(.is-enhanced) .deity-visual__tabs .deity-visual__tab:first-child,
.deity-record .deity-visual__tabs .deity-visual__tab.is-active,
.deity-record .deity-visual__tabs .deity-visual__tab[aria-selected="true"] {
color: var(--deity-tab-active-text, #fffaf2) !important;
border-color: var(--deity-tab-active-border, var(--ew-gold)) !important;
background: linear-gradient(180deg, var(--deity-tab-active-top, var(--ew-dark-2)) 0%, var(--deity-tab-active-bottom, var(--ew-dark-1)) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 2px 5px rgba(54, 27, 17, 0.28) !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.42) !important;
}

/* =========================================================
ERINDAL ARTICLE SYSTEM: ORGANIZATIONS, CHARACTERS AND MAGIC
Shared structure only. Each article defines its own palette on .wiki-page.
========================================================= */

.wiki-page {
box-sizing: border-box;
width: calc(100vw - var(--ew-sidebar) - 84px) !important;
max-width: none !important;
color: var(--wiki-ink, var(--ew-ink));
font-family: "Alegreya", Georgia, serif;
line-height: 1.62;
}




.wiki-hero {
position: relative;
box-sizing: border-box !important;
height: clamp(240px, 22vw, 320px) !important;
min-height: 240px !important;
max-height: 320px !important;
margin: 0 0 1.4rem !important;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px !important;
background: var(--wiki-deep, var(--ew-dark-2));
box-shadow: 0 12px 30px rgba(25, 20, 17, 0.19);
}

.wiki-hero .mw-file-description,
.wiki-hero .mw-file-element,
.wiki-hero__image {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
object-fit: cover !important;
}

.wiki-hero a.new {
display: none !important;
}

.wiki-hero__overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: clamp(1.25rem, 3vw, 2.5rem) !important;
color: #fffaf2;
background:
linear-gradient(180deg, rgba(12, 16, 20, 0.03) 18%, rgba(10, 13, 16, 0.9) 100%),
linear-gradient(90deg, rgba(9, 13, 16, 0.66), transparent 70%);
pointer-events: none;
}

.wiki-hero__eyebrow {
margin-bottom: 0.25rem;
color: #efc078;
font-family: "Alegreya SC", Georgia, serif;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}

.wiki-hero__title {
max-width: 900px !important;
font-family: "Alegreya SC", Georgia, serif;
font-size: clamp(2.1rem, 4vw, 3.6rem) !important;
font-weight: 700;
line-height: 0.96 !important;
text-shadow: 0 3px 16px rgba(0, 0, 0, 0.72);
}

.wiki-hero__subtitle {
margin-top: 0.55rem !important;
color: #e9dfd0;
font-size: clamp(1rem, 2vw, 1.35rem) !important;
font-style: italic;
}

.wiki-article-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 370px;
gap: 2rem;
align-items: start;
}

.wiki-article-layout__main,
.wiki-article-layout__rail,
.wiki-page__body {
min-width: 0;
}

.wiki-lead {
margin-bottom: 1.35rem;
font-size: 1.08rem;
}

.wiki-lead > p:first-child::first-letter {
float: left;
margin: 0.08em 0.1em 0 0;
color: var(--wiki-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-size: 3.7em;
font-weight: 700;
line-height: 0.78;
}

.wiki-record {
overflow: hidden;
border: 1px solid var(--wiki-line, var(--ew-border));
border-radius: 12px;
background: var(--wiki-paper, var(--ew-paper-light));
box-shadow: 0 10px 22px rgba(38, 32, 28, 0.13);
}

.wiki-record__title {
padding: 0.85rem 1rem;
color: #fff8ee;
background: linear-gradient(135deg, var(--wiki-deep, var(--ew-dark-2)), var(--wiki-accent, var(--ew-gold)));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.25rem;
font-weight: 700;
letter-spacing: 0.04em;
text-align: center;
}

.wiki-record__image {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
height: 285px;
padding: 0.8rem;
overflow: hidden;
border-bottom: 1px solid var(--wiki-line, var(--ew-border));
background: linear-gradient(145deg, var(--wiki-paper-alt, var(--ew-paper)), var(--wiki-paper, var(--ew-paper-light)));
}

.wiki-record__image--portrait {
box-sizing: border-box;
height: 270px;
min-height: 270px;
max-height: 270px;
padding: 0;
overflow: hidden;
background: var(--wiki-paper, var(--ew-paper-light));
}

.wiki-record__image .mw-file-description {
display: block;
width: 100%;
height: 100%;
}

.wiki-record__image .mw-file-element {
display: block;
width: 100% !important;
max-width: none !important;
height: 100% !important;
object-fit: contain;
object-position: center;
}

/* Character portraits use the normal MediaWiki infobox behaviour:
show the whole image at the record width, preserve its aspect ratio,
and leave the file link intact so clicking opens the MediaWiki file page
where the original/full-resolution image is available. */
.wiki-record__image--portrait .mw-file-description {
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box;
width: 100% !important;
height: 270px !important;
}

.wiki-record__image--portrait .mw-file-element {
display: block !important;
width: auto !important;
max-width: 100% !important;
height: 270px !important;
max-height: 270px !important;
object-fit: contain !important;
object-position: center !important;
margin: 0 auto !important;
}

/* Organization heraldry uses a compact, deity-style display:
the whole emblem is scaled down inside a fixed frame, stays clickable,
and opens through MediaWiki's normal file link when selected. */
.wiki-record__image--emblem {
box-sizing: border-box;
width: 100%;
height: 270px;
min-height: 270px;
max-height: 270px;
padding: 0;
overflow: hidden;
background: var(--wiki-paper, var(--ew-paper-light));
}

.wiki-record__image--emblem .mw-file-description {
display: block !important;
box-sizing: border-box;
width: 100% !important;
height: 100% !important;
}

/* Same fitting model as the deity Holy Symbol panel:
the image element fills the record-width frame, while object-fit: contain
scales the actual emblem down inside it instead of sizing the element from
the emblem's height. */
.wiki-record__image--emblem .mw-file-element {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
height: 270px !important;
max-height: 270px !important;
padding: 1rem !important;
object-fit: contain !important;
object-position: center !important;
margin: 0 !important;
}

/* MediaWiki adds wrapper elements around [[File:...]]. Target the image
itself as the final authority so wrapper intrinsic sizing cannot enlarge
or crop organization emblems. */
.wiki-record__emblem-image {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
height: 270px !important;
max-height: 270px !important;
padding: 1rem !important;
object-fit: contain !important;
object-position: center !important;
margin: 0 auto !important;
}

.wiki-record__image a.new {
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: var(--wiki-muted, #6f665d) !important;
font-style: italic;
text-align: center;
}

.wiki-record__rows > div {
display: grid;
grid-template-columns: minmax(110px, 0.9fr) minmax(0, 1.35fr);
gap: 0.75rem;
padding: 0.65rem 0.85rem;
border-top: 1px solid var(--wiki-line, var(--ew-border));
}

.wiki-record__rows > div:first-child {
border-top: 0;
}

.wiki-record__rows span {
color: var(--wiki-muted, #6f665d);
font-family: "Alegreya SC", Georgia, serif;
font-weight: 700;
}

.wiki-record__rows strong {
min-width: 0;
overflow-wrap: anywhere;
}

.wiki-record a,
.wiki-page a {
color: #174f72;
}

.wiki-index {
margin: 0 0 1.5rem;
overflow: hidden;
border: 1px solid var(--wiki-line, var(--ew-border));
border-radius: 11px;
background: linear-gradient(145deg, var(--wiki-paper, var(--ew-paper-light)), var(--wiki-paper-alt, var(--ew-paper)));
}

.wiki-index__heading {
padding: 0.8rem 1rem 0.7rem;
color: var(--wiki-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.15rem;
font-weight: 700;
text-align: center;
}

.wiki-index__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px;
background: var(--wiki-line, var(--ew-border));
}

.wiki-index__grid > div {
min-width: 0;
background: rgba(250, 247, 240, 0.96);
}

.wiki-index__grid a {
display: block;
min-height: 56px;
padding: 0.72rem 0.85rem;
color: inherit;
text-decoration: none;
}

.wiki-index__grid span,
.wiki-index__grid strong {
display: block;
}

.wiki-index__grid span {
color: var(--wiki-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.wiki-index__grid strong {
margin-top: 0.12rem;
font-size: 0.98rem;
line-height: 1.2;
}

.wiki-article-layout__main .toc,
.wiki-article-layout__main #toc {
float: none !important;
box-sizing: border-box !important;
width: min(100%, 300px) !important;
max-width: 100% !important;
margin: 0 0 1.5rem !important;
}

.wiki-page > .wiki-page__body {
display: block;
clear: both;
box-sizing: border-box;
width: 100%;
max-width: none;
min-width: 0;
}

.wiki-page__body h2 {
display: flex;
gap: 0.75rem;
align-items: center;
margin: 2.35rem 0 1rem;
border-bottom: 0;
color: var(--wiki-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
font-size: 1.75rem;
font-weight: 700;
}

.wiki-page__body h2::after {
content: "";
flex: 1;
height: 1px;
background: linear-gradient(90deg, var(--wiki-accent, var(--ew-gold)), transparent);
}

.wiki-page__body h3 {
color: var(--wiki-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
}

.wiki-card-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin: 1rem 0 1.75rem;
}

.wiki-card-grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wiki-card {
min-width: 0;
padding: 1rem;
border: 1px solid var(--wiki-line, var(--ew-border));
border-top: 4px solid var(--wiki-accent, var(--ew-gold));
border-radius: 9px;
background: linear-gradient(145deg, var(--wiki-paper, var(--ew-paper-light)), rgba(255, 255, 255, 0.55));
box-shadow: 0 5px 14px rgba(45, 38, 32, 0.08);
}

.wiki-card h3 {
margin: 0 0 0.35rem;
font-size: 1.17rem;
}

.wiki-card p {
margin: 0.35rem 0 0;
}

.wiki-process {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
margin: 1rem 0 1.75rem;
counter-reset: none;
}

.wiki-process > div {
position: relative;
min-width: 0;
padding: 1.1rem;
border: 1px solid var(--wiki-line, var(--ew-border));
border-radius: 9px;
background: linear-gradient(145deg, var(--wiki-paper, var(--ew-paper-light)), rgba(255, 255, 255, 0.55));
}

.wiki-process > div > span {
display: grid;
place-items: center;
width: 2rem;
height: 2rem;
margin-bottom: 0.55rem;
color: white;
border-radius: 50%;
background: var(--wiki-accent, var(--ew-gold));
font-family: "Alegreya SC", Georgia, serif;
font-weight: 700;
}

.wiki-process h3 {
margin: 0 0 0.3rem;
}

.wiki-process p {
margin: 0;
}

.wiki-figure {
box-sizing: border-box;
margin: 1.35rem 0 1.9rem;
overflow: hidden;
border: 1px solid var(--wiki-line, var(--ew-border));
border-radius: 10px;
background: var(--wiki-paper, var(--ew-paper-light));
box-shadow: 0 8px 20px rgba(40, 34, 30, 0.14);
}

.wiki-figure .mw-file-description,
.wiki-figure .mw-file-element {
display: block;
width: 100% !important;
max-width: none !important;
}

.wiki-figure .mw-file-element {
height: clamp(220px, 31vw, 430px);
object-fit: cover;
}

.wiki-figure__caption {
padding: 0.65rem 0.9rem 0.72rem;
color: var(--wiki-muted, #6f665d);
background: linear-gradient(135deg, var(--wiki-paper, var(--ew-paper-light)), var(--wiki-paper-alt, var(--ew-paper)));
font-size: 0.94rem;
font-style: italic;
line-height: 1.35;
}

.wiki-quote {
margin: 1.25rem 0;
padding: 0.95rem 1.05rem;
border: 1px solid var(--wiki-line, var(--ew-border));
border-left: 5px solid var(--wiki-accent, var(--ew-gold));
border-radius: 8px;
background: linear-gradient(135deg, var(--wiki-paper, var(--ew-paper-light)), var(--wiki-paper-alt, var(--ew-paper)));
color: var(--wiki-deep, var(--ew-dark-2));
font-size: 1.08rem;
font-style: italic;
}

.wiki-quote p {
margin: 0;
}

.wiki-quote cite {
display: block;
margin-top: 0.35rem;
color: var(--wiki-muted, #6f665d);
font-size: 0.9rem;
font-style: normal;
text-align: right;
}

.wiki-table {
width: 100%;
margin: 1rem 0 1.6rem;
border-collapse: collapse;
background: rgba(248, 245, 238, 0.86);
}

.wiki-table th {
color: #fff8ee;
background: var(--wiki-deep, var(--ew-dark-2));
font-family: "Alegreya SC", Georgia, serif;
text-align: left;
}

.wiki-table th,
.wiki-table td {
padding: 0.65rem 0.75rem;
border: 1px solid var(--wiki-line, var(--ew-border));
vertical-align: top;
}

@media (max-width: 1050px) {
.wiki-card-grid--three,
.wiki-index__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 950px) {
.wiki-article-layout {
grid-template-columns: minmax(0, 1fr);
gap: 1.5rem;
}

.wiki-article-layout__rail {
grid-column: 1;
grid-row: 1;
}

.wiki-article-layout__main {
grid-column: 1;
grid-row: 2;
}

.wiki-article-layout__rail .wiki-record {
width: min(100%, 580px);
margin: 0 auto;
}

.wiki-page {
width: calc(100vw - var(--ew-sidebar) - 48px) !important;
}
}

@media (max-width: 760px) {
.wiki-hero {
height: 250px !important;
min-height: 250px !important;
max-height: 250px !important;
border-radius: 10px !important;
}

.wiki-hero__overlay {
padding: 1.25rem !important;
}

.wiki-index__grid,
.wiki-card-grid,
.wiki-card-grid--three,
.wiki-process {
grid-template-columns: 1fr;
}

.wiki-record__rows > div {
grid-template-columns: 1fr;
gap: 0.15rem;
}

.wiki-table {
display: block;
overflow-x: auto;
}
}

@media (max-width: 700px) {
.wiki-page {
width: calc(100vw - 48px) !important;
}
}

/* Desktop records use traditional wiki flow. The record is first in the
source, floats at the top-right and article text continues beside it until
the record ends. This prevents both a blank wall and a record postponed to
the bottom of a long page. */
@media (min-width: 951px) {
.wiki-article-layout {
display: block;
}

.wiki-article-layout__rail {
float: right;
box-sizing: border-box;
width: 370px;
max-width: 34%;
margin: 0 0 1.5rem 2rem;
}

.wiki-article-layout__main {
display: block;
min-width: 0;
}

.wiki-page__body {
clear: none !important;
}

.wiki-page::after {
content: "";
display: block;
clear: both;
}
}


/* ========================================================================
END ERINDAL WIKI COMMON.CSS v6.0
======================================================================== */

Revision as of 12:26, 18 August 2026

/* ======================================================================== 

  ERINDAL WIKI - LIVE VECTOR THEME v6.2 PAGE-LOCAL PALETTES
  Target: MediaWiki 1.43.x, legacy Vector skin
  ======================================================================== */
root {
 --ew-sidebar: 276px;
 --ew-topbar: 56px;
 --ew-content-max: calc(100vw - var(--ew-sidebar));
 --ew-dark-0: #02070a;
 --ew-dark-1: #061119;
 --ew-dark-2: #0b1a23;
 --ew-gold: #d1a24a;
 --ew-gold-soft: #efc979;
 --ew-paper: #efe7d9;
 --ew-paper-light: #f8f2e8;
 --ew-ink: #171513;
 --ew-border: rgba(111, 86, 54, .34);
 --ew-link: #0c4771;

}

/* ======================================================================== 

  PAGE THEME POLICY
  Common.css owns shared layout, typography and component behaviour.
  Individual countries, cities, deities, organizations, characters, magic
  articles and other designed pages set their own --country-*, --city-*,
  --deity-* or --wiki-* palette variables on their page wrapper.
  Do not add per-page colour classes or page-name selectors here.
  ======================================================================== */

html, body { 

 background: var(--ew-dark-0) !important;

}

body { 

 color: var(--ew-ink);
 font-family: "Crimson Text", Georgia, serif;

}

/* ---------- GLOBAL DARK SHELL ---------- */

  1. mw-panel {
 position: fixed !important;
 z-index: 90;
 top: 0 !important;
 left: 0 !important;
 bottom: 0;
 width: var(--ew-sidebar) !important;
 overflow-y: auto;
 padding: 0 16px 24px !important;
 box-sizing: border-box;
 background:
   radial-gradient(circle at 45% 0%, rgba(58, 83, 98, .25), transparent 300px),
   linear-gradient(180deg, #0b1a23 0%, #041019 58%, #020a0f 100%) !important;
 border-right: 2px solid rgba(125, 102, 69, .52);
 box-shadow: inset -12px 0 24px rgba(0,0,0,.38), 4px 0 18px rgba(0,0,0,.18);
 color: #f4eee3;

}

/* Decorative corners */

  1. mw-panel::before,
  2. mw-panel::after {
 content: "";
 position: fixed;
 z-index: 92;
 top: 4px;
 width: 18px;
 height: 18px;
 border-color: rgba(207,163,80,.62);
 border-style: solid;
 pointer-events: none;

}

  1. mw-panel::before { left: 4px; border-width: 1px 0 0 1px; }
  2. mw-panel::after { left: calc(var(--ew-sidebar) - 23px); border-width: 1px 1px 0 0; }

/* Replace default Vector logo area with Erindal wordmark */

  1. p-logo {
 position: relative !important;
 top: auto !important;
 left: auto !important;
 width: calc(var(--ew-sidebar) - 32px) !important;
 height: 126px !important;
 margin: 0 0 12px !important;
 border-bottom: 1px solid rgba(139,116,79,.45);

}

  1. p-logo a {
 position: absolute !important;
 inset: 0 !important;
 width: 100% !important;
 height: 100% !important;
 background: none !important;
 z-index: 5;

}

  1. p-logo::before {
 content: "";
 position: absolute;
 left: 15px;
 top: 25px;
 width: 72px;
 height: 72px;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: center;
 filter: drop-shadow(0 2px 2px rgba(0,0,0,.5));
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23d6a74d' stroke-width='3'%3E%3Ccircle cx='50' cy='50' r='30'/%3E%3Cpath d='M50 6L58 41L94 50L58 59L50 94L42 59L6 50L42 41Z'/%3E%3Cpath d='M50 17L53 44L83 50L53 56L50 83L47 56L17 50L47 44Z'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='5' fill='%23d6a74d'/%3E%3C/svg%3E");

}

  1. p-logo::after {
 content: "ERINDAL\A WIKI";
 white-space: pre;
 position: absolute;
 left: 101px;
 top: 28px;
 color: var(--ew-gold-soft);
 font: 700 27px/1.05 "Cinzel", Georgia, serif;
 letter-spacing: .075em;
 text-shadow: 0 2px 2px rgba(0,0,0,.65);

}

/* Sidebar sections */

  1. mw-panel .portal {
 background: none !important;
 margin: 0 !important;
 padding: 0 0 18px !important;
 border-bottom: 1px solid rgba(139,116,79,.46);

}

  1. mw-panel .portal + .portal { margin-top: 18px !important; }
  2. mw-panel .portal h3 {
 height: auto !important;
 margin: 0 0 9px 12px !important;
 padding: 0 !important;
 color: #b9ad9a !important;
 background: none !important;
 font: 600 12px/1.2 "Cinzel", Georgia, serif !important;
 text-transform: uppercase;
 letter-spacing: .055em;

}

  1. mw-panel .portal .body {
 margin: 0 !important;
 padding: 0 !important;
 background: none !important;

}

  1. mw-panel .portal .body ul { margin: 0 !important; list-style: none !important; }
  2. mw-panel .portal .body li {
 margin: 2px 0 !important;
 padding: 0 !important;
 font-size: 15px !important;
 line-height: 1.2 !important;

}

  1. mw-panel .portal .body li a,
  2. mw-panel .portal .body li a:visited {
 position: relative;
 display: block;
 padding: 7px 8px 7px 39px !important;
 color: #f1ede6 !important;
 text-decoration: none !important;
 border-radius: 2px;

}

  1. mw-panel .portal .body li a:hover {
 color: var(--ew-gold-soft) !important;
 background: linear-gradient(90deg, rgba(35,67,93,.72), rgba(22,43,57,.20));

}

  1. mw-panel .portal .body li a::before {
 content: "◆";
 position: absolute;
 left: 14px;
 top: 7px;
 width: 16px;
 color: #98a09e;
 text-align: center;
 font-size: 11px;

}

  1. mw-panel .portal:first-of-type .body li:first-child a {
 color: var(--ew-gold-soft) !important;
 background: linear-gradient(90deg, rgba(35,67,93,.95), rgba(22,43,57,.42));

}

  1. mw-panel .portal:first-of-type .body li:first-child a::before { content: "⌂"; color: var(--ew-gold-soft); font-size: 18px; top: 4px; }

/* Hide default sidebar toolbox/footer links we don't need in the fantasy navigation */

  1. p-tb { display: none !important; }


/* --- Vector 1.43 legacy compatibility --- */

  1. mw-page-base {
 margin-left: var(--ew-sidebar) !important;
 width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max)) !important;
 background: #061119 !important;
 height: var(--ew-topbar) !important;

}

  1. mw-panel .vector-menu-portal,
  2. mw-panel .mw-portlet {
 background: none !important;
 margin: 0 !important;
 padding: 0 0 18px !important;
 border-bottom: 1px solid rgba(139,116,79,.46) !important;

}

  1. mw-panel .vector-menu-portal + .vector-menu-portal,
  2. mw-panel .mw-portlet + .mw-portlet { margin-top: 18px !important; }
  1. mw-panel .vector-menu-heading,
  2. mw-panel .vector-menu-heading-label,
  3. mw-panel .mw-portlet h3 {
 height: auto !important;
 margin: 0 0 9px 12px !important;
 padding: 0 !important;
 color: #b9ad9a !important;
 background: none !important;
 font: 600 12px/1.2 "Cinzel", Georgia, serif !important;
 text-transform: uppercase !important;
 letter-spacing: .055em !important;

}

  1. mw-panel .vector-menu-content,
  2. mw-panel .vector-menu-content-list { margin:0 !important; padding:0 !important; background:none !important; }
  3. mw-panel .vector-menu-content-list { list-style:none !important; }
  4. mw-panel .vector-menu-content-list li {
 margin: 2px 0 !important;
 padding: 0 !important;
 font-size: 15px !important;
 line-height: 1.2 !important;

}

  1. mw-panel .vector-menu-content-list li a,
  2. mw-panel .vector-menu-content-list li a:visited {
 position: relative !important;
 display: block !important;
 padding: 7px 8px 7px 39px !important;
 color: #f1ede6 !important;
 text-decoration: none !important;
 border-radius: 2px !important;

}

  1. mw-panel .vector-menu-content-list li a:hover {
 color: var(--ew-gold-soft) !important;
 background: linear-gradient(90deg,rgba(35,67,93,.72),rgba(22,43,57,.20)) !important;

}

  1. mw-panel .vector-menu-content-list li a::before {
 content: "◆";
 position:absolute; left:14px; top:7px; width:16px;
 color:#98a09e; text-align:center; font-size:11px;

}

  1. p-navigation .vector-menu-content-list li:first-child a {
 color: var(--ew-gold-soft) !important;
 background: linear-gradient(90deg,rgba(35,67,93,.95),rgba(22,43,57,.42)) !important;

}

  1. p-navigation .vector-menu-content-list li:first-child a::before { content:"⌂"; color:var(--ew-gold-soft); font-size:18px; top:4px; }


/* Vector 1.43 link text lives inside spans; style those explicitly. */

  1. mw-panel .mw-list-item > a,
  2. mw-panel .mw-list-item > a:visited {
 position: relative !important;
 display: block !important;
 padding: 7px 8px 7px 39px !important;
 color: #f1ede6 !important;
 text-decoration: none !important;
 border-radius: 2px !important;
 font: 15px/1.2 "Crimson Text", Georgia, serif !important;

}

  1. mw-panel .mw-list-item > a > span,
  2. mw-panel .mw-list-item > a:visited > span {
 color: inherit !important;
 font: inherit !important;

}

  1. mw-panel .mw-list-item > a:hover {
 color: var(--ew-gold-soft) !important;
 background: linear-gradient(90deg, rgba(35,67,93,.72), rgba(22,43,57,.20)) !important;

}

  1. mw-panel .mw-list-item > a::before {
 content: "◆";
 position: absolute;
 left: 14px;
 top: 7px;
 width: 16px;
 color: #98a09e;
 text-align: center;
 font-size: 11px;

}

  1. p-navigation .mw-list-item:first-child > a {
 color: var(--ew-gold-soft) !important;
 background: linear-gradient(90deg, rgba(35,67,93,.95), rgba(22,43,57,.42)) !important;

}

  1. p-navigation .mw-list-item:first-child > a::before { content: "⌂"; color: var(--ew-gold-soft); font-size: 18px; top: 4px; }

/* Never show an auto-generated TOC on the front page. */ body.page-Main_Page .toc, body.page-Main_Page #toc { display: none !important; }

/* MediaWiki file markup wrappers */ .ew-hero-image > span, .ew-hero-image > a, .ew-map-image > span, .ew-map-image > a, .ew-feature-image > span, .ew-feature-image > a, .ew-strip > span, .ew-strip > a { display:block !important; width:100% !important; height:100% !important; } .ew-hero-image .mw-file-description, .ew-map-image .mw-file-description, .ew-feature-image .mw-file-description, .ew-strip .mw-file-description { display:block !important; width:100% !important; height:100% !important; }

/* ---------- GLOBAL TOPBAR (inserted by MediaWiki:Common.js) ---------- */

  1. ew-global-topbar {
 position: fixed;
 z-index: 100;
 top: 0;
 left: var(--ew-sidebar);
 right: auto;
 width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max));
 height: var(--ew-topbar);
 display: flex;
 align-items: center;
 box-sizing: border-box;
 padding: 0 14px 0 30px;
 background: linear-gradient(180deg, #08141c 0%, #03090d 100%);
 border-bottom: 2px solid rgba(112,88,58,.46);
 box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2px 6px rgba(0,0,0,.28);
 color: #f5eee4;
 font-family: "Cinzel", Georgia, serif;

}

  1. ew-global-topbar::before,
  2. ew-global-topbar::after {
 content: "";
 position: absolute;
 top: 4px;
 width: 18px;
 height: 18px;
 border-color: rgba(207,163,80,.55);
 border-style: solid;
 pointer-events: none;

}

  1. ew-global-topbar::before { left: 4px; border-width: 1px 0 0 1px; }
  2. ew-global-topbar::after { right: 4px; border-width: 1px 1px 0 0; }

.ew-global-menu { 

 display: flex;
 align-items: stretch;
 height: 100%;
 min-width: 0;

} .ew-global-menu a, .ew-global-menu a:visited { 

 display: flex;
 align-items: center;
 padding: 0 18px;
 color: #f3eee5 !important;
 font-size: 14px;
 text-transform: uppercase;
 letter-spacing: .04em;
 text-decoration: none !important;
 white-space: nowrap;

} .ew-global-menu a:hover { color: var(--ew-gold-soft) !important; background: rgba(255,255,255,.035); } .ew-menu-arrow { margin-left: 6px; font-size: 11px; } .ew-global-search { 

 margin-left: auto;
 width: min(304px, 26vw);
 height: 35px;
 display: flex;
 border: 1px solid rgba(151,128,91,.42);
 background: rgba(0,0,0,.28);
 border-radius: 4px;
 overflow: hidden;

} .ew-global-search input[type="search"] { 

 min-width: 0;
 flex: 1;
 border: 0 !important;
 outline: 0 !important;
 box-shadow: none !important;
 background: transparent !important;
 color: #eee8de !important;
 padding: 0 12px !important;
 font: 15px "Crimson Text", Georgia, serif !important;

} .ew-global-search input::placeholder { color: #d4cbc0; opacity: .88; } .ew-global-search button { 

 width: 42px;
 border: 0;
 border-left: 1px solid rgba(151,128,91,.34);
 background: transparent;
 color: #f1eade;
 font-size: 22px;
 cursor: pointer;

} .ew-global-tools { display: flex; height: 100%; margin-left: 9px; } .ew-tool-link, .ew-tool-link:visited { 

 width: 44px;
 display: grid;
 place-items: center;
 color: #f3eee5 !important;
 text-decoration: none !important;
 border-left: 1px solid rgba(151,128,91,.20);
 font-size: 21px;

} .ew-tool-link:hover { color: var(--ew-gold-soft) !important; }

/* ---------- VECTOR CONTENT POSITIONING ---------- */

  1. mw-head-base {
 margin-left: var(--ew-sidebar) !important;
 width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max)) !important;
 margin-top: var(--ew-topbar) !important;
 height: 34px !important;
 background: #0a151c !important;

}

  1. mw-head {
 left: var(--ew-sidebar) !important;
 right: auto !important;
 width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max)) !important;
 top: var(--ew-topbar) !important;
 height: 34px !important;
 background: linear-gradient(180deg, #0a151c, #071017) !important;
 border-bottom: 1px solid rgba(125,102,69,.30);
 box-sizing: border-box;

}

  1. left-navigation,
  2. right-navigation { margin-top: 0 !important; height: 34px !important; }

.vector-menu-tabs, .vector-menu-tabs span, .vector-menu-tabs ul { background-image: none !important; } .vector-menu-tabs li { 

 background-image: none !important;
 background: transparent !important;
 height: 34px !important;

} .vector-menu-tabs li a, .vector-menu-tabs li a:visited { 

 height: 34px !important;
 line-height: 34px !important;
 padding: 0 10px !important;
 color: #cfc6ba !important;
 background: transparent !important;
 font-size: 12px !important;

} .vector-menu-tabs li.selected a, .vector-menu-tabs li a:hover { color: var(--ew-gold-soft) !important; }

  1. p-personal { display: none !important; }
  2. p-search { display: none !important; }
  1. content {
 margin-left: var(--ew-sidebar) !important;
 width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max)) !important;
 max-width: var(--ew-content-max) !important;
 margin-top: 0 !important;
 border: 0 !important;
 min-height: calc(100vh - 90px);
 box-sizing: border-box;
 padding: 34px 42px 44px !important;
 background:
   linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.02)),
   repeating-linear-gradient(45deg, rgba(119,91,49,.012), rgba(119,91,49,.012) 2px, transparent 2px, transparent 7px),
   var(--ew-paper) !important;
 color: var(--ew-ink) !important;

}

  1. content a,
  2. content a:visited { color: var(--ew-link); }
  3. content a:hover { color: #8c5d0a; }
  4. firstHeading,
  5. content h1,
  6. content h2,
  7. content h3,
  8. content h4 { font-family: "Cinzel", Georgia, serif; color: #181512; }
  9. firstHeading { border-bottom: 1px solid rgba(91,70,44,.35); }
  1. footer {
 margin-left: var(--ew-sidebar) !important;
 width: min(calc(100vw - var(--ew-sidebar)), var(--ew-content-max)) !important;
 max-width: var(--ew-content-max) !important;
 box-sizing: border-box;
 padding: 18px 28px 22px !important;
 background: #061119 !important;
 color: #aaa296 !important;
 border-top: 1px solid rgba(125,102,69,.42);

}

  1. footer a { color: #c9b888 !important; }

/* ---------- MAIN PAGE: remove article chrome ---------- */ body.page-Main_Page #mw-head, body.page-Main_Page #mw-head-base, body.page-Main_Page #mw-page-base { display: none !important; } body.page-Main_Page #content { 

 margin-top: var(--ew-topbar) !important;
 padding: 0 !important;
 background: var(--ew-dark-0) !important;

} body.page-Main_Page #firstHeading, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page .mw-indicators, body.page-Main_Page .catlinks, body.page-Main_Page #jump-to-nav { display: none !important; } body.page-Main_Page #bodyContent, body.page-Main_Page #mw-content-text, body.page-Main_Page .mw-parser-output { margin: 0 !important; padding: 0 !important; } body.page-Main_Page .mw-parser-output > p:empty { display:none; }

/* ---------- HOMEPAGE ---------- */ .ew-home, .ew-home * { box-sizing: border-box; } .ew-home { 

 width: 100%;
 max-width: none;
 margin: 0;
 color: var(--ew-ink);
 background: var(--ew-paper);
 font-family: "Crimson Text", Georgia, serif;

} .ew-home a { text-decoration: none !important; }

.ew-hero { 

 height: clamp(278px, 18vw, 340px);
 position: relative;
 overflow: hidden;
 background: #061019;
 border-bottom: 2px solid rgba(91,70,44,.48);

} .ew-hero-image { position:absolute; inset:0; overflow:hidden; } .ew-hero-image .mw-file-element, .ew-hero-image img { 

 width: 100% !important;
 height: 100% !important;
 max-width: none !important;
 object-fit: cover;
 display: block;

} .ew-hero-shade { 

 position: absolute;
 inset: 0;
 z-index: 1;
 background: linear-gradient(90deg, rgba(2,7,10,.94) 0%, rgba(2,7,10,.78) 30%, rgba(2,7,10,.30) 48%, rgba(2,7,10,.08) 69%, rgba(2,7,10,.14) 100%);

} .ew-hero-copy { 

 position: relative;
 z-index: 2;
 padding: 48px 0 0 55px;
 color: #fffaf1;
 text-shadow: 0 3px 4px rgba(0,0,0,.75);

} .ew-hero-kicker { text-transform: uppercase; font-size: 22px; letter-spacing: .04em; margin-bottom: 2px; } .ew-hero-title { 

 color: #fffaf1;
 font-size: 54px;
 line-height: 1.03;
 letter-spacing: .045em;
 text-transform: uppercase;
 font-weight: 500;

} .ew-gold-rule { height: 28px; display: flex; align-items: center; margin: 4px 0 8px; } .ew-gold-rule::before { content: "✧"; color: var(--ew-gold); font-size: 17px; margin-right: 4px; } .ew-gold-rule span { display:block; width:68px; height:2px; background:linear-gradient(90deg,var(--ew-gold),rgba(209,162,74,0)); } .ew-hero-copy p { margin:0; color:#fff7eb; font-size:16px; line-height:1.45; }

.ew-home-grid { 

 display:grid;
 grid-template-columns:minmax(0,1fr) clamp(420px,38%,560px);
 gap:8px;
 padding:8px 10px 0;
 background:#efe7d9;

} .ew-home-left, .ew-home-right { min-width:0; } .ew-panel { 

 position:relative;
 background:
   linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.08)),
   repeating-linear-gradient(45deg,rgba(119,91,49,.018),rgba(119,91,49,.018) 2px,transparent 2px,transparent 7px),
   var(--ew-paper-light);
 border:1px solid var(--ew-border);
 box-shadow:inset 0 0 0 2px rgba(255,255,255,.27),0 1px 2px rgba(0,0,0,.08);

} .ew-panel::before, .ew-panel::after { 

 content:"";
 position:absolute;
 width:13px;
 height:13px;
 border-color:rgba(142,116,78,.32);
 border-style:solid;
 pointer-events:none;

} .ew-panel::before { top:5px; left:5px; border-width:1px 0 0 1px; } .ew-panel::after { top:5px; right:5px; border-width:1px 1px 0 0; } .ew-panel h2 { 

 margin:0 !important;
 padding:0 !important;
 border:0 !important;
 color:#111 !important;
 font-size:20px !important;
 line-height:1.25 !important;
 text-transform:uppercase;
 font-weight:700;

} .ew-panel p { color:#171717; font-size:15.5px; line-height:1.42; }

.ew-overview { 

 min-height:222px;
 display:grid;
 grid-template-columns:minmax(0,1fr) 42%;
 overflow:hidden;

} .ew-panel-copy { padding:31px 24px 24px 39px; } .ew-heading-mark { color:#58605f; margin-right:9px; font-size:26px; vertical-align:-2px; } .ew-map-image { min-height:210px; overflow:hidden; opacity:.80; } .ew-map-image .mw-file-element, .ew-map-image img { width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; display:block; mix-blend-mode:multiply; }

.ew-categories-panel { margin-top:8px; padding:20px 18px 18px; min-height:337px; } .ew-category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; margin-top:12px; } .ew-card { 

 min-height:75px;
 cursor:pointer;
 display:flex;
 align-items:center;
 gap:12px;
 padding:12px 13px;
 border:1px solid rgba(118,93,58,.25);
 background:rgba(250,246,238,.72);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);

} .ew-card-icon { width:42px; flex:0 0 auto; color:#454847; font-size:30px; text-align:center; line-height:1; } .ew-card-icon.ew-gold { color:#ba7e12; } .ew-card a, .ew-card-label { display:block; color:#151515 !important; text-transform:uppercase; font-size:12.5px; font-weight:700; line-height:1.15; } .ew-card:hover { background:rgba(255,250,240,.96); border-color:rgba(153,111,52,.48); } .ew-card:focus-visible { outline:2px solid var(--ew-gold); outline-offset:-3px; } .ew-card small { display:block; margin-top:7px; color:#2d2b27; font-size:12px; } .ew-strip { grid-column:span 3; min-height:75px; overflow:hidden; border:1px solid rgba(118,93,58,.25); } .ew-strip .mw-file-element, .ew-strip img { width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; display:block; filter:sepia(.16) saturate(.78) brightness(1.04); }

.ew-home-right .ew-panel { margin-bottom:8px; } .ew-featured { padding:19px 18px 18px; } .ew-featured h2 { display:flex; align-items:center; gap:12px; margin-bottom:12px !important; } .ew-featured h2 span { color:#5d6260; font-size:23px; } .ew-feature-image { height:145px; overflow:hidden; border:1px solid rgba(65,47,27,.35); margin-bottom:9px; } .ew-feature-image .mw-file-element, .ew-feature-image img { width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; display:block; } .ew-featured h3 { margin:0 0 5px !important; padding:0 !important; border:0 !important; color:#111 !important; font-size:20px !important; text-transform:uppercase; font-weight:500; } .ew-featured p { margin:0; font-size:15px; line-height:1.3; } .ew-readmore { margin-top:9px; font-size:14px; } .ew-readmore a { color:#073d67 !important; }

.ew-recent { padding:15px 17px 15px; min-height:246px; } .ew-recent h2 { display:flex; align-items:center; gap:8px; font-size:16px !important; margin-bottom:12px !important; } .ew-recent-row { display:grid; grid-template-columns:32px minmax(0,1fr); gap:9px; align-items:center; margin:6px 0; } .ew-recent-icon { width:32px; height:32px; display:grid; place-items:center; background:#1a2228; color:#eee9dd; border:1px solid rgba(100,78,45,.48); font-size:12px; } .ew-recent-row a { color:#073d67 !important; font-size:13.5px; line-height:1.1; } .ew-recent-row small { display:block; color:#4c4842; font-size:11.5px; margin-top:2px; } .ew-recent-loading { padding:8px 0; color:#5b554c; font-size:13px; }

.ew-important { margin:6px 10px 10px; padding:14px 26px 16px; } .ew-important h2 { font-size:15px !important; margin-bottom:12px !important; } .ew-important h2 span { color:#676b68; margin-right:8px; } .ew-important-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; } .ew-important-grid a { color:#073d67 !important; font-size:14px; } .ew-important-grid small { display:block; margin-top:4px; color:#171717; font-size:12px; line-height:1.28; }

/* ---------- Article styling ---------- */ body:not(.page-Main_Page) .mw-parser-output { max-width: 1180px; } body:not(.page-Main_Page) .mw-parser-output p { font-size: 16px; line-height: 1.58; } body:not(.page-Main_Page) .mw-parser-output h2 { 

 margin-top: 1.5em;
 padding-bottom: 5px;
 border-bottom: 1px solid rgba(91,70,44,.28);

} .mw-editsection { font-family: Arial, sans-serif; font-size: 11px; } .toc, .mw-warning, .mw-message-box { 

 background: rgba(255,255,255,.42) !important;
 border-color: rgba(111,86,54,.32) !important;

}

/* ---------- Responsive ---------- */ @media (max-width: 1180px) { 

 .ew-global-menu a { padding: 0 10px; font-size: 12px; }
 .ew-global-search { width: 220px; }
 .ew-home-grid { grid-template-columns:1fr; }
 .ew-home-right { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
 .ew-home-right .ew-panel { margin-bottom:0; }

}

@media (max-width: 900px) { 

 :root { --ew-sidebar: 218px; }
 #p-logo::before { width:58px; height:58px; left:8px; top:30px; }
 #p-logo::after { left:72px; top:34px; font-size:21px; }
 .ew-global-menu a:nth-child(n+4) { display:none; }
 #content { padding:26px 24px 36px !important; }
 body.page-Main_Page #content { padding:0 0 10px !important; }
 .ew-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ew-strip { grid-column:span 2; }
 .ew-important-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

}

@media (max-width: 700px) { 

 :root { --ew-sidebar: 0px; }
 #mw-panel { display:none !important; }
 #ew-global-topbar { left:0; padding-left:10px; }
 #mw-head, #mw-head-base { left:0 !important; margin-left:0 !important; }
 #content, #footer { margin-left:0 !important; }
 .ew-global-menu a:nth-child(n+3) { display:none; }
 .ew-global-search { width: min(240px, 45vw); }
 .ew-tool-link:first-child { display:none; }
 .ew-overview { grid-template-columns:1fr; }
 .ew-map-image { display:none; }
 .ew-home-right { grid-template-columns:1fr; }
 .ew-category-grid { grid-template-columns:1fr; }
 .ew-strip { grid-column:span 1; }
 .ew-important-grid { grid-template-columns:1fr; }
 .ew-hero-copy { padding-left:26px; }
 .ew-hero-title { font-size:40px; }

}


/* Final MediaWiki parser cleanup */ body.page-Main_Page .ew-home p { margin-top:0; } body.page-Main_Page .ew-home .mw-default-size, body.page-Main_Page .ew-home figure { margin:0 !important; padding:0 !important; max-width:none !important; } body.page-Main_Page .ew-home figure > a { display:block !important; width:100% !important; height:100% !important; } body.page-Main_Page #mw-page-base { background:#061119 !important; }


/* ---------- v4.3 FLUID WIDTH OVERRIDES ---------- */ /* Use every pixel to the right of the fixed sidebar. Internal components, not 

  the whole site, decide how wide they should become. */
  1. mw-page-base,
  2. mw-head-base,
  3. mw-head,
  4. content,
  5. footer,
  6. ew-global-topbar {
 width: calc(100vw - var(--ew-sidebar)) !important;
 max-width: none !important;

}

body.page-Main_Page .ew-home { 

 width: 100% !important;
 max-width: none !important;

}

/* Keep the right column useful on wide screens without letting it eat half the page. */ .ew-home-grid { 

 grid-template-columns: minmax(0, 1fr) clamp(420px, 38%, 560px);

}

/* Let category cards gain columns on very wide displays instead of becoming huge. */ @media (min-width: 1900px) { 

 .ew-category-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
 .ew-strip { grid-column: span 4; }

}

/* When viewport is only moderately wide, preserve the reference-image proportions. */ @media (min-width: 1181px) and (max-width: 1550px) { 

 .ew-home-grid { grid-template-columns: minmax(0, 1.56fr) minmax(360px, .98fr); }

}


/* ---------- v4.4 TYPOGRAPHY ---------- */

  1. p-logo::after,

.ew-global-menu a, .ew-hero-kicker, .ew-hero-title, .ew-panel-title, .ew-section-title, .ew-category-title,

  1. firstHeading,
  2. content h1,
  3. content h2,
  4. content h3,
  5. content h4 {
 font-family: "Cinzel", Georgia, serif !important;

}

body,

  1. content,

.ew-home,

  1. mw-panel .vector-menu-content-list li a,
  2. mw-panel .portal .body li a,

.ew-global-search input[type="search"] { 

 font-family: "Crimson Text", Georgia, serif !important;

}

.ew-global-menu a { font-weight: 600; letter-spacing: .045em; } .ew-hero-title { font-weight: 600; } .ew-hero-kicker { font-family: "Cinzel", Georgia, serif !important; font-weight: 600; }

  1. mw-panel .vector-menu-heading,
  2. mw-panel .vector-menu-heading-label,
  3. mw-panel .mw-portlet h3,
  4. mw-panel .portal h3 { font-family: "Cinzel", Georgia, serif !important; font-weight: 600 !important; }

/* Admin/source edit shortcut inserted by Common.js */ .ew-edit-link { 

 width: auto !important;
 min-width: 78px;
 padding: 0 12px;
 gap: 7px;
 font: 600 11px/1 "Cinzel", Georgia, serif !important;
 letter-spacing: .035em;
 white-space: nowrap;

} .ew-edit-link .ew-edit-pencil { font-size: 17px; line-height: 1; } @media (max-width: 1250px) { 

 .ew-edit-link { min-width: 44px; width: 44px !important; padding: 0 !important; }
 .ew-edit-link .ew-edit-label { display:none; }

}

/* ======================================================================== 

  v4.5 FONT + EDIT ACTION FIX
  Google Fonts are loaded by MediaWiki:Common.js because ResourceLoader can
  discard/ignore remote @import rules in site CSS.
  ======================================================================== */

html body,

  1. content,
  2. bodyContent,
  3. mw-content-text,

.mw-parser-output, .mw-parser-output p, .mw-parser-output li, .mw-parser-output td, .mw-parser-output th,

  1. mw-panel .mw-list-item > a,
  2. mw-panel .mw-list-item > a > span,

.ew-home, .ew-panel p, .ew-card small, .ew-recent-row, .ew-global-search input[type="search"] { 

 font-family: "Crimson Text", Georgia, "Times New Roman", serif !important;

}

  1. firstHeading,
  2. content h1,
  3. content h2,
  4. content h3,
  5. content h4,
  6. content h5,
  7. content h6,
  8. p-logo::after,
  9. mw-panel .vector-menu-heading,
  10. mw-panel .vector-menu-heading-label,
  11. mw-panel .portal h3,
  12. ew-global-topbar,

.ew-global-menu, .ew-hero-kicker, .ew-hero-title, .ew-panel h2, .ew-card-label { 

 font-family: "Cinzel", Georgia, serif !important;

}

/* Use Vector's own edit controls. Do not create a second custom one. */

  1. ca-edit,
  2. ca-ve-edit,
  3. ca-viewsource {
 display: list-item !important;

}

/* Legacy styles from v4.4 custom edit button are intentionally disabled. */ .ew-edit-link { display: none !important; }


/* ======================================================================== 

  v4.6 DISTINCT FANTASY TYPOGRAPHY
  Cormorant Garamond = readable lore/body text
  Marcellus SC       = navigation and article/section headings
  Cinzel Decorative  = Erindal branding and large hero title only
  ======================================================================== */

/* Body/lore prose: visibly more literary than Georgia/Times. */ html body,

  1. content,
  2. bodyContent,
  3. mw-content-text,

.mw-parser-output, .mw-parser-output p, .mw-parser-output li, .mw-parser-output td, .mw-parser-output th,

  1. mw-panel .mw-list-item > a,
  2. mw-panel .mw-list-item > a > span,

.ew-home, .ew-panel p, .ew-card small, .ew-recent-row, .ew-global-search input[type="search"] { 

 font-family: "Cormorant Garamond", Garamond, Georgia, serif !important;
 font-weight: 500;

}

/* Sidebar text needs a little more weight at small sizes. */

  1. mw-panel .mw-list-item > a,
  2. mw-panel .mw-list-item > a > span {
 font-size: 16px !important;
 font-weight: 600 !important;
 letter-spacing: .005em;

}

/* Elegant Roman small-caps look for UI/section headings. */

  1. firstHeading,
  2. content h1,
  3. content h2,
  4. content h3,
  5. content h4,
  6. content h5,
  7. content h6,
  8. mw-panel .vector-menu-heading,
  9. mw-panel .vector-menu-heading-label,
  10. mw-panel .portal h3,
  11. ew-global-topbar,

.ew-global-menu, .ew-hero-kicker, .ew-panel h2, .ew-card-label, .ew-section-title, .ew-panel-title, .ew-category-title { 

 font-family: "Marcellus SC", "Times New Roman", serif !important;
 font-weight: 400 !important;

}

/* Branding gets the truly decorative face, but only where it won't hurt readability. */

  1. p-logo::after,

.ew-hero-title { 

 font-family: "Cinzel Decorative", "Cinzel", Georgia, serif !important;
 font-weight: 700 !important;

}

  1. p-logo::after {
 letter-spacing: .055em !important;

}

.ew-hero-title { 

 letter-spacing: .025em !important;

}

/* Keep navigation crisp and clearly different from body copy. */ .ew-global-menu a { 

 font-family: "Marcellus SC", serif !important;
 font-weight: 400 !important;
 letter-spacing: .035em !important;

}

/* Slightly larger body text makes the Cormorant forms visible and improves lore readability. */ .ew-home, .ew-panel p, .mw-parser-output p, .mw-parser-output li { 

 font-size: 17px;
 line-height: 1.38;

}

/* ======================================================================== 

  v4.7 FANTASY NAV + READABLE ARTICLE TYPOGRAPHY
  Almendra SC = sidebar, top navigation, headings
  Alegreya    = normal wiki/article prose
  Cinzel Decorative remains for ERINDAL WIKI branding / hero title
  ======================================================================== */

/* Main readable wiki typeface. This applies to normal articles as well as 

  the front page, so long lore entries remain comfortable to read. */

html body,

  1. content,
  2. bodyContent,
  3. mw-content-text,

.mw-parser-output, .mw-parser-output p, .mw-parser-output li, .mw-parser-output td, .mw-parser-output th, .mw-parser-output dd, .mw-parser-output dt, .ew-home, .ew-panel p, .ew-card small, .ew-recent-row, .ew-global-search input[type="search"] { 

 font-family: "Alegreya", Georgia, serif !important;
 font-weight: 400 !important;

}

/* The intentionally fantasy-facing UI. Almendra SC has clearly medieval / 

  calligraphic shapes, but stays legible at navigation sizes. */
  1. mw-panel .mw-list-item > a,
  2. mw-panel .mw-list-item > a > span,
  3. mw-panel .vector-menu-content-list li a,
  4. mw-panel .portal .body li a,
  5. mw-panel .vector-menu-heading,
  6. mw-panel .vector-menu-heading-label,
  7. mw-panel .portal h3,
  8. ew-global-topbar,

.ew-global-menu, .ew-global-menu a, .ew-hero-kicker, .ew-panel h2, .ew-card-label, .ew-section-title, .ew-panel-title, .ew-category-title,

  1. firstHeading,
  2. content h1,
  3. content h2,
  4. content h3,
  5. content h4,
  6. content h5,
  7. content h6 {
 font-family: "Almendra SC", "Cinzel", Georgia, serif !important;

}

/* Sidebar: stronger decorative character without sacrificing readability. */

  1. mw-panel .mw-list-item > a,
  2. mw-panel .mw-list-item > a > span,
  3. mw-panel .vector-menu-content-list li a,
  4. mw-panel .portal .body li a {
 font-size: 16px !important;
 font-weight: 400 !important;
 letter-spacing: .012em !important;

}

  1. mw-panel .vector-menu-heading,
  2. mw-panel .vector-menu-heading-label,
  3. mw-panel .portal h3 {
 font-size: 13px !important;
 font-weight: 400 !important;
 letter-spacing: .07em !important;

}

/* Top navigation should visibly match the sidebar rather than looking like 

  a conservative Roman inscription font. */

.ew-global-menu a { 

 font-size: 15px !important;
 font-weight: 400 !important;
 letter-spacing: .045em !important;

}

/* Article headings get fantasy character, prose remains Alegreya. */

  1. firstHeading,
  2. content h1,
  3. content h2,
  4. content h3,

.ew-panel h2 { 

 font-weight: 400 !important;
 letter-spacing: .018em !important;

}

/* Keep the strongest display face only for the identity / hero. */

  1. p-logo::after,

.ew-hero-title { 

 font-family: "Cinzel Decorative", "Almendra SC", Georgia, serif !important;
 font-weight: 700 !important;

}

/* Normal wiki prose tuning. */ .mw-parser-output p, .mw-parser-output li, .mw-parser-output dd, .mw-parser-output dt, .ew-home, .ew-panel p { 

 font-size: 16.5px !important;
 line-height: 1.48 !important;

}

/* ======================================================================== 

  v4.8 READABLE CONTENT TYPOGRAPHY
  Almendra SC = navigation chrome only
  Alegreya SC = readable fantasy headings / labels / article names
  Alegreya    = body prose
  Cinzel Decorative = Erindal identity / hero only
  ======================================================================== */

/* Navigation keeps the decorative Almendra face the user liked. */

  1. mw-panel .mw-list-item > a,
  2. mw-panel .mw-list-item > a > span,
  3. mw-panel .vector-menu-content-list li a,
  4. mw-panel .portal .body li a,
  5. mw-panel .vector-menu-heading,
  6. mw-panel .vector-menu-heading-label,
  7. mw-panel .portal h3,
  8. ew-global-topbar,

.ew-global-menu, .ew-global-menu a { 

 font-family: "Almendra SC", "Cinzel", Georgia, serif !important;

}

/* Main wiki headings: fantasy-flavoured, but much easier to scan than Almendra. */

  1. firstHeading,
  2. content h1,
  3. content h2,
  4. content h3,
  5. content h4,
  6. content h5,
  7. content h6,

.ew-panel h2, .ew-panel h3, .ew-panel-title, .ew-section-title, .ew-category-title, .ew-featured h2, .ew-featured h3, .ew-recent h2, .ew-important h2, .ew-overview h2, .ew-category h2, .ew-card-label { 

 font-family: "Alegreya SC", "Alegreya", Georgia, serif !important;
 font-weight: 700 !important;
 letter-spacing: .015em !important;

}

/* Category labels were particularly hard to read in Almendra SC. */ .ew-card-label { 

 display: block !important;
 color: #171513 !important;
 font-size: 14px !important;
 line-height: 1.12 !important;
 text-transform: none !important;
 letter-spacing: .01em !important;

}

/* Featured article title such as Kurn Daruhm: larger, less ornamental. */ .ew-featured h3, .ew-featured h3 a, .ew-featured .mw-selflink { 

 font-family: "Alegreya SC", "Alegreya", Georgia, serif !important;
 font-size: 21px !important;
 font-weight: 700 !important;
 line-height: 1.15 !important;
 letter-spacing: .018em !important;
 text-transform: none !important;

}

/* Homepage section titles need clear hierarchy on parchment. */ .ew-panel h2, .ew-panel-title, .ew-section-title, .ew-category-title, .ew-overview h2, .ew-category h2, .ew-featured h2, .ew-recent h2, .ew-important h2 { 

 font-size: 21px !important;
 line-height: 1.15 !important;

}

/* Regular article titles/headings: readable enough for long wiki use. */

  1. firstHeading { font-size: 34px !important; line-height: 1.12 !important; }
  2. content h2 { font-size: 26px !important; line-height: 1.18 !important; }
  3. content h3 { font-size: 21px !important; line-height: 1.2 !important; }
  4. content h4 { font-size: 18px !important; line-height: 1.22 !important; }

/* Preserve the strongest display font only for branding. */

  1. p-logo::after,

.ew-hero-title { 

 font-family: "Cinzel Decorative", "Cinzel", Georgia, serif !important;
 font-weight: 700 !important;

}

/* Hero kicker is content-facing, so make it cleaner than Almendra. */ .ew-hero-kicker { 

 font-family: "Alegreya SC", "Alegreya", Georgia, serif !important;
 font-weight: 700 !important;
 letter-spacing: .04em !important;

}

/* Body remains deliberately readable. */ html body,

  1. content,
  2. bodyContent,
  3. mw-content-text,

.mw-parser-output, .mw-parser-output p, .mw-parser-output li, .mw-parser-output td, .mw-parser-output th, .mw-parser-output dd, .mw-parser-output dt, .ew-panel p, .ew-card small, .ew-recent-row, .ew-global-search input[type="search"] { 

 font-family: "Alegreya", Georgia, serif !important;

}

/* ========================================================= 

  COUNTRY PAGES
  Shared structure only. Country-specific palettes belong on the page wrapper.
  ========================================================= */

.country-page { 

 color: var(--country-ink, var(--ew-ink));
 font-family: "Alegreya", Georgia, serif;
 line-height: 1.62;

}


.country-hero { 

 position: relative;
 min-height: 240px;
 margin: 0 0 1.4rem;
 overflow: hidden;
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 14px;
 background: var(--country-deep, var(--ew-dark-2));
 box-shadow: 0 12px 30px rgba(28, 18, 13, 0.19);

}

.country-hero .mw-file-description, .country-hero .mw-file-element, .country-hero__image { 

 display: block;
 width: 100%;
 height: clamp(240px, 22vw, 320px);
 object-fit: cover;

}

/* Do not show the blue missing-file link before the hero artwork is uploaded. */ .country-hero a.new.country-hero__image { 

 display: none !important;

}

.country-hero__overlay { 

 position: absolute;
 inset: 0;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 padding: clamp(1.25rem, 3vw, 2.5rem);
 color: #fffaf2;
 background:
   linear-gradient(180deg, rgba(20, 12, 9, 0.06) 18%, rgba(20, 12, 9, 0.88) 100%),
   linear-gradient(90deg, rgba(20, 12, 9, 0.52), transparent 64%);
 pointer-events: none;

}

.country-hero__eyebrow { 

 margin-bottom: 0.25rem;
 color: #efb879;
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 0.85rem;
 font-weight: 700;
 letter-spacing: 0.16em;

}

.country-hero__title { 

 font-family: "Alegreya SC", Georgia, serif;
 font-size: clamp(2.1rem, 4vw, 3.6rem);
 font-weight: 700;
 line-height: 0.96;
 text-shadow: 0 3px 16px rgba(0, 0, 0, 0.72);

}

.country-hero__subtitle { 

 margin-top: 0.55rem;
 color: #eadcc9;
 font-size: clamp(1rem, 2vw, 1.35rem);
 font-style: italic;

}

.country-overview { 

 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
 gap: 2rem;
 align-items: start;
 margin-bottom: 2.25rem;

}

.country-overview__lead { 

 font-size: 1.08rem;

}

.country-overview__lead > p:first-child::first-letter { 

 float: left;
 margin: 0.08em 0.1em 0 0;
 color: var(--country-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 3.7em;
 font-weight: 700;
 line-height: 0.78;

}

.country-quickfacts { 

 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 0.75rem;
 margin-top: 1.4rem;

}

.country-quickfact { 

 min-height: 74px;
 padding: 0.8rem 0.95rem;
 border: 1px solid var(--country-line, var(--ew-border));
 border-left: 4px solid var(--country-accent, var(--ew-gold));
 border-radius: 8px;
 background: linear-gradient(135deg, var(--country-paper, var(--ew-paper-light)), var(--country-paper-alt, var(--ew-paper)));
 box-shadow: 0 4px 12px rgba(63, 43, 31, 0.07);

}

.country-quickfact span { 

 display: block;
 margin-bottom: 0.2rem;
 color: var(--country-muted, #6f665d);
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 0.78rem;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;

}

.country-record { 

 overflow: hidden;
 border: 1px solid var(--country-line, var(--ew-border));
 border-radius: 12px;
 background: var(--country-paper, var(--ew-paper-light));
 box-shadow: 0 10px 22px rgba(55, 37, 27, 0.13);

}

.country-record__heading { 

 padding: 0.85rem 1rem;
 color: #fff7ec;
 background: linear-gradient(135deg, var(--country-deep, var(--ew-dark-2)), #4a2b20);
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.25rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 text-align: center;

}

.country-record__emblem, .country-record__map { 

 padding: 1rem;
 text-align: center;

}

.country-record__emblem img, .country-record__map img { 

 max-width: 100%;
 height: auto;

}

.country-record__row { 

 display: grid;
 grid-template-columns: minmax(100px, 0.9fr) minmax(0, 1.3fr);
 gap: 0.75rem;
 padding: 0.62rem 0.85rem;
 border-top: 1px solid var(--country-line, var(--ew-border));

}

.country-record__row span { 

 color: var(--country-muted, #6f665d);
 font-family: "Alegreya SC", Georgia, serif;
 font-weight: 700;

}

.country-page h2 { 

 display: flex;
 gap: 0.75rem;
 align-items: center;
 margin-top: 2.35rem;
 border-bottom: 0;
 color: var(--country-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.75rem;
 font-weight: 700;

}

.country-page h2::after { 

 content: "";
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, var(--country-accent, var(--ew-gold)), transparent);

}

.country-page h3 { 

 color: var(--country-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;

}

.country-feature { 

 display: grid;
 grid-template-columns: minmax(0, 1.25fr) minmax(240px, 0.75fr);
 gap: 1.5rem;
 align-items: center;
 margin: 1rem 0 1.75rem;

}

.country-feature--image-left { 

 grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.25fr);

}

.country-feature__media { 

 overflow: hidden;
 border-radius: 10px;
 box-shadow: 0 8px 20px rgba(50, 33, 24, 0.16);

}

.country-feature__media img { 

 display: block;
 width: 100%;
 min-height: 230px;
 object-fit: cover;

}

.country-card-grid { 

 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 1rem;
 margin: 1rem 0 1.75rem;

}

.country-card-grid--three { 

 grid-template-columns: repeat(3, minmax(0, 1fr));

}

.country-card-grid--four { 

 grid-template-columns: repeat(4, minmax(0, 1fr));

}

.country-mini-card, .country-place-card, .country-person-card { 

 overflow: hidden;
 border: 1px solid var(--country-line, var(--ew-border));
 border-radius: 10px;
 background: var(--country-paper, var(--ew-paper-light));
 box-shadow: 0 5px 14px rgba(62, 42, 31, 0.08);

}

.country-mini-card, .country-person-card { 

 padding: 1rem;

}

.country-mini-card h3, .country-place-card h3, .country-person-card h3 { 

 margin: 0 0 0.35rem;
 font-size: 1.15rem;

}

.country-mini-card p, .country-place-card p, .country-person-card p { 

 margin: 0;

}

.country-place-card__body { 

 padding: 0.85rem 1rem;

}

.country-place-card .mw-file-description, .country-place-card__image, .country-place-card__image img { 

 display: block;
 width: 100%;
 height: 135px;
 object-fit: cover;

}

/* Missing territory/city art should not leave a large empty image panel. */ .country-place-card a.new.country-place-card__image { 

 display: none !important;

}

.country-person-card { 

 text-align: center;

}

.country-person-card__portrait { 

 margin: -1rem -1rem 0.85rem;
 overflow: hidden;

}

.country-person-card__portrait img { 

 display: block;
 width: 100%;
 height: 230px;
 object-fit: cover;
 object-position: center 20%;

}

.country-relations { 

 display: grid;
 gap: 0.7rem;

}

.country-relations > div { 

 position: relative;
 padding: 0.85rem 1rem;
 border: 1px solid var(--country-line, var(--ew-border));
 border-left: 4px solid var(--country-accent, var(--ew-gold));
 border-radius: 8px;
 background: rgba(245, 240, 230, 0.68);

}

.country-relations p { 

 margin: 0.3rem 0 0;

}

.relation { 

 display: inline-block;
 margin-left: 0.65rem;
 padding: 0.1rem 0.5rem;
 border-radius: 999px;
 color: #fff;
 font-size: 0.76rem;
 font-weight: 700;
 vertical-align: 0.08em;

}

.relation--friendly { background: #39715a; } .relation--guarded { background: #6f6678; } .relation--uneasy { background: #a06b2f; } .relation--tense { background: #9a4f37; } .relation--hostile { background: #7f3030; }

.country-mainlink, .country-related { 

 margin: 0.8rem 0 1.2rem;
 padding: 0.75rem 1rem;
 border-left: 4px solid var(--country-accent, var(--ew-gold));
 background: linear-gradient(90deg, rgba(152, 77, 46, 0.11), transparent);

}

@media (max-width: 1050px) { 

 .country-card-grid--four {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .country-card-grid--three {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }

}

@media (max-width: 760px) { 

 .country-overview,
 .country-feature,
 .country-feature--image-left {
   grid-template-columns: 1fr;
 }

 .country-record {
   order: -1;
 }

 .country-card-grid,
 .country-card-grid--three,
 .country-card-grid--four {
   grid-template-columns: 1fr;
 }

 .country-hero {
   min-height: 220px;
   border-radius: 10px;
 }

 .country-hero .mw-file-description,
 .country-hero .mw-file-element,
 .country-hero__image {
   height: 250px;
 }

 .country-quickfacts {
   grid-template-columns: 1fr;
 }

 .country-record__row {
   grid-template-columns: 1fr;
   gap: 0.15rem;
 }

}

/* ========================================================= 

  COUNTRY PAGE WIDTH
  Country layouts fill the complete article area for every visitor.
  Ordinary text-heavy articles retain the 1180px reading-width limit.
  ========================================================= */

.country-page { 

 width: calc(100vw - var(--ew-sidebar) - 84px) !important;
 max-width: none !important;
 box-sizing: border-box;

}

@media (max-width: 900px) { 

 .country-page {
   width: calc(100vw - var(--ew-sidebar) - 48px) !important;
 }

}

@media (max-width: 700px) { 

 .country-page {
   width: calc(100vw - 48px) !important;
 }

}

/* ======================================================================== 

  v5.0 SERVER-RENDERED TOPBAR + COLLAPSIBLE SIDEBAR

  The visible navigation now comes from the "erindal-topbar" section of
  MediaWiki:Sidebar. It is therefore present in the HTML immediately and no
  longer waits for MediaWiki:Common.js to construct it.
  ======================================================================== */

/* Disable the obsolete JavaScript-built bar if an old cached script creates it. */

  1. ew-global-topbar {
 display: none !important;

}

/* MediaWiki renders this portlet inside #mw-panel; fixed positioning turns it 

  into the global horizontal navigation without delaying its first paint. */
  1. mw-panel #p-erindal-topbar {
 position: fixed !important;
 z-index: 105 !important;
 top: 0 !important;
 left: var(--ew-sidebar) !important;
 right: 0 !important;
 width: auto !important;
 height: var(--ew-topbar) !important;
 margin: 0 !important;
 padding: 0 350px 0 30px !important;
 box-sizing: border-box !important;
 overflow: visible !important;
 background: linear-gradient(180deg, #08141c 0%, #03090d 100%) !important;
 border: 0 !important;
 border-bottom: 2px solid rgba(112, 88, 58, .46) !important;
 box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2px 6px rgba(0,0,0,.28) !important;

}

  1. mw-panel #p-erindal-topbar::before,
  2. mw-panel #p-erindal-topbar::after {
 content: "";
 position: absolute;
 top: 4px;
 width: 18px;
 height: 18px;
 border-color: rgba(207, 163, 80, .55);
 border-style: solid;
 pointer-events: none;

}

  1. mw-panel #p-erindal-topbar::before {
 left: 4px;
 border-width: 1px 0 0 1px;

}

  1. mw-panel #p-erindal-topbar::after {
 right: 4px;
 border-width: 1px 1px 0 0;

}

  1. mw-panel #p-erindal-topbar .vector-menu-heading,
  2. mw-panel #p-erindal-topbar > h3 {
 display: none !important;

}

  1. mw-panel #p-erindal-topbar .vector-menu-content,
  2. mw-panel #p-erindal-topbar .vector-menu-content-list {
 display: block !important;
 position: static !important;
 height: 100% !important;
 margin: 0 !important;
 padding: 0 !important;
 overflow: visible !important;
 background: none !important;

}

  1. mw-panel #p-erindal-topbar .vector-menu-content-list {
 display: flex !important;
 align-items: stretch !important;
 list-style: none !important;

}

  1. mw-panel #p-erindal-topbar .mw-list-item {
 position: relative !important;
 display: flex !important;
 align-items: stretch !important;
 height: var(--ew-topbar) !important;
 margin: 0 !important;
 padding: 0 !important;
 font-size: 15px !important;
 line-height: 1 !important;

}

  1. mw-panel #p-erindal-topbar .mw-list-item > a,
  2. mw-panel #p-erindal-topbar .mw-list-item > a:visited {
 display: flex !important;
 align-items: center !important;
 height: var(--ew-topbar) !important;
 margin: 0 !important;
 padding: 0 17px !important;
 box-sizing: border-box !important;
 color: #f3eee5 !important;
 background: transparent !important;
 border-radius: 0 !important;
 font-family: "Almendra SC", "Cinzel", Georgia, serif !important;
 font-size: 15px !important;
 font-weight: 400 !important;
 line-height: 1 !important;
 letter-spacing: .045em !important;
 text-transform: uppercase !important;
 text-decoration: none !important;
 white-space: nowrap !important;

}

  1. mw-panel #p-erindal-topbar .mw-list-item > a::before {
 content: none !important;
 display: none !important;

}

  1. mw-panel #p-erindal-topbar .mw-list-item > a:hover,
  2. mw-panel #p-erindal-topbar .mw-list-item > a:focus {
 color: var(--ew-gold-soft) !important;
 background: rgba(255,255,255,.035) !important;

}

/* Dropdowns are an enhancement. The six main links remain visible and usable 

  even before JavaScript has loaded. */

.ew-topbar-caret { 

 width: 19px;
 height: var(--ew-topbar);
 margin: 0 5px 0 -10px;
 padding: 0;
 border: 0;
 background: transparent;
 color: #f3eee5;
 font: 14px/1 Arial, sans-serif;
 cursor: pointer;

}

.ew-topbar-caret:hover, .ew-topbar-caret:focus { 

 color: var(--ew-gold-soft);

}

.ew-topbar-dropdown { 

 position: absolute;
 z-index: 135;
 top: calc(var(--ew-topbar) - 2px);
 left: 0;
 display: none;
 min-width: 218px;
 padding: 7px;
 background: linear-gradient(180deg, #0b1a23, #041019);
 border: 1px solid rgba(125, 102, 69, .62);
 box-shadow: 0 10px 24px rgba(0,0,0,.36);

}

.ew-topbar-dropdown a, .ew-topbar-dropdown a:visited { 

 display: block !important;
 padding: 9px 12px !important;
 color: #f1ede6 !important;
 background: transparent !important;
 font-family: "Almendra SC", "Cinzel", Georgia, serif !important;
 font-size: 15px !important;
 line-height: 1.15 !important;
 text-decoration: none !important;
 white-space: nowrap !important;

}

.ew-topbar-dropdown a:hover, .ew-topbar-dropdown a:focus { 

 color: var(--ew-gold-soft) !important;
 background: linear-gradient(90deg, rgba(35,67,93,.82), rgba(22,43,57,.24)) !important;

}

  1. mw-panel #p-erindal-topbar .ew-has-dropdown:hover .ew-topbar-dropdown,
  2. mw-panel #p-erindal-topbar .ew-has-dropdown.ew-menu-open .ew-topbar-dropdown {
 display: block;

}

/* Use Vector's server-rendered search form instead of constructing another one 

  after page load. */
  1. p-search {
 position: fixed !important;
 z-index: 116 !important;
 top: 10px !important;
 right: 17px !important;
 left: auto !important;
 display: block !important;
 width: 300px !important;
 height: 35px !important;
 margin: 0 !important;
 padding: 0 !important;

}

  1. p-search h3,
  2. p-search label {
 display: none !important;

}

  1. p-search #searchform,
  2. p-search #simpleSearch {
 width: 100% !important;
 height: 35px !important;
 margin: 0 !important;
 padding: 0 !important;
 box-sizing: border-box !important;

}

  1. p-search #simpleSearch {
 display: flex !important;
 overflow: hidden !important;
 background: rgba(0,0,0,.28) !important;
 border: 1px solid rgba(151,128,91,.42) !important;
 border-radius: 4px !important;

}

  1. p-search #searchInput {
 position: static !important;
 flex: 1 1 auto !important;
 min-width: 0 !important;
 width: auto !important;
 height: 33px !important;
 margin: 0 !important;
 padding: 0 11px !important;
 color: #eee8de !important;
 background: transparent !important;
 border: 0 !important;
 outline: 0 !important;
 box-shadow: none !important;
 font-family: "Alegreya", Georgia, serif !important;
 font-size: 15px !important;

}

  1. p-search #searchInput::placeholder {
 color: #d4cbc0 !important;
 opacity: .88;

}

  1. p-search #mw-searchButton {
 display: none !important;

}

  1. p-search #searchButton {
 position: static !important;
 flex: 0 0 39px !important;
 width: 39px !important;
 height: 33px !important;
 margin: 0 !important;
 padding: 0 !important;
 overflow: hidden !important;
 border: 0 !important;
 border-left: 1px solid rgba(151,128,91,.34) !important;
 text-indent: -9999px !important;
 cursor: pointer !important;
 background-color: transparent !important;
 background-repeat: no-repeat !important;
 background-position: center !important;
 background-size: 17px 17px !important;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1eade' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") !important;

}

/* Sidebar button. Its state is saved for this browser by Common.js. */

  1. ew-sidebar-toggle {
 position: fixed;
 z-index: 140;
 top: 10px;
 left: calc(var(--ew-sidebar) - 18px);
 display: grid;
 place-items: center;
 width: 36px;
 height: 36px;
 padding: 0;
 color: var(--ew-gold-soft);
 background: #07141c;
 border: 1px solid rgba(207,163,80,.62);
 border-radius: 50%;
 box-shadow: 0 3px 10px rgba(0,0,0,.36);
 font: 23px/1 Georgia, serif;
 cursor: pointer;

}

  1. ew-sidebar-toggle:hover,
  2. ew-sidebar-toggle:focus {
 color: #fff4d6;
 background: #102431;
 outline: none;

}

/* Collapsed layout. Keep the server-rendered topbar visible even though it is 

  technically a child of the sidebar panel. */

html.ew-sidebar-collapsed { 

 --ew-sidebar: 0px;

}

html.ew-sidebar-collapsed #mw-panel { 

 display: block !important;
 width: 0 !important;
 padding: 0 !important;
 overflow: visible !important;
 background: none !important;
 border: 0 !important;
 box-shadow: none !important;

}

html.ew-sidebar-collapsed #mw-panel > :not(#p-erindal-topbar) { 

 display: none !important;

}

html.ew-sidebar-collapsed #mw-panel::before, html.ew-sidebar-collapsed #mw-panel::after { 

 display: none !important;

}

html.ew-sidebar-collapsed #ew-sidebar-toggle { 

 left: 10px;

}

@media (max-width: 1180px) { 

 #mw-panel #p-erindal-topbar {
   padding-right: 270px !important;
 }

 #mw-panel #p-erindal-topbar .mw-list-item > a {
   padding: 0 11px !important;
   font-size: 14px !important;
 }

 #p-search {
   width: 220px !important;
 }

}

@media (max-width: 900px) { 

 #mw-panel #p-erindal-topbar .mw-list-item:nth-child(n+5) {
   display: none !important;
 }

}

@media (max-width: 700px) { 

 #mw-panel {
   display: block !important;
   width: 0 !important;
   padding: 0 !important;
   overflow: visible !important;
   background: none !important;
   border: 0 !important;
   box-shadow: none !important;
 }

 #mw-panel > :not(#p-erindal-topbar) {
   display: none !important;
 }

 #mw-panel #p-erindal-topbar {
   left: 0 !important;
   padding: 0 230px 0 10px !important;
 }

 #mw-panel #p-erindal-topbar .mw-list-item:nth-child(n+3) {
   display: none !important;
 }

 #p-search {
   right: 9px !important;
   width: 210px !important;
 }

 #ew-sidebar-toggle {
   display: none !important;
 }

}

/* ======================================================================== 

  v6.0 SERVER-RENDERED SHELL REPAIR

  #ew-server-topbar and #ew-sidebar-toggle are emitted by LocalSettings.php.
  They do not depend on a custom MediaWiki:Sidebar portlet or Common.js.
  ======================================================================== */

/* Hide the two obsolete implementations if an older Sidebar or cached script 

  still supplies them. */
  1. ew-global-topbar,
  2. mw-panel #p-erindal-topbar {
 display: none !important;

}

  1. ew-server-topbar {
 position: fixed !important;
 z-index: 150 !important;
 top: 0 !important;
 left: var(--ew-sidebar) !important;
 right: 0 !important;
 display: flex !important;
 align-items: center !important;
 width: calc(100vw - var(--ew-sidebar)) !important;
 max-width: none !important;
 height: var(--ew-topbar) !important;
 margin: 0 !important;
 padding: 0 18px 0 30px !important;
 box-sizing: border-box !important;
 overflow: visible !important;
 color: #f3eee5 !important;
 background: linear-gradient(180deg, #08141c 0%, #03090d 100%) !important;
 border: 0 !important;
 border-bottom: 2px solid rgba(112, 88, 58, .46) !important;
 box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2px 6px rgba(0,0,0,.28) !important;
 font-family: "Almendra SC", "Cinzel", Georgia, serif !important;

}

  1. ew-server-topbar::before,
  2. ew-server-topbar::after {
 content: "";
 position: absolute;
 top: 4px;
 width: 18px;
 height: 18px;
 border-color: rgba(207, 163, 80, .55);
 border-style: solid;
 pointer-events: none;

}

  1. ew-server-topbar::before {
 left: 4px;
 border-width: 1px 0 0 1px;

}

  1. ew-server-topbar::after {
 right: 4px;
 border-width: 1px 1px 0 0;

}

  1. ew-server-topbar .ew-global-menu {
 display: flex !important;
 flex: 0 1 auto !important;
 align-items: stretch !important;
 min-width: 0 !important;
 height: 100% !important;
 margin: 0 !important;
 padding: 0 !important;

}

  1. ew-server-topbar .ew-global-section {
 position: relative !important;
 display: block !important;
 height: 100% !important;
 margin: 0 !important;
 padding: 0 !important;

}

  1. ew-server-topbar .ew-global-section > summary {
 display: flex !important;
 align-items: center !important;
 height: 100% !important;
 margin: 0 !important;
 padding: 0 17px !important;
 box-sizing: border-box !important;
 color: #f3eee5 !important;
 background: transparent !important;
 border: 0 !important;
 outline: 0 !important;
 list-style: none !important;
 font-family: "Almendra SC", "Cinzel", Georgia, serif !important;
 font-size: 15px !important;
 font-weight: 400 !important;
 line-height: 1 !important;
 letter-spacing: .045em !important;
 text-transform: uppercase !important;
 white-space: nowrap !important;
 cursor: pointer !important;

}

  1. ew-server-topbar .ew-global-section > summary::-webkit-details-marker {
 display: none !important;

}

  1. ew-server-topbar .ew-global-section > summary::marker {
 content: "";

}

  1. ew-server-topbar .ew-global-section > summary span {
 margin-left: 7px;
 font-family: Arial, sans-serif !important;
 font-size: 12px !important;
 transition: transform .16s ease;

}

  1. ew-server-topbar .ew-global-section[open] > summary span {
 transform: rotate(180deg);

}

  1. ew-server-topbar .ew-global-section > summary:hover,
  2. ew-server-topbar .ew-global-section > summary:focus,
  3. ew-server-topbar .ew-global-section[open] > summary {
 color: var(--ew-gold-soft) !important;
 background: rgba(255,255,255,.04) !important;

}

  1. ew-server-topbar .ew-global-dropdown {
 position: absolute !important;
 z-index: 170 !important;
 top: calc(var(--ew-topbar) - 2px) !important;
 left: 0 !important;
 display: none !important;
 min-width: 220px !important;
 margin: 0 !important;
 padding: 7px !important;
 box-sizing: border-box !important;
 background: linear-gradient(180deg, #0b1a23, #041019) !important;
 border: 1px solid rgba(125, 102, 69, .62) !important;
 box-shadow: 0 10px 24px rgba(0,0,0,.36) !important;

}

  1. ew-server-topbar .ew-global-section[open] > .ew-global-dropdown {
 display: block !important;

}

  1. ew-server-topbar .ew-global-dropdown a,
  2. ew-server-topbar .ew-global-dropdown a:visited {
 display: block !important;
 width: auto !important;
 height: auto !important;
 margin: 0 !important;
 padding: 9px 12px !important;
 color: #f1ede6 !important;
 background: transparent !important;
 font-family: "Almendra SC", "Cinzel", Georgia, serif !important;
 font-size: 15px !important;
 font-weight: 400 !important;
 line-height: 1.15 !important;
 letter-spacing: .015em !important;
 text-transform: none !important;
 text-decoration: none !important;
 white-space: nowrap !important;

}

  1. ew-server-topbar .ew-global-dropdown a:hover,
  2. ew-server-topbar .ew-global-dropdown a:focus {
 color: var(--ew-gold-soft) !important;
 background: linear-gradient(90deg, rgba(35,67,93,.82), rgba(22,43,57,.24)) !important;

}

  1. ew-server-topbar .ew-global-search {
 position: static !important;
 flex: 0 1 304px !important;
 width: min(304px, 26vw) !important;
 height: 35px !important;
 margin: 0 0 0 auto !important;
 padding: 0 !important;
 box-sizing: border-box !important;

}

  1. ew-server-topbar .ew-global-search input[type="search"] {
 min-width: 0 !important;
 height: 33px !important;
 margin: 0 !important;
 padding: 0 12px !important;
 font-family: "Alegreya", Georgia, serif !important;
 font-size: 15px !important;

}

  1. ew-server-topbar .ew-global-search button {
 flex: 0 0 42px !important;
 width: 42px !important;
 height: 33px !important;
 padding: 0 !important;
 line-height: 33px !important;

}

/* The server-rendered topbar already contains its own search. */

  1. p-search {
 display: none !important;

}

/* A visible tab on the sidebar edge. When the panel is closed it remains at 

  the left edge so the sidebar can always be opened again. */
  1. ew-sidebar-toggle {
 position: fixed !important;
 z-index: 190 !important;
 top: 70px !important;
 left: calc(var(--ew-sidebar) - 14px) !important;
 display: grid !important;
 place-items: center !important;
 width: 30px !important;
 height: 46px !important;
 margin: 0 !important;
 padding: 0 1px 3px 0 !important;
 color: var(--ew-gold-soft) !important;
 background: linear-gradient(180deg, #102431, #06131b) !important;
 border: 1px solid rgba(207,163,80,.72) !important;
 border-radius: 6px !important;
 box-shadow: 0 3px 12px rgba(0,0,0,.44) !important;
 font: 28px/1 Georgia, serif !important;
 text-align: center !important;
 cursor: pointer !important;

}

  1. ew-sidebar-toggle:hover,
  2. ew-sidebar-toggle:focus {
 color: #fff4d6 !important;
 background: linear-gradient(180deg, #173447, #0a1b25) !important;
 outline: 2px solid rgba(239,201,121,.30) !important;
 outline-offset: 1px !important;

}

html.ew-sidebar-collapsed { 

 --ew-sidebar: 0px;

}

html.ew-sidebar-collapsed #mw-panel { 

 display: block !important;
 width: 0 !important;
 padding: 0 !important;
 overflow: hidden !important;
 background: none !important;
 border: 0 !important;
 box-shadow: none !important;

}

html.ew-sidebar-collapsed #mw-panel > * { 

 display: none !important;

}

html.ew-sidebar-collapsed #mw-panel::before, html.ew-sidebar-collapsed #mw-panel::after { 

 display: none !important;

}

html.ew-sidebar-collapsed #ew-sidebar-toggle { 

 left: 0 !important;
 border-left: 0 !important;
 border-radius: 0 6px 6px 0 !important;

}

  1. mw-panel,
  2. mw-page-base,
  3. mw-head-base,
  4. mw-head,
  5. content,
  6. footer,
  7. ew-server-topbar,
  8. ew-sidebar-toggle {
 transition: left .18s ease, width .18s ease, margin-left .18s ease !important;

}

@media (max-width: 1180px) { 

 #ew-server-topbar .ew-global-section > summary {
   padding-right: 11px !important;
   padding-left: 11px !important;
   font-size: 14px !important;
 }

 #ew-server-topbar .ew-global-search {
   flex-basis: 220px !important;
   width: 220px !important;
 }

}

@media (max-width: 900px) { 

 #ew-server-topbar .ew-global-section:nth-child(n+5) {
   display: none !important;
 }

}

@media (max-width: 700px) { 

 html:not(.ew-sidebar-collapsed) {
   --ew-sidebar: 218px;
 }

 #mw-panel {
   display: block !important;
 }

 #ew-server-topbar .ew-global-section:nth-child(n+3) {
   display: none !important;
 }

 #ew-server-topbar .ew-global-search {
   flex-basis: min(210px, 48vw) !important;
   width: min(210px, 48vw) !important;
 }

 #ew-sidebar-toggle {
   display: grid !important;
 }

} /* ========================================================= 

  NATIONAL HISTORY PAGES
  Shared structure only. History-page palettes belong on the page wrapper.
  ========================================================= */

.history-page { 

 color: var(--history-ink, var(--ew-ink));
 box-sizing: border-box;
 width: calc(100vw - var(--ew-sidebar) - 84px) !important;
 max-width: none !important;
 font-family: "Alegreya", Georgia, serif;
 line-height: 1.62;

}

/* The main Erindal article rules normally stop every parser output at 1180px. 

  Nation-history pages are designed as full-page layouts, so they must be
  allowed to use all of the space available beside the sidebar. */


.history-hero { 

 position: relative;
 min-height: 240px;
 margin: 0 0 1.4rem;
 overflow: hidden;
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 14px;
 background: var(--history-deep, var(--ew-dark-2));
 box-shadow: 0 12px 30px rgba(28, 18, 13, 0.19);

}

.history-hero .mw-file-description, .history-hero .mw-file-element, .history-hero__image { 

 display: block;
 width: 100%;
 height: clamp(240px, 22vw, 320px);
 object-fit: cover;

}

.history-hero a.new.history-hero__image { 

 display: none !important;

}

.history-hero__overlay { 

 position: absolute;
 inset: 0;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 padding: clamp(1.25rem, 3vw, 2.5rem);
 color: #fffaf2;
 background:
   linear-gradient(180deg, rgba(20, 12, 9, 0.06) 18%, rgba(20, 12, 9, 0.88) 100%),
   linear-gradient(90deg, rgba(20, 12, 9, 0.52), transparent 64%);
 pointer-events: none;

}

.history-hero__eyebrow { 

 margin-bottom: 0.25rem;
 color: #efb476;
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 0.85rem;
 font-weight: 700;
 letter-spacing: 0.16em;

}

.history-hero__title { 

 max-width: 900px;
 font-family: "Alegreya SC", Georgia, serif;
 font-size: clamp(2.1rem, 4vw, 3.6rem);
 font-weight: 700;
 line-height: 0.96;
 text-shadow: 0 3px 16px rgba(0, 0, 0, 0.72);

}

.history-hero__subtitle { 

 margin-top: 0.55rem;
 color: #eadcc9;
 font-size: clamp(1rem, 2vw, 1.35rem);
 font-style: italic;

}

.history-overview { 

 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
 gap: 2rem;
 align-items: start;
 margin-bottom: 2.25rem;

}

.history-overview__lead { 

 font-size: 1.08rem;

}

.history-overview__lead > p:first-child::first-letter { 

 float: left;
 margin: 0.08em 0.1em 0 0;
 color: var(--history-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 3.8em;
 font-weight: 700;
 line-height: 0.76;

}

.history-record { 

 overflow: hidden;
 border: 1px solid var(--history-line, var(--ew-border));
 border-radius: 12px;
 background: var(--history-paper, var(--ew-paper-light));
 box-shadow: 0 9px 22px rgba(55, 37, 27, 0.12);

}

.history-record__heading { 

 padding: 0.85rem 1rem;
 color: #fff7ec;
 background: linear-gradient(135deg, var(--history-deep, var(--ew-dark-2)), #503023);
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.25rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 text-align: center;

}

.history-record__row { 

 display: grid;
 grid-template-columns: minmax(100px, 0.9fr) minmax(0, 1.3fr);
 gap: 0.75rem;
 padding: 0.62rem 0.85rem;
 border-top: 1px solid var(--history-line, var(--ew-border));

}

.history-record__row span { 

 color: var(--history-muted, #6f665d);
 font-family: "Alegreya SC", Georgia, serif;
 font-weight: 700;

}

.history-era-index { 

 box-sizing: border-box;
 margin: 1.8rem 0 2.4rem;
 padding: 1.15rem;
 border: 1px solid var(--history-line, var(--ew-border));
 border-radius: 12px;
 background:
   linear-gradient(135deg, rgba(255, 255, 255, 0.42), transparent),
   var(--history-paper-alt, var(--ew-paper));

}

.history-era-index__heading { 

 margin: 0 0 0.85rem;
 color: var(--history-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.25rem;
 font-weight: 700;
 text-align: center;

}

.history-era-index__grid { 

 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 0.72rem;
 align-items: stretch;

}

.history-era-index__grid > div { 

 box-sizing: border-box;
 min-width: 0;

}

.history-era-index__grid a { 

 display: block;
 box-sizing: border-box;
 height: 100%;
 padding: 0.72rem 0.82rem;
 border: 1px solid rgba(91, 59, 41, 0.18);
 border-left: 4px solid var(--history-accent, var(--ew-gold));
 border-radius: 7px;
 color: var(--history-ink, var(--ew-ink));
 background: rgba(255, 252, 246, 0.68);
 text-decoration: none;
 transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;

}

.history-era-index__grid a:hover { 

 transform: translateY(-1px);
 background: #fffaf2;
 box-shadow: 0 5px 12px rgba(54, 36, 25, 0.1);

}

.history-era-index__grid span, .history-era-index__grid strong { 

 display: block;

}

.history-era-index__grid span { 

 color: var(--history-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 0.76rem;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;

}

.history-era-index__grid strong { 

 margin-top: 0.12rem;
 font-size: 0.98rem;
 line-height: 1.2;

}

.history-page__body { 

 position: relative;
 box-sizing: border-box;
 width: 100%;
 max-width: none;
 margin: 0;
 padding-left: 2.25rem;
 border-left: 2px solid rgba(153, 75, 44, 0.28);

}

.history-page__body p { 

 margin: 0.82rem 0;

}

.history-page__body h2 { 

 position: relative;
 margin: 2.65rem 0 1rem;
 padding: 0 0 0.55rem;
 border-bottom: 1px solid var(--history-line, var(--ew-border));
 color: var(--history-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: clamp(1.55rem, 3vw, 2rem);
 font-weight: 700;

}

.history-page__body h2::before { 

 position: absolute;
 top: 0.35em;
 left: calc(-2.25rem - 7px);
 width: 12px;
 height: 12px;
 border: 2px solid var(--history-paper, var(--ew-paper-light));
 border-radius: 50%;
 background: var(--history-accent, var(--ew-gold));
 box-shadow: 0 0 0 2px rgba(153, 75, 44, 0.32);
 content: "";

}

.history-page__body h3 { 

 margin-top: 1.75rem;
 color: var(--history-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.3rem;
 font-weight: 700;

}

.history-page__body a, .history-record a { 

 color: #784029;

}

.history-page__body .toc, .history-page__body #toc { 

 margin: 0 0 1.8rem;
 padding: 0.9rem 1.1rem;
 border: 1px solid var(--history-line, var(--ew-border));
 border-radius: 9px;
 background: var(--history-paper, var(--ew-paper-light));

}

.history-note { 

 margin: 1.25rem 0;
 padding: 0.9rem 1rem;
 border: 1px solid var(--history-line, var(--ew-border));
 border-left: 5px solid var(--history-accent, var(--ew-gold));
 border-radius: 8px;
 background: linear-gradient(135deg, var(--history-paper, var(--ew-paper-light)), var(--history-paper-alt, var(--ew-paper)));

}

.history-note--disputed { 

 --history-accent: #776453;

}

.history-note--aftermath { 

 --history-accent: #7c6331;

}

.history-note strong { 

 color: var(--history-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;

}

.history-page__body .thumb { 

 margin-top: 1.1rem;
 border-color: var(--history-line, var(--ew-border));

}

.history-page__body table.wikitable { 

 border-color: var(--history-line, var(--ew-border));
 background: var(--history-paper, var(--ew-paper-light));

}

.history-page__body table.wikitable th { 

 color: #fff8ed;
 background: var(--history-deep, var(--ew-dark-2));

}

.history-figure { 

 box-sizing: border-box;
 margin: 1.35rem 0 1.9rem;
 overflow: hidden;
 border: 1px solid var(--history-line, var(--ew-border));
 border-radius: 10px;
 background: var(--history-paper, var(--ew-paper-light));
 box-shadow: 0 8px 20px rgba(50, 33, 24, 0.14);

}

.history-figure .mw-file-description { 

 display: block;
 width: 100%;
 max-width: none;

}

.history-figure .mw-file-element, .history-figure__image { 

 display: block;
 width: 100% !important;
 max-width: none !important;
 height: clamp(220px, 28vw, 340px);
 object-fit: cover;

}

.history-figure a.new { 

 display: none !important;

}

.history-figure__caption { 

 padding: 0.65rem 0.9rem 0.72rem;
 color: var(--history-muted, #6f665d);
 background: linear-gradient(135deg, var(--history-paper, var(--ew-paper-light)), var(--history-paper-alt, var(--ew-paper)));
 font-size: 0.94rem;
 font-style: italic;
 line-height: 1.35;

}

@media (max-width: 760px) { 

 .history-page__body {
   padding-left: 1.25rem;
 }

 .history-page__body h2::before {
   left: calc(-1.25rem - 7px);
 }

 .history-figure .mw-file-element,
 .history-figure__image {
   height: 220px;
 }

 .history-overview {
   grid-template-columns: 1fr;
 }

 .history-record {
   width: min(100%, 560px);
   order: -1;
 }

 .history-era-index__grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .history-hero {
   min-height: 220px;
   border-radius: 10px;
 }

 .history-hero .mw-file-description,
 .history-hero .mw-file-element,
 .history-hero__image {
   height: 250px;
 }

 .history-hero__overlay {
   padding: 1.25rem;
 }

 .history-era-index__grid {
   grid-template-columns: 1fr;
 }

 .history-record__row {
   grid-template-columns: 1fr;
   gap: 0.15rem;
 }

}

/* ========================================================= 

  ERINDAL CITY PAGES
  Shared structure only. City-specific palettes belong on the page wrapper.
  ========================================================= */


.city-page { 

 box-sizing: border-box;
 width: calc(100vw - var(--ew-sidebar) - 84px) !important;
 max-width: none !important;
 color: var(--city-ink, var(--ew-ink));
 font-family: "Alegreya", Georgia, serif;
 line-height: 1.62;

}




.city-hero { 

 position: relative;
 min-height: 240px;
 margin: 0 0 1.4rem;
 overflow: hidden;
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 14px;
 background: var(--city-deep, var(--ew-dark-2));
 box-shadow: 0 12px 30px rgba(28, 18, 13, 0.19);

}

.city-hero .mw-file-description, .city-hero .mw-file-element, .city-hero__image { 

 display: block;
 width: 100% !important;
 max-width: none !important;
 height: clamp(240px, 22vw, 320px);
 object-fit: cover;

}

/* Match the country pages: a missing upload should not leave blue alt text 

  sitting over the dark hero background. */

.city-hero a.new.city-hero__image { 

 display: none !important;

}

.city-hero__overlay { 

 position: absolute;
 inset: 0;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 box-sizing: border-box;
 padding: clamp(1.25rem, 3vw, 2.5rem);
 color: #fffaf2;
 background:
   linear-gradient(180deg, rgba(20, 12, 9, 0.06) 18%, rgba(20, 12, 9, 0.88) 100%),
   linear-gradient(90deg, rgba(20, 12, 9, 0.52), transparent 64%);
 pointer-events: none;

}

.city-hero__eyebrow { 

 margin-bottom: 0.25rem;
 color: var(--city-accent-light, var(--ew-gold-soft));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 0.85rem;
 font-weight: 700;
 letter-spacing: 0.16em;

}

.city-hero__title { 

 max-width: 900px;
 font-family: "Alegreya SC", Georgia, serif;
 font-size: clamp(2.1rem, 4vw, 3.6rem);
 font-weight: 700;
 line-height: 0.96;
 text-shadow: 0 3px 16px rgba(0, 0, 0, 0.72);

}

.city-hero__subtitle { 

 max-width: 900px;
 margin-top: 0.55rem;
 color: #eadcc9;
 font-size: clamp(1rem, 2vw, 1.35rem);
 font-style: italic;

}

.city-overview { 

 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
 gap: 2rem;
 align-items: start;
 margin-bottom: 2.25rem;

}

.city-overview__lead { 

 font-size: 1.08rem;

}

.city-overview__lead > p:first-child::first-letter { 

 float: left;
 margin: 0.08em 0.1em 0 0;
 color: var(--city-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 3.8em;
 font-weight: 700;
 line-height: 0.76;

}

.city-record { 

 overflow: hidden;
 border: 1px solid var(--city-line, var(--ew-border));
 border-radius: 12px;
 background: var(--city-paper, var(--ew-paper-light));
 box-shadow: 0 9px 22px rgba(55, 37, 27, 0.12);

}

.city-record__heading { 

 padding: 0.85rem 1rem;
 color: #fff8ed;
 background: linear-gradient(135deg, var(--city-deep, var(--ew-dark-2)), color-mix(in srgb, var(--city-deep, var(--ew-dark-2)) 66%, var(--city-accent, var(--ew-gold))));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.25rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 text-align: center;

}

.city-record__row { 

 display: grid;
 grid-template-columns: minmax(100px, 0.9fr) minmax(0, 1.3fr);
 gap: 0.75rem;
 padding: 0.62rem 0.85rem;
 border-top: 1px solid var(--city-line, var(--ew-border));

}

.city-record__row span { 

 color: var(--city-muted, #6f665d);
 font-family: "Alegreya SC", Georgia, serif;
 font-weight: 700;

}

.city-index { 

 box-sizing: border-box;
 margin: 1.8rem 0 2.4rem;
 padding: 1.15rem;
 border: 1px solid var(--city-line, var(--ew-border));
 border-radius: 12px;
 background:
   linear-gradient(135deg, rgba(255, 255, 255, 0.42), transparent),
   var(--city-paper-alt, var(--ew-paper));

}

.city-index__heading { 

 margin: 0 0 0.85rem;
 color: var(--city-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.25rem;
 font-weight: 700;
 text-align: center;

}

.city-index__grid { 

 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 0.72rem;
 align-items: stretch;

}

.city-index__grid > div { 

 box-sizing: border-box;
 min-width: 0;

}

.city-index__grid a { 

 display: block;
 box-sizing: border-box;
 height: 100%;
 padding: 0.72rem 0.82rem;
 border: 1px solid rgba(91, 59, 41, 0.18);
 border-left: 4px solid var(--city-accent, var(--ew-gold));
 border-radius: 7px;
 color: var(--city-ink, var(--ew-ink));
 background: rgba(255, 252, 246, 0.7);
 text-decoration: none;
 transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;

}

.city-index__grid a:hover { 

 transform: translateY(-1px);
 background: #fffaf2;
 box-shadow: 0 5px 12px rgba(54, 36, 25, 0.1);

}

.city-index__grid span, .city-index__grid strong { 

 display: block;

}

.city-index__grid span { 

 color: var(--city-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 0.76rem;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;

}

.city-index__grid strong { 

 margin-top: 0.12rem;
 font-size: 0.98rem;
 line-height: 1.2;

}

.city-page__body { 

 box-sizing: border-box;
 width: 100%;
 max-width: none;
 margin: 0;

}

.city-page__body p { 

 margin: 0.82rem 0;

}

.city-page__body h2 { 

 display: flex;
 gap: 0.75rem;
 align-items: center;
 margin: 2.35rem 0 1rem;
 border-bottom: 0;
 color: var(--city-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.75rem;
 font-weight: 700;

}

.city-page__body h2::after { 

 content: "";
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, var(--city-accent, var(--ew-gold)), transparent);

}

.city-page__body h3 { 

 margin-top: 1.75rem;
 color: var(--city-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.32rem;
 font-weight: 700;

}

.city-page__body a, .city-record a { 

 color: color-mix(in srgb, var(--city-accent, var(--ew-gold)) 76%, #1c2730);

}

.city-page__body .toc, .city-page__body #toc { 

 margin: 0 0 1.8rem;
 padding: 0.9rem 1.1rem;
 border: 1px solid var(--city-line, var(--ew-border));
 border-radius: 9px;
 background: var(--city-paper, var(--ew-paper-light));

}

.city-district-grid, .city-location-grid { 

 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 0.9rem;
 margin: 1.1rem 0 1.5rem;

}

.city-location-grid { 

 grid-template-columns: repeat(3, minmax(0, 1fr));

}

.city-district-card, .city-location-card { 

 box-sizing: border-box;
 min-width: 0;
 padding: 1rem 1.05rem;
 border: 1px solid var(--city-line, var(--ew-border));
 border-top: 4px solid var(--city-accent, var(--ew-gold));
 border-radius: 9px;
 background: linear-gradient(145deg, var(--city-paper, var(--ew-paper-light)), rgba(255, 255, 255, 0.5));
 box-shadow: 0 5px 14px rgba(49, 35, 25, 0.08);

}

.city-district-card h3, .city-location-card h3 { 

 margin: 0 0 0.35rem;
 color: var(--city-deep, var(--ew-dark-2));
 font-size: 1.18rem;

}

.city-district-card p, .city-location-card p { 

 margin: 0.35rem 0 0;

}

.city-note { 

 margin: 1.25rem 0;
 padding: 0.95rem 1.05rem;
 border: 1px solid var(--city-line, var(--ew-border));
 border-left: 5px solid var(--city-accent, var(--ew-gold));
 border-radius: 8px;
 background: linear-gradient(135deg, var(--city-paper, var(--ew-paper-light)), var(--city-paper-alt, var(--ew-paper)));

}

.city-note--danger { 

 --city-accent: #7f3f32;

}

.city-note--history { 

 --city-accent: #7b653d;

}

.city-note--disputed { 

 --city-accent: #596876;

}

.city-note strong { 

 color: var(--city-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;

}

@media (max-width: 1050px) { 

 .city-index__grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .city-location-grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }

}

@media (max-width: 760px) { 

 .city-overview {
   grid-template-columns: 1fr;
 }

 .city-record {
   width: min(100%, 580px);
   order: -1;
 }

 .city-hero {
   min-height: 220px;
   border-radius: 10px;
 }

 .city-hero .mw-file-description,
 .city-hero .mw-file-element,
 .city-hero__image {
   height: 250px;
 }

 .city-hero__overlay {
   padding: 1.25rem;
 }

 .city-index__grid,
 .city-district-grid,
 .city-location-grid {
   grid-template-columns: 1fr;
 }

 .city-record__row {
   grid-template-columns: 1fr;
   gap: 0.15rem;
 }

}

/* ========================================================= 

  ERINDAL DEITY PAGES
  Shared structure only. Individual deity palettes are page-local custom
  properties in each deity .wiki page. Common.css contains no named deity
  themes and uses the global Erindal theme only as a safe fallback.
  ========================================================= */

/* MediaWiki site CSS does not support the parent-selector approach here. 

  The wrapper therefore owns its full-width sizing directly, with no
  body.page-<deity-name> rules. */

.deity-page { 

 box-sizing: border-box;
 width: calc(100vw - var(--ew-sidebar) - 84px) !important;
 max-width: none !important;
 color: var(--deity-ink, var(--ew-ink));
 font-family: "Alegreya", Georgia, serif;
 line-height: 1.62;

}

.deity-hero { 

 position: relative;
 min-height: 240px;
 margin: 0 0 1.4rem;
 overflow: hidden;
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 14px;
 background: var(--deity-deep, var(--ew-dark-2));
 box-shadow: 0 12px 30px rgba(28, 18, 13, 0.19);

}

.deity-hero .mw-file-description, .deity-hero .mw-file-element, .deity-hero__image { 

 display: block;
 width: 100%;
 height: clamp(240px, 22vw, 320px);
 object-fit: cover;

}

.deity-hero__overlay { 

 position: absolute;
 inset: 0;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 padding: clamp(1.25rem, 3vw, 2.5rem);
 color: var(--deity-hero-text, #fffaf2);
 background:
   linear-gradient(180deg, rgba(20, 12, 9, 0.04) 20%, rgba(20, 12, 9, 0.88) 100%),
   linear-gradient(90deg, rgba(20, 12, 9, 0.62), transparent 68%);
 pointer-events: none;

}

.deity-hero__eyebrow { 

 margin-bottom: 0.25rem;
 color: var(--deity-hero-kicker, var(--ew-gold-soft));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 0.85rem;
 font-weight: 700;
 letter-spacing: 0.16em;
 text-transform: uppercase;

}

.deity-hero__title { 

 font-family: "Alegreya SC", Georgia, serif;
 font-size: clamp(2.1rem, 4vw, 3.6rem);
 font-weight: 700;
 line-height: 0.96;
 text-shadow: 0 3px 16px rgba(0, 0, 0, 0.72);

}

.deity-hero__subtitle { 

 margin-top: 0.55rem;
 color: var(--deity-hero-subtitle, #eadcc9);
 font-size: clamp(1rem, 2vw, 1.35rem);
 font-style: italic;

}

.deity-hero a.new, .deity-figure a.new { 

 display: none !important;

}

.deity-overview { 

 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(310px, 370px);
 gap: 2rem;
 align-items: start;
 margin-bottom: 2.25rem;

}

.deity-overview__lead { 

 font-size: 1.08rem;

}

.deity-overview__lead > p:first-child::first-letter { 

 float: left;
 margin: 0.08em 0.1em 0 0;
 color: var(--deity-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 3.7em;
 font-weight: 700;
 line-height: 0.78;

}

.deity-record { 

 overflow: hidden;
 border: 1px solid var(--deity-line, var(--ew-border));
 border-radius: 12px;
 background: var(--deity-paper, var(--ew-paper-light));
 box-shadow: 0 10px 22px rgba(55, 37, 27, 0.13);

}

.deity-record__heading { 

 padding: 0.85rem 1rem;
 color: var(--deity-record-heading-text, #fff7ec);
 background: linear-gradient(135deg, var(--deity-deep, var(--ew-dark-2)), var(--deity-deep-alt, var(--ew-dark-1)));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.25rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 text-align: center;

}

.deity-visual { 

 border-bottom: 1px solid var(--deity-line, var(--ew-border));
 background: linear-gradient(145deg, var(--deity-visual-bg, var(--ew-paper)), var(--deity-paper, var(--ew-paper-light)));

}

.deity-visual__tabs { 

 display: none;

}

.deity-visual.is-enhanced .deity-visual__tabs { 

 display: grid !important;
 box-sizing: border-box;
 width: 100%;
 min-width: 0;
 border-bottom: 1px solid var(--deity-line, var(--ew-border));
 background: rgba(0, 0, 0, 0.04);

}

.deity-record .deity-visual__tabs > .deity-visual__tab { 

 display: flex;
 flex: 0 0 50% !important;
 align-items: center;
 justify-content: center;
 box-sizing: border-box;
 width: 50% !important;
 max-width: 50% !important;
 min-width: 0;
 min-height: 46px;
 padding: 0.58rem 0.45rem;
 color: var(--deity-muted, #665f57);
 border-bottom: 3px solid transparent;
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 0.86rem;
 font-weight: 700;
 line-height: 1;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 float: none !important;
 cursor: pointer;

}

.deity-visual__panel a.new { 

 display: flex !important;
 align-items: center;
 justify-content: center;
 box-sizing: border-box;
 width: 100% !important;
 height: 270px !important;
 padding: 1.25rem;
 color: var(--deity-muted, #665f57) !important;
 background: rgba(255, 255, 255, 0.22);
 font-style: italic;
 line-height: 1.3;
 text-align: center;
 text-decoration: none;

}

.deity-visual__panel a.new::before { 

 content: "Missing image: ";
 font-style: normal;
 font-weight: 700;

}

.deity-visual__tab + .deity-visual__tab { 

 border-left: 1px solid var(--deity-line, var(--ew-border));

}

.deity-visual__tab:hover, .deity-visual__tab:focus, .deity-visual__tab.is-active { 

 color: var(--deity-deep, var(--ew-dark-2));
 border-bottom-color: var(--deity-accent, var(--ew-gold));
 background: rgba(255, 255, 255, 0.42);
 outline: 0;

}

.deity-visual__panel { 

 box-sizing: border-box;
 width: 100%;
 height: 270px;
 min-height: 270px;
 max-height: 270px;
 overflow: hidden;

}

.deity-visual__panel + .deity-visual__panel { 

 border-top: 1px solid var(--deity-line, var(--ew-border));

}

/* Match the JavaScript default panel state from the first paint. */ .deity-visual:not(.is-enhanced) .deity-visual__panel--appearance { 

 display: flex;
 align-items: center;
 justify-content: center;
 border-top: 0;

}

.deity-visual:not(.is-enhanced) .deity-visual__panel--symbol { 

 display: none !important;
 border-top: 0;

}

.deity-visual.is-enhanced .deity-visual__panel { 

 display: none;
 border-top: 0;

}

.deity-visual.is-enhanced .deity-visual__panel.is-active { 

 display: flex;
 align-items: center;
 justify-content: center;

}

.deity-visual__panel .mw-file-description, .deity-visual__panel .mw-file-element, .deity-visual__appearance, .deity-visual__symbol { 

 display: block;
 box-sizing: border-box;
 width: 100% !important;

}

.deity-visual__panel .mw-file-description { 

 height: 100%;

}

.deity-visual__appearance, .deity-visual__panel--appearance .mw-file-element { 

 height: 270px !important;
 object-fit: cover;
 object-position: 50% 18%;

}

.deity-visual__panel--symbol { 

 padding: 0;
 text-align: center;

}

.deity-visual__symbol, .deity-visual__panel--symbol .mw-file-element { 

 box-sizing: border-box;
 width: 100% !important;
 max-width: none !important;
 height: 270px !important;
 padding: 1rem;
 object-fit: contain;
 object-position: center;

}

.deity-record__row { 

 display: grid;
 grid-template-columns: minmax(105px, 0.9fr) minmax(0, 1.35fr);
 gap: 0.75rem;
 padding: 0.62rem 0.85rem;
 border-top: 1px solid var(--deity-line, var(--ew-border));

}

.deity-record__row span { 

 color: var(--deity-muted, #665f57);
 font-family: "Alegreya SC", Georgia, serif;
 font-weight: 700;

}

.deity-index { 

 margin: 0 0 2rem;
 overflow: hidden;
 border: 1px solid var(--deity-line, var(--ew-border));
 border-radius: 11px;
 background: linear-gradient(145deg, var(--deity-paper, var(--ew-paper-light)), var(--deity-paper-alt, var(--ew-paper)));

}

.deity-index__heading { 

 padding: 0.8rem 1rem 0.7rem;
 color: var(--deity-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.15rem;
 font-weight: 700;
 text-align: center;

}

.deity-index__grid { 

 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 1px;
 background: var(--deity-line, var(--ew-border));

}

.deity-index__grid > div { 

 min-width: 0;
 background: rgba(250, 247, 240, 0.96);

}

.deity-index__grid a { 

 display: block;
 min-height: 56px;
 padding: 0.72rem 0.85rem;
 color: inherit;
 text-decoration: none;

}

.deity-index__grid span, .deity-index__grid strong { 

 display: block;

}

.deity-index__grid span { 

 color: var(--deity-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 0.76rem;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;

}

.deity-index__grid strong { 

 margin-top: 0.12rem;
 font-size: 0.98rem;
 line-height: 1.2;

}

.deity-page__body h2 { 

 display: flex;
 gap: 0.75rem;
 align-items: center;
 margin: 2.35rem 0 1rem;
 border-bottom: 0;
 color: var(--deity-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.75rem;
 font-weight: 700;

}

.deity-page__body h2::after { 

 content: "";
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, var(--deity-accent, var(--ew-gold)), transparent);

}

.deity-page__body h3 { 

 color: var(--deity-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;

}

.deity-page__body a, .deity-record a { 

 color: var(--deity-link, var(--ew-link));

}

.deity-quote, .deity-note { 

 margin: 1.25rem 0;
 padding: 0.95rem 1.05rem;
 border: 1px solid var(--deity-line, var(--ew-border));
 border-left: 5px solid var(--deity-accent, var(--ew-gold));
 border-radius: 8px;
 background: linear-gradient(135deg, var(--deity-paper, var(--ew-paper-light)), var(--deity-paper-alt, var(--ew-paper)));

}

.deity-quote { 

 color: var(--deity-deep, var(--ew-dark-2));
 font-size: 1.08rem;
 font-style: italic;

}

.deity-quote__source { 

 display: block;
 margin-top: 0.35rem;
 color: var(--deity-muted, #665f57);
 font-size: 0.9rem;
 font-style: normal;
 text-align: right;

}

.deity-card-grid { 

 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 1rem;
 margin: 1rem 0 1.75rem;

}

.deity-card-grid--three { 

 grid-template-columns: repeat(3, minmax(0, 1fr));

}

.deity-card { 

 min-width: 0;
 padding: 1rem;
 border: 1px solid var(--deity-line, var(--ew-border));
 border-top: 4px solid var(--deity-accent, var(--ew-gold));
 border-radius: 9px;
 background: linear-gradient(145deg, var(--deity-paper, var(--ew-paper-light)), rgba(255, 255, 255, 0.52));
 box-shadow: 0 5px 14px rgba(49, 35, 25, 0.08);

}

.deity-card h3 { 

 margin: 0 0 0.35rem;
 font-size: 1.17rem;

}

.deity-card p { 

 margin: 0.35rem 0 0;

}

.deity-figure { 

 box-sizing: border-box;
 margin: 1.35rem 0 1.9rem;
 overflow: hidden;
 border: 1px solid var(--deity-line, var(--ew-border));
 border-radius: 10px;
 background: var(--deity-paper, var(--ew-paper-light));
 box-shadow: 0 8px 20px rgba(50, 33, 24, 0.14);

}

.deity-figure .mw-file-description, .deity-figure .mw-file-element, .deity-figure__image { 

 display: block;
 width: 100% !important;
 max-width: none !important;

}

.deity-figure .mw-file-element, .deity-figure__image { 

 height: clamp(220px, 28vw, 340px);
 object-fit: cover;

}

.deity-figure__caption { 

 padding: 0.65rem 0.9rem 0.72rem;
 color: var(--deity-muted, #665f57);
 background: linear-gradient(135deg, var(--deity-paper, var(--ew-paper-light)), var(--deity-paper-alt, var(--ew-paper)));
 font-size: 0.94rem;
 font-style: italic;
 line-height: 1.35;

}

@media (max-width: 1050px) { 

 .deity-card-grid--three {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }

}

@media (max-width: 900px) { 

 .deity-page {
   width: calc(100vw - var(--ew-sidebar) - 48px) !important;
 }

}

@media (max-width: 760px) { 

 .deity-overview,
 .deity-card-grid,
 .deity-card-grid--three,
 .deity-index__grid {
   grid-template-columns: 1fr;
 }

 .deity-record {
   width: min(100%, 580px);
   order: -1;
 }

 .deity-record__row {
   grid-template-columns: 1fr;
   gap: 0.15rem;
 }

 .deity-figure .mw-file-element,
 .deity-figure__image {
   height: 220px;
 }

}

@media (max-width: 700px) { 

 .deity-page {
   width: calc(100vw - 48px) !important;
 }

}

/* ========================================================= 

  FINAL SHARED HERO SCALE
  Nation, history, city and deity pages deliberately use one size.
  Keep this block last so older duplicate rules cannot win.
  ========================================================= */

.country-hero, .history-hero, .city-hero, .deity-hero { 

 box-sizing: border-box !important;
 height: clamp(240px, 22vw, 320px) !important;
 min-height: 240px !important;
 max-height: 320px !important;
 margin: 0 0 1.4rem !important;
 border-radius: 14px !important;

}

.country-hero .mw-file-description, .country-hero .mw-file-element, .country-hero__image, .history-hero .mw-file-description, .history-hero .mw-file-element, .history-hero__image, .city-hero .mw-file-description, .city-hero .mw-file-element, .city-hero__image, .deity-hero .mw-file-description, .deity-hero .mw-file-element, .deity-hero__image { 

 display: block !important;
 box-sizing: border-box !important;
 width: 100% !important;
 max-width: none !important;
 height: 100% !important;
 min-height: 0 !important;
 max-height: none !important;
 object-fit: cover !important;

}

.country-hero__overlay, .history-hero__overlay, .city-hero__overlay, .deity-hero__overlay { 

 padding: clamp(1.25rem, 3vw, 2.5rem) !important;

}

.country-hero__title, .history-hero__title, .city-hero__title, .deity-hero__title { 

 max-width: 900px !important;
 font-size: clamp(2.1rem, 4vw, 3.6rem) !important;
 line-height: 0.96 !important;

}

.country-hero__subtitle, .history-hero__subtitle, .city-hero__subtitle, .deity-hero__subtitle { 

 margin-top: 0.55rem !important;
 font-size: clamp(1rem, 2vw, 1.35rem) !important;

}

/* Missing files leave no blue filename inside the hero. */ .country-hero a.new, .history-hero a.new, .city-hero a.new, .deity-hero a.new { 

 display: none !important;

}

@media (max-width: 760px) { 

 .country-hero,
 .history-hero,
 .city-hero,
 .deity-hero {
   height: 250px !important;
   min-height: 250px !important;
   max-height: 250px !important;
   border-radius: 10px !important;
 }

 .country-hero__overlay,
 .history-hero__overlay,
 .city-hero__overlay,
 .deity-hero__overlay {
   padding: 1.25rem !important;
 }

}

/* ========================================================= 

  FLOWING RECORD LAYOUT
  Desktop record boxes behave like traditional wiki infoboxes: they float
  beside the article instead of forcing everything below their full height.
  ========================================================= */

@media (min-width: 951px) { 

 .country-overview,
 .history-overview,
 .city-overview {
   display: block !important;
   margin-bottom: 1.5rem !important;
 }

 .country-record,
 .history-record,
 .city-record {
   float: right !important;
   box-sizing: border-box !important;
   margin: 0 0 1.5rem 2rem !important;
 }

 .country-record,
 .history-record,
 .city-record {
   width: 340px !important;
   max-width: 34% !important;
 }

 .country-overview__lead,
 .history-overview__lead,
 .city-overview__lead {
   display: block !important;
   min-width: 0 !important;
 }

 .history-era-index,
 .city-index {
   min-width: 0;
   overflow: hidden;
 }

 .country-page::after,
 .history-page::after,
 .city-page::after {
   content: "";
   display: block;
   clear: both;
 }

}

/* ========================================================= 

  HISTORY AND CHRONOLOGY PORTALS — FULL CONTENT WIDTH
  The original general article rule caps parser output at 1180px. These are
  designed reference pages and should use the same available width as city,
  nation, national-history and deity layouts.
  ========================================================= */

body.page-Category_History_and_Timeline .mw-parser-output, body.page-History_and_Timeline .mw-parser-output, body.page-Chronology_of_Erindal .mw-parser-output, body.page-Calendar_of_Erindal .mw-parser-output, body.page-Death_Souls_and_Resurrection .mw-parser-output { 

 box-sizing: border-box !important;
 width: 100% !important;
 max-width: none !important;

}


@media (max-width: 950px) { 

 .country-overview,
 .history-overview,
 .city-overview {
   display: block !important;
 }

 .country-record,
 .history-record,
 .city-record {
   float: none !important;
   box-sizing: border-box !important;
   width: min(100%, 580px) !important;
   max-width: 100% !important;
   margin: 0 auto 1.5rem !important;
 }

}

/* ========================================================= 

  DEITY ARTICLE / INFOBOX LAYOUT — SINGLE FLOWING SYSTEM
  Desktop uses the same traditional infobox flow for every deity page.
  The Divine Record must occur before the prose it should wrap beside.
  This is source structure, not deity-specific CSS.
  ========================================================= */

@media (min-width: 951px) { 

 .deity-overview,
 .deity-article-layout {
   display: block !important;
   margin-bottom: 1.5rem !important;
 }

 /* Legacy/current deity pages where the record sits directly in the overview. */
 .deity-overview .deity-record {
   float: right !important;
   box-sizing: border-box !important;
   width: 370px !important;
   max-width: 34% !important;
   margin: 0 0 1.5rem 2rem !important;
 }

 /* New deity-page structure: rail first in source, then main. */
 .deity-article-layout__rail {
   float: right !important;
   box-sizing: border-box !important;
   width: 370px !important;
   max-width: 34% !important;
   margin: 0 0 1.5rem 2rem !important;
 }

 .deity-article-layout__rail .deity-record {
   float: none !important;
   width: 100% !important;
   max-width: none !important;
   margin: 0 !important;
 }

 .deity-overview__lead,
 .deity-article-layout__main,
 .deity-page__body {
   display: block !important;
   min-width: 0 !important;
 }

 .deity-index {
   min-width: 0 !important;
   overflow: hidden !important;
 }

 .deity-article-layout .deity-index {
   margin: 0 0 1.5rem !important;
 }

 .deity-article-layout__main .toc,
 .deity-article-layout__main #toc {
   float: none !important;
   box-sizing: border-box !important;
   width: min(100%, 300px) !important;
   max-width: 100% !important;
   margin: 0 0 1.5rem !important;
 }

 /* Never force article sections below a tall Divine Record on desktop. */
 .deity-page > .deity-page__body {
   display: block !important;
   clear: none !important;
   box-sizing: border-box !important;
   width: auto !important;
   max-width: none !important;
   min-width: 0 !important;
 }

 .deity-page::after {
   content: "";
   display: block;
   clear: both;
 }

}

@media (max-width: 950px) { 

 .deity-overview,
 .deity-article-layout {
   display: grid !important;
   grid-template-columns: minmax(0, 1fr) !important;
   gap: 1.5rem !important;
 }

 .deity-overview .deity-record,
 .deity-article-layout__rail,
 .deity-article-layout__rail .deity-record {
   float: none !important;
   box-sizing: border-box !important;
   width: min(100%, 580px) !important;
   max-width: 100% !important;
   margin: 0 auto !important;
 }

 .deity-article-layout__rail {
   grid-column: 1 !important;
   grid-row: 1 !important;
 }

 .deity-article-layout__main {
   grid-column: 1 !important;
   grid-row: 2 !important;
   min-width: 0 !important;
 }

 .deity-page > .deity-page__body {
   display: block !important;
   clear: both !important;
   box-sizing: border-box !important;
   width: 100% !important;
   max-width: none !important;
   min-width: 0 !important;
 }

}

/* Centred, unmistakable appearance/symbol selector. */ .deity-record .deity-visual__tabs { 

 display: grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 align-items: stretch !important;
 box-sizing: border-box !important;
 width: 100% !important;
 min-height: 52px !important;
 padding: 4px !important;
 border-bottom: 1px solid var(--deity-line, var(--ew-border)) !important;
 background: var(--deity-tabs-bg, var(--ew-paper)) !important;

}

.deity-record .deity-visual__tabs .deity-visual__tab { 

 display: grid !important;
 place-items: center !important;
 box-sizing: border-box !important;
 width: 100% !important;
 max-width: none !important;
 min-width: 0 !important;
 min-height: 44px !important;
 padding: 0.55rem 0.45rem !important;
 overflow: visible !important;
 color: var(--deity-tab-text, var(--ew-ink)) !important;
 border: 1px solid transparent !important;
 border-radius: 6px !important;
 background: transparent !important;
 font-family: "Alegreya SC", Georgia, serif !important;
 font-size: 0.88rem !important;
 font-weight: 700 !important;
 line-height: 1.1 !important;
 text-align: center !important;
 white-space: nowrap !important;
 text-overflow: clip !important;
 box-shadow: none !important;
 cursor: pointer !important;

}

.deity-record .deity-visual__tabs .deity-visual__tab + .deity-visual__tab { 

 border-left-color: var(--deity-line, var(--ew-border)) !important;

}

.deity-record .deity-visual__tabs .deity-visual__tab:hover, .deity-record .deity-visual__tabs .deity-visual__tab:focus-visible { 

 color: var(--deity-deep, var(--ew-dark-2)) !important;
 border-color: var(--deity-accent, var(--ew-gold)) !important;
 background: rgba(255, 250, 241, 0.68) !important;
 outline: 2px solid transparent !important;

}

/* Divine Appearance is the default visible panel, so its button starts 

  visually active before Common.js runs. */

.deity-record .deity-visual:not(.is-enhanced) .deity-visual__tabs .deity-visual__tab:first-child, .deity-record .deity-visual__tabs .deity-visual__tab.is-active, .deity-record .deity-visual__tabs .deity-visual__tab[aria-selected="true"] { 

 color: var(--deity-tab-active-text, #fffaf2) !important;
 border-color: var(--deity-tab-active-border, var(--ew-gold)) !important;
 background: linear-gradient(180deg, var(--deity-tab-active-top, var(--ew-dark-2)) 0%, var(--deity-tab-active-bottom, var(--ew-dark-1)) 100%) !important;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 2px 5px rgba(54, 27, 17, 0.28) !important;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.42) !important;

}

/* ========================================================= 

  ERINDAL ARTICLE SYSTEM: ORGANIZATIONS, CHARACTERS AND MAGIC
  Shared structure only. Each article defines its own palette on .wiki-page.
  ========================================================= */

.wiki-page { 

 box-sizing: border-box;
 width: calc(100vw - var(--ew-sidebar) - 84px) !important;
 max-width: none !important;
 color: var(--wiki-ink, var(--ew-ink));
 font-family: "Alegreya", Georgia, serif;
 line-height: 1.62;

}



.wiki-hero { 

 position: relative;
 box-sizing: border-box !important;
 height: clamp(240px, 22vw, 320px) !important;
 min-height: 240px !important;
 max-height: 320px !important;
 margin: 0 0 1.4rem !important;
 overflow: hidden;
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 14px !important;
 background: var(--wiki-deep, var(--ew-dark-2));
 box-shadow: 0 12px 30px rgba(25, 20, 17, 0.19);

}

.wiki-hero .mw-file-description, .wiki-hero .mw-file-element, .wiki-hero__image { 

 display: block !important;
 box-sizing: border-box !important;
 width: 100% !important;
 max-width: none !important;
 height: 100% !important;
 min-height: 0 !important;
 max-height: none !important;
 object-fit: cover !important;

}

.wiki-hero a.new { 

 display: none !important;

}

.wiki-hero__overlay { 

 position: absolute;
 inset: 0;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 padding: clamp(1.25rem, 3vw, 2.5rem) !important;
 color: #fffaf2;
 background:
   linear-gradient(180deg, rgba(12, 16, 20, 0.03) 18%, rgba(10, 13, 16, 0.9) 100%),
   linear-gradient(90deg, rgba(9, 13, 16, 0.66), transparent 70%);
 pointer-events: none;

}

.wiki-hero__eyebrow { 

 margin-bottom: 0.25rem;
 color: #efc078;
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 0.85rem;
 font-weight: 700;
 letter-spacing: 0.16em;
 text-transform: uppercase;

}

.wiki-hero__title { 

 max-width: 900px !important;
 font-family: "Alegreya SC", Georgia, serif;
 font-size: clamp(2.1rem, 4vw, 3.6rem) !important;
 font-weight: 700;
 line-height: 0.96 !important;
 text-shadow: 0 3px 16px rgba(0, 0, 0, 0.72);

}

.wiki-hero__subtitle { 

 margin-top: 0.55rem !important;
 color: #e9dfd0;
 font-size: clamp(1rem, 2vw, 1.35rem) !important;
 font-style: italic;

}

.wiki-article-layout { 

 display: grid;
 grid-template-columns: minmax(0, 1fr) 370px;
 gap: 2rem;
 align-items: start;

}

.wiki-article-layout__main, .wiki-article-layout__rail, .wiki-page__body { 

 min-width: 0;

}

.wiki-lead { 

 margin-bottom: 1.35rem;
 font-size: 1.08rem;

}

.wiki-lead > p:first-child::first-letter { 

 float: left;
 margin: 0.08em 0.1em 0 0;
 color: var(--wiki-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 3.7em;
 font-weight: 700;
 line-height: 0.78;

}

.wiki-record { 

 overflow: hidden;
 border: 1px solid var(--wiki-line, var(--ew-border));
 border-radius: 12px;
 background: var(--wiki-paper, var(--ew-paper-light));
 box-shadow: 0 10px 22px rgba(38, 32, 28, 0.13);

}

.wiki-record__title { 

 padding: 0.85rem 1rem;
 color: #fff8ee;
 background: linear-gradient(135deg, var(--wiki-deep, var(--ew-dark-2)), var(--wiki-accent, var(--ew-gold)));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.25rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 text-align: center;

}

.wiki-record__image { 

 display: flex;
 align-items: center;
 justify-content: center;
 box-sizing: border-box;
 height: 285px;
 padding: 0.8rem;
 overflow: hidden;
 border-bottom: 1px solid var(--wiki-line, var(--ew-border));
 background: linear-gradient(145deg, var(--wiki-paper-alt, var(--ew-paper)), var(--wiki-paper, var(--ew-paper-light)));

}

.wiki-record__image--portrait { 

 box-sizing: border-box;
 height: 270px;
 min-height: 270px;
 max-height: 270px;
 padding: 0;
 overflow: hidden;
 background: var(--wiki-paper, var(--ew-paper-light));

}

.wiki-record__image .mw-file-description { 

 display: block;
 width: 100%;
 height: 100%;

}

.wiki-record__image .mw-file-element { 

 display: block;
 width: 100% !important;
 max-width: none !important;
 height: 100% !important;
 object-fit: contain;
 object-position: center;

}

/* Character portraits use the normal MediaWiki infobox behaviour: 

  show the whole image at the record width, preserve its aspect ratio,
  and leave the file link intact so clicking opens the MediaWiki file page
  where the original/full-resolution image is available. */

.wiki-record__image--portrait .mw-file-description { 

 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 box-sizing: border-box;
 width: 100% !important;
 height: 270px !important;

}

.wiki-record__image--portrait .mw-file-element { 

 display: block !important;
 width: auto !important;
 max-width: 100% !important;
 height: 270px !important;
 max-height: 270px !important;
 object-fit: contain !important;
 object-position: center !important;
 margin: 0 auto !important;

}

/* Organization heraldry uses a compact, deity-style display: 

  the whole emblem is scaled down inside a fixed frame, stays clickable,
  and opens through MediaWiki's normal file link when selected. */

.wiki-record__image--emblem { 

 box-sizing: border-box;
 width: 100%;
 height: 270px;
 min-height: 270px;
 max-height: 270px;
 padding: 0;
 overflow: hidden;
 background: var(--wiki-paper, var(--ew-paper-light));

}

.wiki-record__image--emblem .mw-file-description { 

 display: block !important;
 box-sizing: border-box;
 width: 100% !important;
 height: 100% !important;

}

/* Same fitting model as the deity Holy Symbol panel: 

  the image element fills the record-width frame, while object-fit: contain
  scales the actual emblem down inside it instead of sizing the element from
  the emblem's height. */

.wiki-record__image--emblem .mw-file-element { 

 display: block !important;
 box-sizing: border-box !important;
 width: 100% !important;
 max-width: none !important;
 height: 270px !important;
 max-height: 270px !important;
 padding: 1rem !important;
 object-fit: contain !important;
 object-position: center !important;
 margin: 0 !important;

}

/* MediaWiki adds wrapper elements around File:.... Target the image 

  itself as the final authority so wrapper intrinsic sizing cannot enlarge
  or crop organization emblems. */

.wiki-record__emblem-image { 

 display: block !important;
 box-sizing: border-box !important;
 width: 100% !important;
 max-width: 100% !important;
 height: 270px !important;
 max-height: 270px !important;
 padding: 1rem !important;
 object-fit: contain !important;
 object-position: center !important;
 margin: 0 auto !important;

}

.wiki-record__image a.new { 

 display: flex !important;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100%;
 color: var(--wiki-muted, #6f665d) !important;
 font-style: italic;
 text-align: center;

}

.wiki-record__rows > div { 

 display: grid;
 grid-template-columns: minmax(110px, 0.9fr) minmax(0, 1.35fr);
 gap: 0.75rem;
 padding: 0.65rem 0.85rem;
 border-top: 1px solid var(--wiki-line, var(--ew-border));

}

.wiki-record__rows > div:first-child { 

 border-top: 0;

}

.wiki-record__rows span { 

 color: var(--wiki-muted, #6f665d);
 font-family: "Alegreya SC", Georgia, serif;
 font-weight: 700;

}

.wiki-record__rows strong { 

 min-width: 0;
 overflow-wrap: anywhere;

}

.wiki-record a, .wiki-page a { 

 color: #174f72;

}

.wiki-index { 

 margin: 0 0 1.5rem;
 overflow: hidden;
 border: 1px solid var(--wiki-line, var(--ew-border));
 border-radius: 11px;
 background: linear-gradient(145deg, var(--wiki-paper, var(--ew-paper-light)), var(--wiki-paper-alt, var(--ew-paper)));

}

.wiki-index__heading { 

 padding: 0.8rem 1rem 0.7rem;
 color: var(--wiki-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.15rem;
 font-weight: 700;
 text-align: center;

}

.wiki-index__grid { 

 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 1px;
 background: var(--wiki-line, var(--ew-border));

}

.wiki-index__grid > div { 

 min-width: 0;
 background: rgba(250, 247, 240, 0.96);

}

.wiki-index__grid a { 

 display: block;
 min-height: 56px;
 padding: 0.72rem 0.85rem;
 color: inherit;
 text-decoration: none;

}

.wiki-index__grid span, .wiki-index__grid strong { 

 display: block;

}

.wiki-index__grid span { 

 color: var(--wiki-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 0.76rem;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;

}

.wiki-index__grid strong { 

 margin-top: 0.12rem;
 font-size: 0.98rem;
 line-height: 1.2;

}

.wiki-article-layout__main .toc, .wiki-article-layout__main #toc { 

 float: none !important;
 box-sizing: border-box !important;
 width: min(100%, 300px) !important;
 max-width: 100% !important;
 margin: 0 0 1.5rem !important;

}

.wiki-page > .wiki-page__body { 

 display: block;
 clear: both;
 box-sizing: border-box;
 width: 100%;
 max-width: none;
 min-width: 0;

}

.wiki-page__body h2 { 

 display: flex;
 gap: 0.75rem;
 align-items: center;
 margin: 2.35rem 0 1rem;
 border-bottom: 0;
 color: var(--wiki-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;
 font-size: 1.75rem;
 font-weight: 700;

}

.wiki-page__body h2::after { 

 content: "";
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, var(--wiki-accent, var(--ew-gold)), transparent);

}

.wiki-page__body h3 { 

 color: var(--wiki-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;

}

.wiki-card-grid { 

 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 1rem;
 margin: 1rem 0 1.75rem;

}

.wiki-card-grid--three { 

 grid-template-columns: repeat(3, minmax(0, 1fr));

}

.wiki-card { 

 min-width: 0;
 padding: 1rem;
 border: 1px solid var(--wiki-line, var(--ew-border));
 border-top: 4px solid var(--wiki-accent, var(--ew-gold));
 border-radius: 9px;
 background: linear-gradient(145deg, var(--wiki-paper, var(--ew-paper-light)), rgba(255, 255, 255, 0.55));
 box-shadow: 0 5px 14px rgba(45, 38, 32, 0.08);

}

.wiki-card h3 { 

 margin: 0 0 0.35rem;
 font-size: 1.17rem;

}

.wiki-card p { 

 margin: 0.35rem 0 0;

}

.wiki-process { 

 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 1rem;
 margin: 1rem 0 1.75rem;
 counter-reset: none;

}

.wiki-process > div { 

 position: relative;
 min-width: 0;
 padding: 1.1rem;
 border: 1px solid var(--wiki-line, var(--ew-border));
 border-radius: 9px;
 background: linear-gradient(145deg, var(--wiki-paper, var(--ew-paper-light)), rgba(255, 255, 255, 0.55));

}

.wiki-process > div > span { 

 display: grid;
 place-items: center;
 width: 2rem;
 height: 2rem;
 margin-bottom: 0.55rem;
 color: white;
 border-radius: 50%;
 background: var(--wiki-accent, var(--ew-gold));
 font-family: "Alegreya SC", Georgia, serif;
 font-weight: 700;

}

.wiki-process h3 { 

 margin: 0 0 0.3rem;

}

.wiki-process p { 

 margin: 0;

}

.wiki-figure { 

 box-sizing: border-box;
 margin: 1.35rem 0 1.9rem;
 overflow: hidden;
 border: 1px solid var(--wiki-line, var(--ew-border));
 border-radius: 10px;
 background: var(--wiki-paper, var(--ew-paper-light));
 box-shadow: 0 8px 20px rgba(40, 34, 30, 0.14);

}

.wiki-figure .mw-file-description, .wiki-figure .mw-file-element { 

 display: block;
 width: 100% !important;
 max-width: none !important;

}

.wiki-figure .mw-file-element { 

 height: clamp(220px, 31vw, 430px);
 object-fit: cover;

}

.wiki-figure__caption { 

 padding: 0.65rem 0.9rem 0.72rem;
 color: var(--wiki-muted, #6f665d);
 background: linear-gradient(135deg, var(--wiki-paper, var(--ew-paper-light)), var(--wiki-paper-alt, var(--ew-paper)));
 font-size: 0.94rem;
 font-style: italic;
 line-height: 1.35;

}

.wiki-quote { 

 margin: 1.25rem 0;
 padding: 0.95rem 1.05rem;
 border: 1px solid var(--wiki-line, var(--ew-border));
 border-left: 5px solid var(--wiki-accent, var(--ew-gold));
 border-radius: 8px;
 background: linear-gradient(135deg, var(--wiki-paper, var(--ew-paper-light)), var(--wiki-paper-alt, var(--ew-paper)));
 color: var(--wiki-deep, var(--ew-dark-2));
 font-size: 1.08rem;
 font-style: italic;

}

.wiki-quote p { 

 margin: 0;

}

.wiki-quote cite { 

 display: block;
 margin-top: 0.35rem;
 color: var(--wiki-muted, #6f665d);
 font-size: 0.9rem;
 font-style: normal;
 text-align: right;

}

.wiki-table { 

 width: 100%;
 margin: 1rem 0 1.6rem;
 border-collapse: collapse;
 background: rgba(248, 245, 238, 0.86);

}

.wiki-table th { 

 color: #fff8ee;
 background: var(--wiki-deep, var(--ew-dark-2));
 font-family: "Alegreya SC", Georgia, serif;
 text-align: left;

}

.wiki-table th, .wiki-table td { 

 padding: 0.65rem 0.75rem;
 border: 1px solid var(--wiki-line, var(--ew-border));
 vertical-align: top;

}

@media (max-width: 1050px) { 

 .wiki-card-grid--three,
 .wiki-index__grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }

}

@media (max-width: 950px) { 

 .wiki-article-layout {
   grid-template-columns: minmax(0, 1fr);
   gap: 1.5rem;
 }

 .wiki-article-layout__rail {
   grid-column: 1;
   grid-row: 1;
 }

 .wiki-article-layout__main {
   grid-column: 1;
   grid-row: 2;
 }

 .wiki-article-layout__rail .wiki-record {
   width: min(100%, 580px);
   margin: 0 auto;
 }

 .wiki-page {
   width: calc(100vw - var(--ew-sidebar) - 48px) !important;
 }

}

@media (max-width: 760px) { 

 .wiki-hero {
   height: 250px !important;
   min-height: 250px !important;
   max-height: 250px !important;
   border-radius: 10px !important;
 }

 .wiki-hero__overlay {
   padding: 1.25rem !important;
 }

 .wiki-index__grid,
 .wiki-card-grid,
 .wiki-card-grid--three,
 .wiki-process {
   grid-template-columns: 1fr;
 }

 .wiki-record__rows > div {
   grid-template-columns: 1fr;
   gap: 0.15rem;
 }

 .wiki-table {
   display: block;
   overflow-x: auto;
 }

}

@media (max-width: 700px) { 

 .wiki-page {
   width: calc(100vw - 48px) !important;
 }

}

/* Desktop records use traditional wiki flow. The record is first in the 

  source, floats at the top-right and article text continues beside it until
  the record ends. This prevents both a blank wall and a record postponed to
  the bottom of a long page. */

@media (min-width: 951px) { 

 .wiki-article-layout {
   display: block;
 }

 .wiki-article-layout__rail {
   float: right;
   box-sizing: border-box;
   width: 370px;
   max-width: 34%;
   margin: 0 0 1.5rem 2rem;
 }

 .wiki-article-layout__main {
   display: block;
   min-width: 0;
 }

 .wiki-page__body {
   clear: none !important;
 }

 .wiki-page::after {
   content: "";
   display: block;
   clear: both;
 }

}


/* ======================================================================== 

  END ERINDAL WIKI COMMON.CSS v6.0
  ======================================================================== */
Retrieved from "https://erindal.com/mediawiki/index.php?title=Order_of_the_Holy_Flame&oldid=196"