MediaWiki:Common.css: Difference between revisions

Help

Revision as of 22:01, 29 July 2026

/* ==========================================================
   THE VAULT @ THE E.E.R.I.E. FILES
   MediaWiki:Common.css

   SECTION 1 — FOUNDATION
   ========================================================== */


/* ---------- FONTS ---------- */

@import url(https://fonts.googleapis.com/css2?family=Bungee&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);


/* ---------- VAULT COLOUR SYSTEM ---------- */

:root {

    --void:#0a0714;
    --panel:#160f2b;
    --panel-edge:#2a1c4a;

    --acid:#a6ff3f;
    --violet:#b34aff;
    --cream:#f2ecd9;
    --amber:#ffcf4d;

    --muted:#9d8fc2;

}


/* ==========================================================
   BASE PAGE
   ========================================================== */

body {
    background-color: var(--void) !important;
    color: var(--cream) !important;
    font-family: 'Space Grotesk', sans-serif !important;
}


#content,
.mw-body,
#bodyContent {

    background-color: var(--void) !important;
    color: var(--cream) !important;
    border: none !important;

}


/* ==========================================================
   HEADINGS
   ========================================================== */

h1,
h2,
h3,
h4,
.firstHeading,
.mw-first-heading {

    font-family: 'Bungee', system-ui, sans-serif !important;
    color: var(--cream) !important;
    text-shadow: 0 0 16px rgba(166,255,63,0.25);
    letter-spacing: 0.02em;

}


h1.firstHeading,
.mw-first-heading {

    border-bottom: 2px solid var(--panel-edge) !important;
    padding-bottom: .5rem;

}


h2 {

    border-bottom: 1px solid var(--panel-edge) !important;
    color: var(--violet) !important;
    text-shadow: none;
    margin-top: 1.8rem;

}


/* ==========================================================
   LINKS
   ========================================================== */

a {

    color: #8fd9ff;

}


a:visited {

    color: var(--muted);

}


a:hover {

    color: var(--acid) !important;

}


a.new {

    color: #ff6161 !important;

}


/* ==========================================================
   TABLES
   ========================================================== */

table.wikitable {

    background-color: var(--panel) !important;
    color: var(--cream) !important;
    border: 1px solid var(--panel-edge) !important;

}


table.wikitable > tr > th,
table.wikitable > * > tr > th {

    background-color: var(--panel-edge) !important;
    color: var(--acid) !important;

    font-family: 'JetBrains Mono', monospace !important;

    letter-spacing: 0.04em;

}


table.wikitable > tr > td,
table.wikitable > * > tr > td {

    border-color: var(--panel-edge) !important;

}


/* ==========================================================
   ARTICLE BODY COLOUR FIXES
   ========================================================== */

.mw-parser-output,
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output dd,
.mw-parser-output dt,
.mw-parser-output blockquote,
.mw-parser-output td,
.mw-parser-output th,
.mw-parser-output caption,
#mw-content-text {

    color: var(--cream) !important;

}


.mw-parser-output a {

    color: #8fd9ff !important;

}


.mw-parser-output a:visited {

    color: var(--muted) !important;

}


.mw-parser-output a:hover {

    color: var(--acid) !important;

}


.mw-parser-output a.new {

    color: #ff6161 !important;

}


.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4 {

    color: var(--cream) !important;

}


.mw-parser-output h2 {

    color: var(--violet) !important;

}


/* ==========================================================
   CATEGORY FOOTER
   ========================================================== */

#catlinks,
.catlinks {

    background-color: var(--panel) !important;

    border: 1px solid var(--panel-edge) !important;

    color: var(--muted) !important;

}


#catlinks a,
.catlinks a {

    color: var(--violet) !important;

}



/* ==========================================================
   THE VAULT — CUSTOM COMPONENTS

   SECTION 2 — VAULT UI ELEMENTS
   ========================================================== */


/* ==========================================================
   HERO / LANDING COMPONENTS
   ========================================================== */

.vault-hero {

    text-align: center;

    padding: 2rem 1rem;

    border: 1px solid var(--panel-edge);

    border-radius: 10px;

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(179,74,255,0.15) 0%,
            var(--panel) 70%
        );

    margin-bottom: 1.8rem;

}


.vault-hero .vault-title {

    font-family: 'Bungee', system-ui, sans-serif;

    font-size: 2.2rem;

    color: var(--cream);

    text-shadow:
        0 0 20px rgba(166,255,63,0.4);

    margin: 0;

}


.vault-hero .vault-title span {

    color: var(--acid);

}


.vault-hero .vault-tagline {

    font-family: 'JetBrains Mono', monospace;

    font-size: 0.75rem;

    letter-spacing: 0.2em;

    text-transform: uppercase;

    color: var(--muted);

    margin-top: .6rem;

}


/* ==========================================================
   PORTAL / FEATURE CARDS
   ========================================================== */

.vault-portal-grid,
.vault-case-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

    gap: 1rem;

    margin: 1.5rem 0;

}


.vault-portal-card,
.vault-case-card {

    background: var(--panel);

    border: 1px solid var(--panel-edge);

    border-radius: 8px;

    padding: 1.3rem;

    text-decoration: none !important;

    display: block;

    transition: .2s;

}


.vault-portal-card:hover,
.vault-case-card:hover {

    border-color: var(--acid);

    transform: translateY(-3px);

}


.vault-portal-card .icon {

    font-size: 1.6rem;

}


.vault-portal-card .label,
.vault-case-card-title {

    font-family: 'Bungee', system-ui, sans-serif;

    color: var(--acid) !important;

}


.vault-portal-card .desc,
.vault-case-card-excerpt {

    font-size: .82rem;

    color: var(--muted) !important;

    line-height: 1.5;

}


.vault-case-card-title {

    font-size: 1.05rem;

    color: var(--cream) !important;

}


/* ==========================================================
   FEATURE / DID YOU KNOW / NOTICE BOXES
   ========================================================== */

.vault-featured,
.vault-dyk,
.vault-notice {

    background: var(--panel);

    border: 1px solid var(--panel-edge);

    border-radius: 6px;

    padding: 1.4rem 1.6rem;

    margin: 1.5rem 0;

}


.vault-featured {

    border-left: 4px solid var(--acid);

}


.vault-featured .vault-eyebrow,
.vault-notice-header {

    font-family: 'JetBrains Mono', monospace;

    font-size: .68rem;

    letter-spacing: .16em;

    text-transform: uppercase;

    color: var(--amber);

}


.vault-featured-title {

    font-family: 'Bungee', system-ui, sans-serif;

    font-size: 1.3rem;

    color: var(--cream);

}


.vault-dyk ul {

    margin: .4rem 0 0 1.2rem;

}


.vault-dyk li {

    margin-bottom: .5rem;

    color: var(--cream);

}


.vault-notice {

    border-left: 4px solid var(--amber);

}


.vault-notice-body {

    color: var(--cream);

    opacity: .9;

}


/* ==========================================================
   INFOBOX
   ========================================================== */

.vault-infobox {

    float: right;

    width: 280px;

    margin: 0 0 1rem 1.5rem;

    background: var(--panel);

    border: 1px solid var(--panel-edge);

    border-radius: 6px;

    overflow: hidden;

}


.vault-infobox-header {

    background: var(--panel-edge);

    font-family: 'Bungee', system-ui, sans-serif;

    font-size: .9rem;

    text-align: center;

    padding: .7rem;

    color: var(--acid);

}


.vault-infobox-image {

    text-align: center;

}


.vault-infobox-image img {

    max-width: 100%;

    height: auto;

}


.vault-infobox-caption {

    font-size: .75rem;

    color: var(--muted);

    padding: .5rem;

}


.vault-infobox-row {

    display: grid;

    grid-template-columns: 95px 1fr;

    gap: .5rem;

    padding: .5rem .8rem;

    border-top: 1px solid var(--panel-edge);

    font-size: .8rem;

}


.vault-infobox-k {

    font-family: 'JetBrains Mono', monospace;

    color: var(--muted);

    font-size: .66rem;

    letter-spacing: .03em;

}


.vault-infobox-v {

    color: var(--cream);

}


.vault-infobox-status {

    color: var(--acid);

    font-weight: bold;

}


/* ==========================================================
   VAULT ASSESSMENT (FULL WIDTH)
   ========================================================== */

.vault-assessment {

    width: 100%;

    margin: 1.5rem 0;

    background: var(--panel);

    border: 1px solid var(--panel-edge);

    border-radius: 8px;

    overflow: hidden;

}


.vault-assessment-header {

    background: var(--panel-edge);

    font-family: 'Bungee', system-ui, sans-serif;

    font-size: .95rem;

    text-align: center;

    padding: .8rem;

    color: var(--acid);

    letter-spacing: .04em;

}


.vault-assessment-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

}


.vault-assessment-item {

    padding: .9rem 1rem;

    border-top: 1px solid var(--panel-edge);

}


.vault-assessment-label {

    font-family: 'JetBrains Mono', monospace;

    font-size: .68rem;

    letter-spacing: .06em;

    text-transform: uppercase;

    color: var(--muted);

    margin-bottom: .35rem;

}


.vault-assessment-value {

    color: var(--cream);

    font-size: .9rem;

    line-height: 1.45;

}


.vault-assessment-status {

    color: var(--acid);

    font-weight: bold;

}


/* Assessment categories */

.vault-assessment-cryptid .vault-assessment-header {

    background:#355834;

}


.vault-assessment-ufo .vault-assessment-header {

    background:#1d3f73;

}


.vault-assessment-haunting .vault-assessment-header {

    background:#5b3b70;

}


.vault-assessment-parapsychology .vault-assessment-header {

    background:#a36a00;

}


.vault-assessment-forteana .vault-assessment-header {

    background:#444;

}


.vault-assessment-folklore .vault-assessment-header {

    background:#765438;

}



/* ==========================================================
   VAULT EVIDENCE ASSESSMENT
   ========================================================== */

.vault-evidence {

    width:100%;

    margin:1.5rem 0;

    background:var(--panel);

    border:1px solid var(--panel-edge);

    border-radius:8px;

    overflow:hidden;

}


.vault-evidence-header {

    background:var(--panel-edge);

    font-family:'Bungee',system-ui,sans-serif;

    text-align:center;

    color:var(--acid);

    padding:.8rem;

    letter-spacing:.04em;

}


.vault-evidence-score {

    text-align:center;

    font-size:2.2rem;

    letter-spacing:.15em;

    color:var(--amber);

    padding:1rem .5rem .3rem;

}


.vault-evidence-label {

    text-align:center;

    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.8rem;

    color:var(--cream);

    padding-bottom:1rem;

}


.vault-evidence-grid {

    display:grid;

    grid-template-columns:repeat(2,1fr);

}


.vault-evidence-item {

    padding:1rem;

    border-top:1px solid var(--panel-edge);

}


.vault-evidence-title {

    font-family:'JetBrains Mono',monospace;

    font-size:.68rem;

    letter-spacing:.06em;

    color:var(--muted);

    text-transform:uppercase;

    margin-bottom:.35rem;

}


.vault-evidence-value {

    color:var(--cream);

    line-height:1.45;

}


@media screen and (max-width:700px) {

    .vault-evidence-grid {

        grid-template-columns:1fr;

    }

}



/* ==========================================================
   VAULT PROFILE ASSESSMENT
   ========================================================== */

.vault-profile-assessment {

    width:100%;

    background:var(--panel);

    border:1px solid var(--panel-edge);

    border-radius:8px;

    margin:1.5rem 0;

    overflow:hidden;

}


.vault-profile-header {

    background:var(--panel-edge);

    color:var(--acid);

    font-family:'Bungee',system-ui,sans-serif;

    text-align:center;

    padding:.8rem;

    letter-spacing:.05em;

}


.vault-profile-grid {

    display:grid;

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

}


.vault-profile-item {

    padding:1rem;

    border-right:1px solid var(--panel-edge);

}


.vault-profile-item:last-child {

    border-right:none;

}


.vault-profile-label {

    font-family:'JetBrains Mono',monospace;

    font-size:.68rem;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:var(--muted);

    margin-bottom:.4rem;

}


.vault-profile-value {

    color:var(--cream);

    line-height:1.45;

}


.vault-profile-summary {

    border-top:1px solid var(--panel-edge);

    padding:1.2rem;

}


@media screen and (max-width:700px) {

    .vault-profile-grid {

        grid-template-columns:1fr;

    }


    .vault-profile-item {

        border-right:none;

        border-bottom:1px solid var(--panel-edge);

    }

}


/* ==========================================================
   VAULT LOCATION ASSESSMENT
   ========================================================== */

.vault-location-assessment {

    width:100%;

    background:var(--panel);

    border:1px solid var(--panel-edge);

    border-radius:8px;

    margin:1.5rem 0;

    overflow:hidden;

}


.vault-location-header {

    background:var(--panel-edge);

    color:var(--acid);

    font-family:'Bungee',system-ui,sans-serif;

    text-align:center;

    padding:.8rem;

    letter-spacing:.05em;

}


.vault-location-grid {

    display:grid;

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

}


.vault-location-item {

    padding:1rem;

    border-right:1px solid var(--panel-edge);

}


.vault-location-item:last-child {

    border-right:none;

}


.vault-location-label {

    font-family:'JetBrains Mono',monospace;

    font-size:.68rem;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:var(--muted);

    margin-bottom:.4rem;

}


.vault-location-value {

    color:var(--cream);

    line-height:1.5;

}


.vault-location-summary {

    border-top:1px solid var(--panel-edge);

    padding:1.2rem;

}


@media screen and (max-width:700px) {

    .vault-location-grid {

        grid-template-columns:1fr;

    }


    .vault-location-item {

        border-right:none;

        border-bottom:1px solid var(--panel-edge);

    }

}


/* ---------- Vault Work Assessment ---------- */

.vault-work-assessment {
    width: 100%;
    clear: both;
    margin: 1.8rem 0;
    background: var(--panel);
    border: 1px solid var(--panel-edge);
    border-radius: 8px;
    overflow: hidden;
}

.vault-work-header {
    background: var(--violet);
    color: var(--cream);
    font-family: 'Bungee', system-ui, sans-serif;
    text-align: center;
    padding: 0.8rem;
    letter-spacing: 0.05em;
}

.vault-work-row {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--panel-edge);
}

.vault-work-section {
    padding: 1rem;
    border-top: 1px solid var(--panel-edge);
}

.vault-work-k {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 0.4rem;
}

.vault-work-v {
    color: var(--cream);
    line-height: 1.6;
}

.vault-work-status {
    color: var(--acid);
    font-weight: bold;
}


/* ==========================================================
   BUTTONS / TAGS
   ========================================================== */

.vault-cta-strip {

    text-align:center;

    background:var(--panel);

    border:1px solid var(--panel-edge);

    border-radius:8px;

    padding:1.6rem;

    margin:1.8rem 0;

}


.vault-btn {

    display:inline-block;

    font-family:'JetBrains Mono', monospace;

    font-size:.78rem;

    letter-spacing:.06em;

    text-transform:uppercase;

    padding:.7rem 1.3rem;

    border-radius:4px;

    margin:.3rem;

    font-weight:bold;

    text-decoration:none !important;

}


.vault-btn-primary {

    background:var(--acid) !important;

    color:var(--void) !important;

}


.vault-btn-vault {

    background:var(--violet) !important;

    color:var(--cream) !important;

}


.vault-btn-outline {

    background:transparent !important;

    color:var(--cream) !important;

    border:1px solid var(--panel-edge);

}


.vault-tag {

    display:inline-block;

    font-family:'JetBrains Mono', monospace;

    font-size:.68rem;

    letter-spacing:.06em;

    text-transform:uppercase;

    background:rgba(179,74,255,.12);

    color:var(--violet) !important;

    border:1px solid rgba(179,74,255,.35);

    padding:.25rem .7rem;

    border-radius:999px;

    text-decoration:none !important;

}





/* ==========================================================
   THE VAULT — MEDIAWIKI FIXES & RESPONSIVE
   SECTION 3 — SYSTEM OVERRIDES
   ========================================================== */


/* ==========================================================
   EDIT PAGE FIXES
   ========================================================== */

#editform,
#editform label,
#editform p,
#editform .editOptions,
.mw-editTools,
#editpage-copywarn,
.editnotice-area {

    color: var(--cream) !important;

}


#editform a,
#editpage-copywarn a,
.editnotice-area a {

    color: #8fd9ff !important;

}


#editform a:visited,
#editpage-copywarn a:visited {

    color: var(--muted) !important;

}


/* OOUI components used by MediaWiki */

.oo-ui-fieldLayout-header,
.oo-ui-labelElement,
.oo-ui-labelElement-label,
.oo-ui-labelWidget.oo-ui-inline-help {

    color: var(--cream) !important;

}


/* ==========================================================
   MESSAGE BOXES
   ========================================================== */

/*
   Codex messages intentionally remain readable.
   They use their own light backgrounds.
*/

.cdx-message {

    color:#202122 !important;

}



/* ==========================================================
   CATEGORY PAGES
   ========================================================== */

#mw-pages,
.mw-category,
.mw-category-group {

    color:var(--cream) !important;

}


#mw-pages a,
.mw-category a,
.mw-category-group a {

    color:#8fd9ff !important;

}


#mw-pages a:visited,
.mw-category a:visited,
.mw-category-group a:visited {

    color:var(--muted) !important;

}


#mw-pages a:hover,
.mw-category a:hover,
.mw-category-group a:hover {

    color:var(--acid) !important;

}



/* ==========================================================
   CATEGORY / REFERENCE TARGETS
   ========================================================== */

#mw-content-text li:target,
#mw-content-text li:target * {

    background-color:var(--panel) !important;

    color:var(--cream) !important;

}


#mw-content-text li:target i {

    color:var(--muted) !important;

}



/* ==========================================================
   REFERENCE LIST
   ========================================================== */

.reflist {

    color:var(--cream);

}


.reflist a {

    color:#8fd9ff !important;

}



/* ==========================================================
   STATS COMPONENTS
   ========================================================== */

.vault-stats-bar {

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(140px,1fr));

    gap:1rem;

    background:var(--panel);

    border:1px solid var(--panel-edge);

    border-radius:8px;

    padding:1.4rem;

    margin:1.8rem 0;

    text-align:center;

}


.vault-stats-bar-item {

    display:flex;

    flex-direction:column;

}


.vault-stats-bar-number {

    font-family:'Bungee',system-ui,sans-serif;

    font-size:1.8rem;

    color:var(--acid);

}


.vault-stats-bar-label {

    font-family:'JetBrains Mono',monospace;

    font-size:.68rem;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:var(--muted);

}


.vault-stats-bar-item a {

    display:flex;

    flex-direction:column;

    text-decoration:none !important;

}


.vault-stats-bar-item a:hover .vault-stats-bar-number {

    color:var(--cream);

}


.vault-stats-bar-item a:hover .vault-stats-bar-label {

    color:var(--acid);

}



/* ==========================================================
   RECENT CHANGES / LOG CLEANUP

   Removes clutter while keeping:
   - page title
   - date/time
   ========================================================== */

.mw-changeslist-links,
.mw-changeslist-separator,
.mw-changeslist-user,
.mw-usertoollinks,
.mw-changeslist-bytes,
.mw-plusminus-pos,
.mw-plusminus-neg,
.comment,
.mw-tag-markers,
.history-deleted {

    display:none !important;

}



/* ==========================================================
   RESPONSIVE DESIGN
   ========================================================== */

@media screen and (max-width:700px) {


    .vault-infobox {

        float:none;

        width:100%;

        margin:1rem 0;

    }


    .vault-assessment-grid {

        grid-template-columns:1fr;

    }


    .vault-hero .vault-title {

        font-size:1.7rem;

    }


    .vault-case-grid,
    .vault-portal-grid {

        grid-template-columns:1fr;

    }


}




/* ==========================================================
   VAULT NOTICE
   ========================================================== */

.vault-notice {

    background:var(--panel);

    border:1px solid var(--panel-edge);

    border-left:4px solid var(--amber);

    border-radius:6px;

    padding:1rem 1.2rem;

    margin:1.5rem 0;

}


.vault-notice-header {

    font-family:'JetBrains Mono',monospace;

    font-size:.7rem;

    letter-spacing:.1em;

    text-transform:uppercase;

    color:var(--amber);

    margin-bottom:.4rem;

}


.vault-notice-title {

    font-family:'Bungee',system-ui,sans-serif;

    font-size:1.1rem;

    color:var(--cream);

    margin-bottom:.5rem;

}


.vault-notice-body {

    color:var(--cream);

    line-height:1.5;

}


/* Notice variations */

.vault-notice.warning {

    border-left-color:#ff6161;

}


.vault-notice.research {

    border-left-color:#8fd9ff;

}


.vault-notice.featured {

    border-left-color:var(--acid);

}

@@ Line 1: / Line 1: @@
 /* ==========================================================
     THE VAULT @ THE E.E.R.I.E. FILES
     MediaWiki:Common.css
     SECTION 1 — FOUNDATION
-   Light Archive Theme:
-   - parchment/off-white page
-   - dark readable article text
-   - dark Vault panels remain
-   - neon headers retained
     ========================================================== */
@@ Line 16: / Line 9: @@
 /* ---------- FONTS ---------- */
-@import url('https://fonts.googleapis.com/css2?family=Bungee&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
+@import url(https://fonts.googleapis.com/css2?family=Bungee&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);
-/* ==========================================================
+/* ---------- VAULT COLOUR SYSTEM ---------- */
-   VAULT COLOUR SYSTEM
-   ========================================================== */
 :root {
-    /* Page */
+     --void:#0a0714;
-     --void:#f4f0e6;
-    --paper:#f4f0e6;
-    --ink:#24202b;
-    /* Dark Vault panels */
      --panel:#160f2b;
      --panel-edge:#2a1c4a;
-    /* Accent colours */
      --acid:#a6ff3f;
      --violet:#b34aff;
+    --cream:#f2ecd9;
      --amber:#ffcf4d;
+     --muted:#9d8fc2;
-    /* Secondary text */
-     --muted:#756b8f;
-    /* Legacy compatibility */
-    --cream:#24202b;
 }
@@ Line 63: / Line 33: @@
     BASE PAGE
     ========================================================== */
 body {
+     background-color: var(--void) !important;
-     background-color:var(--paper) !important;
+     color: var(--cream) !important;
+     font-family: 'Space Grotesk', sans-serif !important;
-     color:var(--ink) !important;
-     font-family:'Space Grotesk', sans-serif !important;
 }
@@ Line 81: / Line 45: @@
 #bodyContent {
-     background-color:var(--paper) !important;
+     background-color: var(--void) !important;
+     color: var(--cream) !important;
-     color:var(--ink) !important;
+     border: none !important;
-     border:none !important;
 }
@@ Line 94: / Line 55: @@
     HEADINGS
     ========================================================== */
 h1,
@@ Line 103: / Line 63: @@
 .mw-first-heading {
-     font-family:'Bungee', system-ui, sans-serif !important;
+     font-family: 'Bungee', system-ui, sans-serif !important;
+     color: var(--cream) !important;
-     color:var(--ink) !important;
+     text-shadow: 0 0 16px rgba(166,255,63,0.25);
+     letter-spacing: 0.02em;
-     text-shadow:none;
-     letter-spacing:.02em;
 }
@@ Line 118: / Line 74: @@
 .mw-first-heading {
-     border-bottom:2px solid var(--panel-edge) !important;
+     border-bottom: 2px solid var(--panel-edge) !important;
+     padding-bottom: .5rem;
-     padding-bottom:.5rem;
 }
 h2 {
-     border-bottom:1px solid var(--panel-edge) !important;
+     border-bottom: 1px solid var(--panel-edge) !important;
+     color: var(--violet) !important;
-     color:var(--violet) !important;
+    text-shadow: none;
+     margin-top: 1.8rem;
-     margin-top:1.8rem;
-}
-h3,
-h4 {
-    color:var(--ink) !important;
 }
@@ Line 150: / Line 93: @@
     LINKS
     ========================================================== */
 a {
-     color:#1769aa;
+     color: #8fd9ff;
 }
 a:visited {
-     color:#67518d;
+     color: var(--muted);
 }
 a:hover {
-     color:#4b8f00 !important;
+     color: var(--acid) !important;
 }
 a.new {
-     color:#c0392b !important;
+     color: #ff6161 !important;
 }
@@ Line 187: / Line 125: @@
     TABLES
     ========================================================== */
 table.wikitable {
-     background:var(--panel) !important;
+     background-color: var(--panel) !important;
+     color: var(--cream) !important;
-     color:#f2ecd9 !important;
+     border: 1px solid var(--panel-edge) !important;
-     border:1px solid var(--panel-edge) !important;
 }
+table.wikitable > tr > th,
+table.wikitable > * > tr > th {
-table.wikitable th {
+    background-color: var(--panel-edge) !important;
+    color: var(--acid) !important;
-     background:var(--panel-edge) !important;
+     font-family: 'JetBrains Mono', monospace !important;
-    color:var(--acid) !important;
-     font-family:'JetBrains Mono', monospace !important;
+     letter-spacing: 0.04em;
 }
+table.wikitable > tr > td,
+table.wikitable > * > tr > td {
-table.wikitable td {
+     border-color: var(--panel-edge) !important;
-    color:#f2ecd9 !important;
-     border-color:var(--panel-edge) !important;
 }
@@ Line 226: / Line 159: @@
     ARTICLE BODY COLOUR FIXES
     ========================================================== */
 .mw-parser-output,
@@ Line 239: / Line 171: @@
 #mw-content-text {
-     color:var(--ink) !important;
+     color: var(--cream) !important;
 }
-/* Article links */
 .mw-parser-output a {
-     color:#1769aa !important;
+     color: #8fd9ff !important;
 }
 .mw-parser-output a:visited {
-     color:#67518d !important;
+     color: var(--muted) !important;
 }
 .mw-parser-output a:hover {
-     color:#4b8f00 !important;
+     color: var(--acid) !important;
 }
 .mw-parser-output a.new {
-     color:#c0392b !important;
+     color: #ff6161 !important;
 }
-/* Article headings */
 .mw-parser-output h1,
@@ Line 286: / Line 209: @@
 .mw-parser-output h4 {
-     color:var(--ink) !important;
+     color: var(--cream) !important;
 }
 .mw-parser-output h2 {
-     color:var(--violet) !important;
+     color: var(--violet) !important;
 }
@@ Line 303: / Line 224: @@
     CATEGORY FOOTER
     ========================================================== */
 #catlinks,
 .catlinks {
-     background:var(--panel);
+     background-color: var(--panel) !important;
-     border:1px solid var(--panel-edge);
+     border: 1px solid var(--panel-edge) !important;
-     color:#f2ecd9 !important;
+     color: var(--muted) !important;
 }
@@ Line 321: / Line 240: @@
 .catlinks a {
-     color:var(--acid) !important;
+     color: var(--violet) !important;
 }
@@ Line 331: / Line 250: @@
     SECTION 2 — VAULT UI ELEMENTS
-   Dark archive panels retained against light background
     ========================================================== */
@@ Line 340: / Line 256: @@
     HERO / LANDING COMPONENTS
     ========================================================== */
 .vault-hero {
-     text-align:center;
+     text-align: center;
-     padding:2rem 1rem;
+     padding: 2rem 1rem;
-     border:1px solid var(--panel-edge);
+     border: 1px solid var(--panel-edge);
-     border-radius:10px;
+     border-radius: 10px;
      background:
          radial-gradient(
              ellipse at 50% 0%,
-             rgba(179,74,255,.15),
+             rgba(179,74,255,0.15) 0%,
              var(--panel) 70%
          );
-     margin-bottom:1.8rem;
+     margin-bottom: 1.8rem;
 }
 .vault-hero .vault-title {
-     font-family:'Bungee',system-ui,sans-serif;
+     font-family: 'Bungee', system-ui, sans-serif;
-     font-size:2.2rem;
+     font-size: 2.2rem;
-     color:#f2ecd9;
+     color: var(--cream);
-     text-shadow:0 0 20px rgba(166,255,63,.4);
+     text-shadow:
+0 20px rgba(166,255,63,0.4);
-     margin:0;
+     margin: 0;
 }
 .vault-hero .vault-title span {
-     color:var(--acid);
+     color: var(--acid);
 }
+.vault-hero .vault-tagline {
-.vault-hero .vault-tagline {
+    font-family: 'JetBrains Mono', monospace;
-     font-family:'JetBrains Mono',monospace;
+     font-size: 0.75rem;
-     font-size:.75rem;
+     letter-spacing: 0.2em;
-     letter-spacing:.2em;
+     text-transform: uppercase;
-     text-transform:uppercase;
+     color: var(--muted);
-     color:#c5b9dd;
+     margin-top: .6rem;
 }
@@ Line 408: / Line 322: @@
     PORTAL / FEATURE CARDS
     ========================================================== */
 .vault-portal-grid,
 .vault-case-grid {
-     display:grid;
+     display: grid;
-     grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
+     grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-     gap:1rem;
+     gap: 1rem;
-     margin:1.5rem 0;
+     margin: 1.5rem 0;
 }
@@ Line 428: / Line 340: @@
 .vault-case-card {
-     background:var(--panel);
+     background: var(--panel);
-     border:1px solid var(--panel-edge);
+     border: 1px solid var(--panel-edge);
-     border-radius:8px;
+     border-radius: 8px;
-     padding:1.3rem;
+     padding: 1.3rem;
-     text-decoration:none !important;
+     text-decoration: none !important;
-     display:block;
+     display: block;
-     transition:.2s;
+     transition: .2s;
 }
@@ Line 449: / Line 360: @@
 .vault-case-card:hover {
-     border-color:var(--acid);
+     border-color: var(--acid);
-     transform:translateY(-3px);
+     transform: translateY(-3px);
 }
+.vault-portal-card .icon {
+    font-size: 1.6rem;
+}
-.vault-portal-card .label {
+.vault-portal-card .label,
+.vault-case-card-title {
-     font-family:'Bungee',system-ui,sans-serif;
+     font-family: 'Bungee', system-ui, sans-serif;
-     color:var(--acid) !important;
+     color: var(--acid) !important;
 }
@@ Line 470: / Line 387: @@
 .vault-case-card-excerpt {
-     color:#c5b9dd !important;
+     font-size: .82rem;
-     font-size:.82rem;
+     color: var(--muted) !important;
-     line-height:1.5;
+     line-height: 1.5;
 }
 .vault-case-card-title {
-     font-family:'Bungee',system-ui,sans-serif;
+     font-size: 1.05rem;
-     color:#f2ecd9 !important;
+     color: var(--cream) !important;
 }
 /* ==========================================================
-    FEATURE / NOTICE / DID YOU KNOW
+    FEATURE / DID YOU KNOW / NOTICE BOXES
     ========================================================== */
 .vault-featured,
@@ Line 499: / Line 413: @@
 .vault-notice {
-     background:var(--panel);
+     background: var(--panel);
-     border:1px solid var(--panel-edge);
+     border: 1px solid var(--panel-edge);
-     border-radius:6px;
+     border-radius: 6px;
-     padding:1.4rem 1.6rem;
+     padding: 1.4rem 1.6rem;
-     margin:1.5rem 0;
+     margin: 1.5rem 0;
-    color:#f2ecd9;
 }
 .vault-featured {
-     border-left:4px solid var(--acid);
+     border-left: 4px solid var(--acid);
 }
@@ Line 526: / Line 436: @@
 .vault-notice-header {
-     font-family:'JetBrains Mono',monospace;
+     font-family: 'JetBrains Mono', monospace;
-     font-size:.68rem;
+     font-size: .68rem;
-     text-transform:uppercase;
+     letter-spacing: .16em;
-     letter-spacing:.16em;
+     text-transform: uppercase;
-     color:var(--amber);
+     color: var(--amber);
 }
+.vault-featured-title {
-.vault-featured-title,
+    font-family: 'Bungee', system-ui, sans-serif;
-.vault-notice-title {
-     font-family:'Bungee',system-ui,sans-serif;
+     font-size: 1.3rem;
-     color:#f2ecd9;
+     color: var(--cream);
 }
+.vault-dyk ul {
+    margin: .4rem 0 0 1.2rem;
+}
 .vault-dyk li {
-     color:#f2ecd9;
+    margin-bottom: .5rem;
+     color: var(--cream);
 }
+.vault-notice {
+    border-left: 4px solid var(--amber);
+}
+.vault-notice-body {
+    color: var(--cream);
+    opacity: .9;
+}
@@ Line 563: / Line 496: @@
     ========================================================== */
+.vault-infobox {
+    float: right;
+    width: 280px;
+    margin: 0 0 1rem 1.5rem;
+    background: var(--panel);
+    border: 1px solid var(--panel-edge);
+    border-radius: 6px;
+    overflow: hidden;
+}
+.vault-infobox-header {
+    background: var(--panel-edge);
+    font-family: 'Bungee', system-ui, sans-serif;
+    font-size: .9rem;
+    text-align: center;
+    padding: .7rem;
+    color: var(--acid);
+}
+.vault-infobox-image {
+    text-align: center;
+}
+.vault-infobox-image img {
+    max-width: 100%;
+    height: auto;
+}
+.vault-infobox-caption {
+    font-size: .75rem;
+    color: var(--muted);
+    padding: .5rem;
+}
+.vault-infobox-row {
+    display: grid;
+    grid-template-columns: 95px 1fr;
+    gap: .5rem;
+    padding: .5rem .8rem;
+    border-top: 1px solid var(--panel-edge);
+    font-size: .8rem;
+}
+.vault-infobox-k {
+    font-family: 'JetBrains Mono', monospace;
+    color: var(--muted);
+    font-size: .66rem;
+    letter-spacing: .03em;
+}
-.vault-infobox {
-    float:right;
+.vault-infobox-v {
-     width:280px;
+     color: var(--cream);
-    margin:0 0 1rem 1.5rem;
+}
-    background:var(--panel);
-    border:1px solid var(--panel-edge);
+.vault-infobox-status {
-     border-radius:6px;
+     color: var(--acid);
-     overflow:hidden;
+     font-weight: bold;
 }
+/* ==========================================================
+   VAULT ASSESSMENT (FULL WIDTH)
+   ========================================================== */
-.vault-infobox-header {
+.vault-assessment {
-     background:var(--panel-edge);
+     width: 100%;
-     font-family:'Bungee',system-ui,sans-serif;
+     margin: 1.5rem 0;
-     font-size:.9rem;
+     background: var(--panel);
-     text-align:center;
+     border: 1px solid var(--panel-edge);
-     padding:.7rem;
+     border-radius: 8px;
-     color:var(--acid);
+     overflow: hidden;
 }
+.vault-assessment-header {
-.vault-infobox-image {
+    background: var(--panel-edge);
+    font-family: 'Bungee', system-ui, sans-serif;
+    font-size: .95rem;
+    text-align: center;
+    padding: .8rem;
+    color: var(--acid);
-     text-align:center;
+     letter-spacing: .04em;
 }
+.vault-assessment-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+}
-.vault-infobox-image img {
+.vault-assessment-item {
-     max-width:100%;
+     padding: .9rem 1rem;
-     height:auto;
+     border-top: 1px solid var(--panel-edge);
 }
+.vault-assessment-label {
+    font-family: 'JetBrains Mono', monospace;
+    font-size: .68rem;
-.vault-infobox-caption {
+    letter-spacing: .06em;
-     color:#c5b9dd;
+     text-transform: uppercase;
-     font-size:.75rem;
+     color: var(--muted);
-     padding:.5rem;
+     margin-bottom: .35rem;
 }
+.vault-assessment-value {
-.vault-infobox-row {
+    color: var(--cream);
+    font-size: .9rem;
-     display:grid;
+     line-height: 1.45;
-    grid-template-columns:95px 1fr;
+}
-    gap:.5rem;
-    padding:.5rem .8rem;
+.vault-assessment-status {
-     border-top:1px solid var(--panel-edge);
+     color: var(--acid);
-     font-size:.8rem;
+     font-weight: bold;
 }
+/* Assessment categories */
-.vault-infobox-k {
+.vault-assessment-cryptid .vault-assessment-header {
-     font-family:'JetBrains Mono',monospace;
+     background:#355834;
-    font-size:.66rem;
+}
-    color:#9d8fc2;
-     text-transform:uppercase;
+.vault-assessment-ufo .vault-assessment-header {
+     background:#1d3f73;
 }
+.vault-assessment-haunting .vault-assessment-header {
-.vault-infobox-v {
+    background:#5b3b70;
+}
+.vault-assessment-parapsychology .vault-assessment-header {
-     color:#f2ecd9;
+     background:#a36a00;
 }
+.vault-assessment-forteana .vault-assessment-header {
+    background:#444;
+}
-.vault-infobox-status {
-    color:var(--acid);
+.vault-assessment-folklore .vault-assessment-header {
-     font-weight:bold;
+     background:#765438;
 }
@@ Line 683: / Line 746: @@
 /* ==========================================================
-    FULL WIDTH ASSESSMENTS
+    VAULT EVIDENCE ASSESSMENT
     ========================================================== */
+.vault-evidence {
-.vault-assessment,
-.vault-evidence,
-.vault-profile-assessment,
-.vault-location-assessment,
-.vault-work-assessment {
      width:100%;
@@ Line 705: / Line 763: @@
      overflow:hidden;
-    color:#f2ecd9;
+}
-}
+.vault-evidence-header {
+    background:var(--panel-edge);
-.vault-assessment-header,
+    font-family:'Bungee',system-ui,sans-serif;
-.vault-evidence-header,
-.vault-profile-header,
-.vault-location-header,
-.vault-work-header {
-     background:var(--panel-edge);
+     text-align:center;
      color:var(--acid);
-     font-family:'Bungee',system-ui,sans-serif;
+     padding:.8rem;
+    letter-spacing:.04em;
+}
+.vault-evidence-score {
      text-align:center;
-     padding:.8rem;
+     font-size:2.2rem;
+    letter-spacing:.15em;
+    color:var(--amber);
-     letter-spacing:.05em;
+     padding:1rem .5rem .3rem;
 }
+.vault-evidence-label {
+    text-align:center;
+    font-family:'JetBrains Mono',monospace;
+    text-transform:uppercase;
-/* Assessment grids */
+    font-size:.8rem;
+    color:var(--cream);
-.vault-assessment-grid,
+    padding-bottom:1rem;
-.vault-evidence-grid,
-.vault-profile-grid,
+}
-.vault-location-grid {
+.vault-evidence-grid {
      display:grid;
@@ Line 748: / Line 824: @@
+.vault-evidence-item {
-.vault-assessment-item,
-.vault-evidence-item,
-.vault-profile-item,
-.vault-location-item {
      padding:1rem;
@@ Line 761: / Line 833: @@
+.vault-evidence-title {
-.vault-assessment-label,
-.vault-evidence-title,
-.vault-profile-label,
-.vault-location-label,
-.vault-work-k {
      font-family:'JetBrains Mono',monospace;
      font-size:.68rem;
+    letter-spacing:.06em;
+    color:var(--muted);
      text-transform:uppercase;
-     letter-spacing:.08em;
+     margin-bottom:.35rem;
+}
+.vault-evidence-value {
+    color:var(--cream);
-     color:#9d8fc2;
+     line-height:1.45;
 }
+@media screen and (max-width:700px) {
+    .vault-evidence-grid {
-.vault-assessment-value,
+        grid-template-columns:1fr;
-.vault-evidence-value,
-.vault-profile-value,
+    }
-.vault-location-value,
-.vault-work-v {
+}
+/* ==========================================================
+   VAULT PROFILE ASSESSMENT
+   ========================================================== */
+.vault-profile-assessment {
+    width:100%;
+    background:var(--panel);
+    border:1px solid var(--panel-edge);
+    border-radius:8px;
-     color:#f2ecd9;
+     margin:1.5rem 0;
-     line-height:1.5;
+     overflow:hidden;
 }
+.vault-profile-header {
-.vault-assessment-status {
+    background:var(--panel-edge);
      color:var(--acid);
-     font-weight:bold;
+     font-family:'Bungee',system-ui,sans-serif;
+    text-align:center;
+    padding:.8rem;
+    letter-spacing:.05em;
 }
+.vault-profile-grid {
+    display:grid;
+    grid-template-columns:repeat(3,1fr);
+}
-/* ==========================================================
-   CATEGORY COLOURS
-   ========================================================== */
+.vault-profile-item {
-.vault-assessment-cryptid .vault-assessment-header {
+    padding:1rem;
-     background:#355834;
+     border-right:1px solid var(--panel-edge);
 }
-.vault-assessment-ufo .vault-assessment-header {
+.vault-profile-item:last-child {
-     background:#1d3f73;
+     border-right:none;
 }
-.vault-assessment-haunting .vault-assessment-header {
+.vault-profile-label {
+    font-family:'JetBrains Mono',monospace;
+    font-size:.68rem;
+    letter-spacing:.08em;
+    text-transform:uppercase;
+    color:var(--muted);
-     background:#5b3b70;
+     margin-bottom:.4rem;
 }
-.vault-assessment-parapsychology .vault-assessment-header {
+.vault-profile-value {
+    color:var(--cream);
-     background:#a36a00;
+     line-height:1.45;
 }
-.vault-assessment-forteana .vault-assessment-header {
+.vault-profile-summary {
+    border-top:1px solid var(--panel-edge);
-     background:#444;
+     padding:1.2rem;
 }
-.vault-assessment-folklore .vault-assessment-header {
+@media screen and (max-width:700px) {
+    .vault-profile-grid {
+        grid-template-columns:1fr;
+    }
+    .vault-profile-item {
+        border-right:none;
+        border-bottom:1px solid var(--panel-edge);
-     background:#765438;
+     }
 }
 /* ==========================================================
-    EVIDENCE SCORE
+    VAULT LOCATION ASSESSMENT
     ========================================================== */
+.vault-location-assessment {
+    width:100%;
+    background:var(--panel);
+    border:1px solid var(--panel-edge);
+    border-radius:8px;
+    margin:1.5rem 0;
-.vault-evidence-score {
+    overflow:hidden;
+}
+.vault-location-header {
+    background:var(--panel-edge);
+    color:var(--acid);
+    font-family:'Bungee',system-ui,sans-serif;
      text-align:center;
-     font-size:2.2rem;
+     padding:.8rem;
+    letter-spacing:.05em;
+}
+.vault-location-grid {
+    display:grid;
+    grid-template-columns:repeat(3,1fr);
+}
-    color:var(--amber);
+.vault-location-item {
      padding:1rem;
+    border-right:1px solid var(--panel-edge);
+}
+.vault-location-item:last-child {
+    border-right:none;
+}
+.vault-location-label {
+    font-family:'JetBrains Mono',monospace;
+    font-size:.68rem;
+    letter-spacing:.08em;
+    text-transform:uppercase;
+    color:var(--muted);
+    margin-bottom:.4rem;
+}
+.vault-location-value {
+    color:var(--cream);
+    line-height:1.5;
+}
+.vault-location-summary {
+    border-top:1px solid var(--panel-edge);
+    padding:1.2rem;
 }
+@media screen and (max-width:700px) {
-.vault-evidence-label {
+    .vault-location-grid {
+        grid-template-columns:1fr;
+    }
+    .vault-location-item {
+        border-right:none;
+        border-bottom:1px solid var(--panel-edge);
+    }
+}
+/* ---------- Vault Work Assessment ---------- */
+.vault-work-assessment {
+    width: 100%;
+    clear: both;
+    margin: 1.8rem 0;
+    background: var(--panel);
+    border: 1px solid var(--panel-edge);
+    border-radius: 8px;
+    overflow: hidden;
+}
+.vault-work-header {
+    background: var(--violet);
+    color: var(--cream);
+    font-family: 'Bungee', system-ui, sans-serif;
+    text-align: center;
+    padding: 0.8rem;
+    letter-spacing: 0.05em;
+}
-     text-align:center;
+.vault-work-row {
+    display: grid;
+     grid-template-columns: 130px 1fr;
+    gap: 1rem;
+    padding: 0.8rem 1rem;
+    border-top: 1px solid var(--panel-edge);
+}
-     color:#f2ecd9;
+.vault-work-section {
+     padding: 1rem;
+    border-top: 1px solid var(--panel-edge);
+}
-     padding-bottom:1rem;
+.vault-work-k {
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 0.7rem;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+    color: var(--muted);
+     margin-bottom: 0.4rem;
+}
+.vault-work-v {
+    color: var(--cream);
+    line-height: 1.6;
 }
+.vault-work-status {
+    color: var(--acid);
+    font-weight: bold;
+}
@@ Line 888: / Line 1,164: @@
     BUTTONS / TAGS
     ========================================================== */
+.vault-cta-strip {
+    text-align:center;
+    background:var(--panel);
+    border:1px solid var(--panel-edge);
+    border-radius:8px;
+    padding:1.6rem;
+    margin:1.8rem 0;
+}
@@ Line 894: / Line 1,186: @@
      display:inline-block;
-     font-family:'JetBrains Mono',monospace;
+     font-family:'JetBrains Mono', monospace;
      font-size:.78rem;
+    letter-spacing:.06em;
      text-transform:uppercase;
@@ Line 905: / Line 1,199: @@
      margin:.3rem;
+    font-weight:bold;
      text-decoration:none !important;
 }
@@ Line 916: / Line 1,211: @@
      background:var(--acid) !important;
-     color:#0a0714 !important;
+     color:var(--void) !important;
 }
@@ Line 926: / Line 1,220: @@
      background:var(--violet) !important;
-     color:#f2ecd9 !important;
+     color:var(--cream) !important;
 }
+.vault-btn-outline {
+    background:transparent !important;
+    color:var(--cream) !important;
+    border:1px solid var(--panel-edge);
+}
@@ Line 935: / Line 1,239: @@
      display:inline-block;
+    font-family:'JetBrains Mono', monospace;
+    font-size:.68rem;
+    letter-spacing:.06em;
+    text-transform:uppercase;
      background:rgba(179,74,255,.12);
+    color:var(--violet) !important;
      border:1px solid rgba(179,74,255,.35);
-    color:var(--violet) !important;
      padding:.25rem .7rem;
@@ Line 946: / Line 1,258: @@
      border-radius:999px;
-     font-family:'JetBrains Mono',monospace;
+     text-decoration:none !important;
-    font-size:.68rem;
+}
-    text-transform:uppercase;
-}
@@ Line 975: / Line 1,284: @@
 .editnotice-area {
-     color: #222 !important;
+     color: var(--cream) !important;
 }
@@ Line 984: / Line 1,293: @@
 .editnotice-area a {
-     color: #1769aa !important;
+     color: #8fd9ff !important;
 }
@@ Line 992: / Line 1,301: @@
 #editpage-copywarn a:visited {
-     color: #6b5b95 !important;
+     color: var(--muted) !important;
 }
@@ Line 1,004: / Line 1,313: @@
 .oo-ui-labelWidget.oo-ui-inline-help {
-     color: #222 !important;
+     color: var(--cream) !important;
 }
@@ Line 1,015: / Line 1,323: @@
 /*
-    MediaWiki system messages retain their own styling.
+    Codex messages intentionally remain readable.
-    Keep these readable rather than forcing Vault colours.
+    They use their own light backgrounds.
 */
@@ Line 1,035: / Line 1,343: @@
 .mw-category-group {
-     color:#222 !important;
+     color:var(--cream) !important;
 }
@@ Line 1,044: / Line 1,352: @@
 .mw-category-group a {
-     color:#1769aa !important;
+     color:#8fd9ff !important;
 }
@@ Line 1,053: / Line 1,361: @@
 .mw-category-group a:visited {
-     color:#6b5b95 !important;
+     color:var(--muted) !important;
 }
@@ Line 1,062: / Line 1,370: @@
 .mw-category-group a:hover {
-     color:#4b8f00 !important;
+     color:var(--acid) !important;
 }
@@ Line 1,069: / Line 1,377: @@
 /* ==========================================================
-    REFERENCE LISTS
+    CATEGORY / REFERENCE TARGETS
-   ========================================================== */
-.reflist {
-    color:#222 !important;
-}
-.reflist a {
-    color:#1769aa !important;
-}
-.reflist a:hover {
-    color:#4b8f00 !important;
-}
-/* ==========================================================
-   REFERENCE TARGET HIGHLIGHT
     ========================================================== */
@@ Line 1,101: / Line 1,383: @@
 #mw-content-text li:target * {
-     background-color:#fff8dc !important;
+     background-color:var(--panel) !important;
-     color:#222 !important;
+     color:var(--cream) !important;
 }
@@ Line 1,110: / Line 1,392: @@
 #mw-content-text li:target i {
-     color:#666 !important;
+     color:var(--muted) !important;
 }
@@ Line 1,117: / Line 1,399: @@
 /* ==========================================================
-    CATEGORY FOOTER
+    REFERENCE LIST
     ========================================================== */
-#catlinks,
+.reflist {
-.catlinks {
-    background:#f6f1e4 !important;
-    border:1px solid #d8cdb5 !important;
-     color:#555 !important;
+     color:var(--cream);
 }
-#catlinks a,
+.reflist a {
-.catlinks a {
-     color:#6f32a8 !important;
+     color:#8fd9ff !important;
-}
-/* ==========================================================
-   RECENT CHANGES / LOG CLEANUP
-   Keeps:
-   - date/time
-   - page title
-   Removes:
-   - usernames
-   - byte changes
-   - tags
-   - comments
-   ========================================================== */
-.mw-changeslist-links,
-.mw-changeslist-separator,
-.mw-changeslist-user,
-.mw-usertoollinks,
-.mw-changeslist-bytes,
-.mw-plusminus-pos,
-.mw-plusminus-neg,
-.comment,
-.mw-tag-markers,
-.history-deleted {
-    display:none !important;
 }
@@ Line 1,185: / Line 1,429: @@
      gap:1rem;
-     background:#f6f1e4;
+     background:var(--panel);
-     border:1px solid #d8cdb5;
+     border:1px solid var(--panel-edge);
      border-radius:8px;
@@ Line 1,215: / Line 1,459: @@
      font-size:1.8rem;
-     color:#6f32a8;
+     color:var(--acid);
 }
@@ Line 1,230: / Line 1,474: @@
      text-transform:uppercase;
-     color:#777;
+     color:var(--muted);
 }
@@ Line 1,248: / Line 1,492: @@
 .vault-stats-bar-item a:hover .vault-stats-bar-number {
-     color:#4b8f00;
+     color:var(--cream);
 }
@@ Line 1,255: / Line 1,499: @@
 .vault-stats-bar-item a:hover .vault-stats-bar-label {
-     color:#6f32a8;
+     color:var(--acid);
 }
@@ Line 1,262: / Line 1,506: @@
 /* ==========================================================
-    TABLE OVERRIDE FOR LIGHT THEME
+    RECENT CHANGES / LOG CLEANUP
+   Removes clutter while keeping:
+   - page title
+   - date/time
     ========================================================== */
-table.wikitable {
+.mw-changeslist-links,
+.mw-changeslist-separator,
+.mw-changeslist-user,
+.mw-usertoollinks,
+.mw-changeslist-bytes,
+.mw-plusminus-pos,
+.mw-plusminus-neg,
+.comment,
+.mw-tag-markers,
+.history-deleted {
-     background:#fff !important;
+     display:none !important;
-    color:#222 !important;
-    border-color:#d8cdb5 !important;
-}
-table.wikitable th {
-    background:var(--panel-edge) !important;
-    color:var(--acid) !important;
-}
-table.wikitable td {
-    background:#fff !important;
-    color:#222 !important;
 }
@@ Line 1,313: / Line 1,548: @@
-     .vault-assessment-grid,
+     .vault-assessment-grid {
-    .vault-evidence-grid,
-    .vault-profile-grid,
-    .vault-location-grid {
          grid-template-columns:1fr;
-    }
-    .vault-profile-item,
-    .vault-location-item {
-        border-right:none;
-        border-bottom:1px solid #d8cdb5;
      }
@@ Line 1,349: / Line 1,571: @@
 }
 /* ==========================================================
-    FINAL LIGHT THEME ARTICLE OVERRIDES
+    VAULT NOTICE
+   ========================================================== */
-   These catch MediaWiki areas that ignore body colours
+.vault-notice {
-   ========================================================== */
+    background:var(--panel);
+    border:1px solid var(--panel-edge);
+    border-left:4px solid var(--amber);
-.mw-body,
+    border-radius:6px;
-#content,
-#bodyContent,
-.mw-parser-output {
-     background:#faf7ef !important;
+     padding:1rem 1.2rem;
+    margin:1.5rem 0;
 }
-.mw-parser-output p,
+.vault-notice-header {
-.mw-parser-output li,
-.mw-parser-output blockquote,
+    font-family:'JetBrains Mono',monospace;
-.mw-parser-output td,
-.mw-parser-output th {
+    font-size:.7rem;
+    letter-spacing:.1em;
+    text-transform:uppercase;
+    color:var(--amber);
-     color:#222 !important;
+     margin-bottom:.4rem;
 }
-.mw-parser-output blockquote {
+.vault-notice-title {
+    font-family:'Bungee',system-ui,sans-serif;
-     border-left:4px solid #b34aff;
+     font-size:1.1rem;
-     padding-left:1rem;
+     color:var(--cream);
-     color:#444 !important;
+     margin-bottom:.5rem;
 }
+.vault-notice-body {
-/* Preserve Vault headers */
+    color:var(--cream);
-.vault-infobox-header,
+    line-height:1.5;
-.vault-assessment-header,
-.vault-profile-header,
+}
-.vault-location-header,
-.vault-work-header,
-.vault-evidence-header {
+/* Notice variations */
+.vault-notice.warning {
+    border-left-color:#ff6161;
+}
+.vault-notice.research {
-     color:var(--acid) !important;
+     border-left-color:#8fd9ff;
 }
+.vault-notice.featured {
-/* ==========================================================
+    border-left-color:var(--acid);
-   END OF THE VAULT COMMON.CSS
-   ========================================================== */
+}

GaryJJSpate (talk | contribs)

Revision as of 22:01, 29 July 2026