/* =========================================================
ERINDAL SHARED WIKI ARTICLE SYSTEM
Shared by organization, character and magic pages.
Each article defines its own light palette on .wiki-page.
MediaWiki 1.43 TemplateStyles-safe.
========================================================= */
.wiki-page {
color: var(--wiki-ink, var(--ew-ink));
color: var(--ew-component-text, var(--wiki-ink));
}
.wiki-hero {
background: var(--wiki-deep, var(--ew-dark-2));
box-shadow: 0 12px 30px var(--ew-component-shadow, rgba(25, 20, 17, 0.19));
}
.wiki-hero__overlay {
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%);
}
.wiki-hero__eyebrow {
color: #efc078;
text-transform: uppercase;
}
.wiki-hero__subtitle {
color: #e9dfd0;
}
.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 {
color: var(--wiki-ink, var(--ew-ink));
color: var(--ew-component-text, var(--wiki-ink));
border: 1px solid var(--wiki-line, var(--ew-border));
border: 1px solid var(--ew-component-border, var(--wiki-line));
background: var(--wiki-paper, var(--ew-paper-light));
background: var(--ew-component-surface, var(--wiki-paper));
box-shadow: 0 10px 22px var(--ew-component-shadow, rgba(38, 32, 28, 0.13));
}
.wiki-record__title {
padding: 0.85rem 1rem;
color: #fff8ee;
background: var(--wiki-deep, var(--ew-dark-2));
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));
border-bottom: 1px solid var(--ew-component-border, var(--wiki-line));
background: var(--wiki-paper-alt, var(--ew-paper));
background: var(--ew-component-surface-alt, var(--wiki-paper-alt));
}
.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;
}
.wiki-record__image a.new {
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: var(--ew-component-muted, 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));
border-top: 1px solid var(--ew-component-border, var(--wiki-line));
}
.wiki-record__rows > div:first-child {
border-top: 0;
}
.wiki-record__rows span {
color: var(--ew-component-muted, 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: var(--ew-component-link, #174f72);
}
.wiki-index {
margin: 0 0 1.5rem;
overflow: hidden;
border: 1px solid var(--wiki-line, var(--ew-border));
border: 1px solid var(--ew-component-border, var(--wiki-line));
border-radius: 11px;
background: var(--wiki-paper, var(--ew-paper-light));
background: var(--ew-component-surface, var(--wiki-paper));
}
.wiki-index__heading {
padding: 0.8rem 1rem 0.7rem;
color: var(--wiki-deep, var(--ew-dark-2));
color: var(--ew-component-heading, var(--wiki-deep));
font-size: 1.15rem;
}
.wiki-index__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px;
background: var(--wiki-line, var(--ew-border));
background: var(--ew-component-border, var(--wiki-line));
}
.wiki-index__grid > div {
background: var(--ew-component-card, rgba(250, 247, 240, 0.96));
}
.wiki-index__grid a {
min-height: 56px;
padding: 0.72rem 0.85rem;
color: inherit;
}
.wiki-index__grid span {
color: var(--wiki-accent, var(--ew-gold));
color: var(--ew-component-accent, var(--wiki-accent));
}
.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));
color: var(--ew-component-heading, var(--wiki-deep));
font-size: 1.75rem;
}
.wiki-page__body h2::after {
background: var(--wiki-accent, var(--ew-gold));
opacity: 0.55;
}
.wiki-page__body h3 {
color: var(--wiki-accent, var(--ew-gold));
color: var(--ew-component-accent, var(--wiki-accent));
font-family: "Alegreya SC", Georgia, serif;
}
.wiki-card {
color: var(--wiki-ink, var(--ew-ink));
color: var(--ew-component-text, var(--wiki-ink));
border: 1px solid var(--wiki-line, var(--ew-border));
border: 1px solid var(--ew-component-border, var(--wiki-line));
border-top: 4px solid var(--wiki-accent, var(--ew-gold));
background: var(--wiki-paper, var(--ew-paper-light));
background: var(--ew-component-surface, var(--wiki-paper));
box-shadow: 0 5px 14px var(--ew-component-shadow, rgba(45, 38, 32, 0.08));
}
.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;
color: var(--wiki-ink, var(--ew-ink));
color: var(--ew-component-text, var(--wiki-ink));
border: 1px solid var(--wiki-line, var(--ew-border));
border: 1px solid var(--ew-component-border, var(--wiki-line));
border-radius: 9px;
background: var(--wiki-paper, var(--ew-paper-light));
background: var(--ew-component-surface, var(--wiki-paper));
}
.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 {
border: 1px solid var(--wiki-line, var(--ew-border));
border: 1px solid var(--ew-component-border, var(--wiki-line));
background: var(--wiki-paper, var(--ew-paper-light));
background: var(--ew-component-surface, var(--wiki-paper));
box-shadow: 0 8px 20px var(--ew-component-shadow, 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 {
color: var(--ew-component-muted, var(--wiki-muted, #6f665d));
background: var(--wiki-paper, var(--ew-paper-light));
background: var(--ew-component-surface, var(--wiki-paper));
}
.wiki-quote {
margin: 1.25rem 0;
padding: 0.95rem 1.05rem;
color: var(--wiki-deep, var(--ew-dark-2));
color: var(--ew-component-heading, var(--wiki-deep));
border: 1px solid var(--wiki-line, var(--ew-border));
border: 1px solid var(--ew-component-border, var(--wiki-line));
border-left: 5px solid var(--wiki-accent, var(--ew-gold));
border-radius: 8px;
background: var(--wiki-paper, var(--ew-paper-light));
background: var(--ew-component-surface, var(--wiki-paper));
}
.wiki-quote p {
margin: 0;
}
.wiki-quote cite {
display: block;
margin-top: 0.35rem;
color: var(--ew-component-muted, var(--wiki-muted, #6f665d));
font-size: 0.9rem;
font-style: normal;
text-align: right;
}
.wiki-table {
width: 100%;
margin: 1rem 0 1.6rem;
color: var(--wiki-ink, var(--ew-ink));
color: var(--ew-component-text, var(--wiki-ink));
border-collapse: collapse;
background: var(--ew-component-surface, 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));
border: 1px solid var(--ew-component-border, var(--wiki-line));
vertical-align: top;
}
@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-table {
display: block;
overflow-x: auto;
}
}
/* Desktop records use traditional wiki flow. The record is first in the
source, floats at the top-right and article text continues beside it. */
@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;
}
}