MediaWiki:Common.css: Difference between revisions

Help

Latest revision as of 21:38, 3 August 2026

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

   VERSION 2.0
   Archive Edition

   Clean research archive aesthetic:
   - Paper background
   - Dark text
   - Vault accent colours
   - Cosmos compatible
   ========================================================== */


/* ==========================================================
   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');


/* ==========================================================
   COLOUR SYSTEM
   ========================================================== */

:root {

    --vault-paper:#f4f1e8;
    --vault-white:#ffffff;
    --vault-text:#222222;
    --vault-muted:#666666;

    --vault-border:#d8d2c4;

    --vault-purple:#5c2d91;
    --vault-purple-dark:#3d1d63;

    --vault-green:#a6ff3f;
    --vault-amber:#d89b00;
    --vault-red:#a83232;
    --vault-blue:#315f8c;

}



/* ==========================================================
   BASE MEDIAWIKI
   ========================================================== */


html {

    background:var(--vault-paper);

}


body {

    background:var(--vault-paper) !important;

    color:var(--vault-text) !important;

    font-family:'Space Grotesk', sans-serif !important;

}



#content,
.mw-body,
#bodyContent,
#mw-content-text {

    background:transparent !important;

    color:var(--vault-text);

}



.mw-parser-output {

    color:var(--vault-text);

    line-height:1.65;

}



/* ==========================================================
   TYPOGRAPHY
   ========================================================== */


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


    font-family:'Bungee',sans-serif !important;

    color:var(--vault-purple-dark) !important;

    letter-spacing:.02em;

}



.firstHeading,
.mw-first-heading {


    border-bottom:3px solid var(--vault-purple);

    padding-bottom:.5rem;


}



h2 {


    border-bottom:1px solid var(--vault-border);

    padding-bottom:.3rem;

    margin-top:2rem;


}



h3 {

    color:var(--vault-purple);

}



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


a {

    color:var(--vault-purple);

}



a:visited {

    color:#74509b;

}



a:hover {

    color:#8a5cc4 !important;

}



a.new {

    color:var(--vault-red) !important;

}



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


table.wikitable {


    background:var(--vault-white) !important;

    color:var(--vault-text) !important;

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


}



table.wikitable th {


    background:var(--vault-purple) !important;

    color:white !important;

    font-family:'JetBrains Mono',monospace;


}



table.wikitable td {


    border-color:var(--vault-border) !important;


}



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


#catlinks,
.catlinks {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    padding:.8rem;

    color:var(--vault-muted);


}



#catlinks a,
.catlinks a {


    color:var(--vault-purple);


}




/* ==========================================================
   THE VAULT
   SECTION 2 — ARCHIVE COMPONENTS
   ========================================================== */


/* ==========================================================
   VAULT HERO
   ========================================================== */


.vault-hero {

    background:
        linear-gradient(
            135deg,
            rgba(92,45,145,.08),
            rgba(255,255,255,.9)
        );

    border:1px solid var(--vault-border);

    border-left:5px solid var(--vault-purple);

    padding:2.5rem;

    margin:1.5rem 0 2rem;

    text-align:center;

}



.vault-hero .vault-title {

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

    font-size:2.8rem;

    color:var(--vault-purple-dark);

    margin:0;

}



.vault-hero .vault-title span {

    color:var(--vault-purple);

}



.vault-hero .vault-tagline {

    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    letter-spacing:.15em;

    color:var(--vault-muted);

    font-size:.8rem;

    margin-top:.8rem;

}



/* ==========================================================
   ARCHIVE CARDS
   ========================================================== */


.vault-card-grid {

    display:grid;

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

    gap:1.2rem;

    margin:2rem 0;

}



.vault-card {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    padding:1.4rem;

    text-decoration:none !important;

    display:block;

    transition:.2s ease;


}



.vault-card:hover {


    border-color:var(--vault-purple);

    transform:translateY(-4px);

    box-shadow:0 5px 15px rgba(0,0,0,.08);


}



.vault-card-icon {


    font-size:2rem;

    display:block;

    margin-bottom:.8rem;


}



.vault-card-title {


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

    color:var(--vault-purple) !important;

    font-size:1rem;


}



.vault-card-description {


    color:var(--vault-muted);

    font-size:.9rem;

    line-height:1.5;

}



/* ==========================================================
   FEATURED FILE
   ========================================================== */


.vault-feature {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-left:5px solid var(--vault-green);

    padding:1.5rem;

    margin:2rem 0;


}



.vault-feature-label {


    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.7rem;

    letter-spacing:.12em;

    color:var(--vault-amber);


}



.vault-feature-title {


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

    font-size:1.4rem;

    color:var(--vault-purple-dark);


}



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


.vault-infobox {


    float:right;

    width:300px;

    margin:0 0 1.5rem 2rem;

    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    overflow:hidden;


}



.vault-infobox-header {


    background:var(--vault-purple);

    color:white !important;

    padding:1rem;

    text-align:center;

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

    font-size:1rem;


}



.vault-infobox-image {


    text-align:center;

    padding:1rem;


}



.vault-infobox-image img {


    max-width:100%;

    height:auto;


}



.vault-infobox-caption {


    font-size:.75rem;

    color:var(--vault-muted);

    padding:.5rem 1rem 1rem;

}



.vault-infobox-row {


    display:grid;

    grid-template-columns:100px 1fr;

    gap:1rem;

    padding:.7rem 1rem;

    border-top:1px solid var(--vault-border);


}



.vault-infobox-k {


    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.65rem;

    color:var(--vault-muted);


}



.vault-infobox-v {


    color:var(--vault-text);

}



/* ==========================================================
   ASSESSMENT BOX
   ========================================================== */


.vault-assessment {


    width:100%;

    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;


}



.vault-assessment-header {


    background:var(--vault-purple);

    color:white !important;

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

    text-align:center;

    padding:.9rem;


}



.vault-assessment-grid {


    display:grid;

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


}



.vault-assessment-item {


    padding:1rem;

    border-right:1px solid var(--vault-border);


}



.vault-assessment-item:last-child {


    border-right:none;


}



.vault-assessment-label {


    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--vault-muted);


}



.vault-assessment-value {


    color:var(--vault-text);

    margin-top:.4rem;

    line-height:1.5;


}



.vault-assessment-status {


    color:#4c8b00;

    font-weight:bold;


}



/* ==========================================================
   PROFILE / PERSON ASSESSMENT
   ========================================================== */


.vault-profile-assessment {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;


}



.vault-profile-header {


    background:var(--vault-purple);

    color:white !important;

    padding:.9rem;

    text-align:center;

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


}



.vault-profile-grid {


    display:grid;

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


}



.vault-profile-item {


    padding:1rem;

    border-right:1px solid var(--vault-border);


}



.vault-profile-label {


    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    color:var(--vault-muted);

    text-transform:uppercase;


}



.vault-profile-value {


    margin-top:.4rem;

    color:var(--vault-text);


}






/* ==========================================================
   THE VAULT
   SECTION 3 — ARCHIVE SYSTEM COMPONENTS
   ========================================================== */


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


.vault-evidence {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;


}



.vault-evidence-header {


    background:var(--vault-purple);

    color:white !important;

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

    text-align:center;

    padding:.9rem;


}



.vault-evidence-score {


    text-align:center;

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

    font-size:2.5rem;

    color:var(--vault-amber);

    padding:1rem;


}



.vault-evidence-label {


    text-align:center;

    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.75rem;

    color:var(--vault-muted);

    padding-bottom:1rem;


}



.vault-evidence-grid {

    display:grid;

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

}



.vault-evidence-grid > *:not(.vault-evidence-item) {

    display:none;

}



.vault-evidence-item:only-child {

    grid-column:1 / -1;

}



.vault-evidence-item {


    padding:1rem;

    border-top:1px solid var(--vault-border);


}



.vault-evidence-title {


    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--vault-muted);


}



.vault-evidence-value {


    color:var(--vault-text);

    margin-top:.5rem;

    line-height:1.5;


}



/* ==========================================================
   WORK ASSESSMENT
   ========================================================== */


.vault-work-assessment {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;


}



.vault-work-header {


    background:var(--vault-purple);

    color:white !important;

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

    text-align:center;

    padding:.9rem;


}



.vault-work-row {


    display:grid;

    grid-template-columns:140px 1fr;

    gap:1rem;

    padding:1rem;

    border-top:1px solid var(--vault-border);


}



.vault-work-section {


    padding:1.2rem;

    border-top:1px solid var(--vault-border);


}



.vault-work-k {


    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.65rem;

    color:var(--vault-muted);


}



.vault-work-v {


    color:var(--vault-text);

    line-height:1.6;


}



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


.vault-location-assessment {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;


}



.vault-location-header {


    background:var(--vault-purple);

    color:white !important;

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

    text-align:center;

    padding:.9rem;


}



.vault-location-grid {


    display:grid;

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


}



.vault-location-item {


    padding:1rem;

    border-right:1px solid var(--vault-border);


}



.vault-location-item:last-child {


    border-right:none;


}



.vault-location-label {


    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.65rem;

    color:var(--vault-muted);


}



.vault-location-value {


    margin-top:.4rem;

    color:var(--vault-text);

}



/* ==========================================================
   NOTICE BOXES
   ========================================================== */


.vault-notice {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-left:5px solid var(--vault-amber);

    padding:1.2rem;

    margin:2rem 0;

    border-radius:6px;


}



.vault-notice-header {


    font-family:'JetBrains Mono',monospace;

    font-size:.7rem;

    text-transform:uppercase;

    letter-spacing:.1em;

    color:var(--vault-amber);


}



.vault-notice-title {


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

    color:var(--vault-purple-dark);

    margin:.5rem 0;


}



.vault-notice-body {


    color:var(--vault-text);

    line-height:1.6;


}



.vault-notice.warning {


    border-left-color:var(--vault-red);

}



.vault-notice.research {


    border-left-color:var(--vault-blue);

}



.vault-notice.featured {


    border-left-color:var(--vault-green);

}



/* ==========================================================
   STATISTICS BAR
   ========================================================== */


.vault-stats {


    display:grid;

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

    gap:1rem;

    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    padding:1.5rem;

    margin:2rem 0;

    text-align:center;


}



.vault-stat-number {


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

    font-size:2rem;

    color:var(--vault-purple);


}



.vault-stat-label {


    font-family:'JetBrains Mono',monospace;

    font-size:.7rem;

    text-transform:uppercase;

    color:var(--vault-muted);

}



/* ==========================================================
   BUTTONS / CALL TO ACTIONS
   ========================================================== */


.vault-cta {


    background:var(--vault-purple);

    color:white;

    text-align:center;

    padding:2rem;

    margin:2rem 0;

    border-radius:8px;


}



.vault-cta-title {


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

    font-size:1.5rem;

}



.vault-btn {


    display:inline-block;

    padding:.7rem 1.5rem;

    margin:.5rem;

    border-radius:5px;

    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    font-size:.75rem;

    text-decoration:none !important;


}



.vault-btn-primary {


    background:var(--vault-green);

    color:#111 !important;


}



.vault-btn-secondary {


    background:white;

    color:var(--vault-purple) !important;


}



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


.vault-tag {


    display:inline-block;

    background:#eee7f5;

    border:1px solid #d5c5e8;

    color:var(--vault-purple) !important;

    border-radius:20px;

    padding:.25rem .7rem;

    margin:.2rem;

    font-size:.7rem;

    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;


}



/* ==========================================================
   COSMOS SKIN COMPATIBILITY
   ========================================================== */


#cosmos-rail .rail-module,
.rail-module {


    background:var(--vault-white);

    border:1px solid var(--vault-border);

    color:var(--vault-text);


}



.rail-module-header {


    color:var(--vault-purple) !important;

    font-family:'JetBrains Mono',monospace;


}



#searchInput,
.cosmos-searchInput input {


    background:white !important;

    color:var(--vault-text) !important;

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


}



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


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


    .vault-infobox {


        float:none;

        width:100%;

        margin:1rem 0;


    }



    .vault-assessment-grid,
    .vault-profile-grid,
    .vault-location-grid {


        grid-template-columns:1fr;


    }



    .vault-evidence-grid {


        grid-template-columns:1fr;


    }



    .vault-work-row {


        grid-template-columns:1fr;


    }



    .vault-hero .vault-title {


        font-size:2rem;


    }


}



/* ==========================================================
   END OF THE VAULT ARCHIVE STYLE SYSTEM
   ========================================================== */




/* =========================================
   VAULT HOMEPAGE REDESIGN
========================================= */

.vault-home{
max-width:1200px;
margin:auto;
padding:20px;
}


.vault-terminal-header{
text-align:center;
padding:70px 20px;
border-bottom:1px solid #ddd;
}


.vault-logo{
font-family:'Bungee',sans-serif;
font-size:72px;
letter-spacing:8px;
}


.vault-tagline{
font-family:'JetBrains Mono',monospace;
letter-spacing:5px;
font-size:14px;
color:#777;
margin-top:15px;
}


.vault-search{
margin:40px auto 0;
border:1px solid #ccc;
padding:18px;
max-width:500px;
font-family:'JetBrains Mono',monospace;
color:#777;
}



.vault-label,
.vault-section-heading{
font-family:'JetBrains Mono',monospace;
font-size:12px;
letter-spacing:3px;
text-transform:uppercase;
color:#777;
margin-bottom:20px;
}



.vault-dossier{
margin:60px 0;
border:1px solid #ddd;
padding:30px;
}


.vault-dossier-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}


.vault-dossier-image img{
width:100%;
height:auto;
}


.vault-dossier-content h1{
font-family:'Bungee',sans-serif;
font-size:36px;
}


.vault-meta{
font-family:'JetBrains Mono',monospace;
font-size:13px;
padding:10px 0;
border-bottom:1px solid #eee;
}



.vault-index{
margin:60px 0;
}


.vault-index-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}


.vault-index-item{
border:1px solid #ddd;
padding:25px;
}


.vault-index-item h2{
font-family:'JetBrains Mono',monospace;
font-size:18px;
}


.vault-index-item a{
font-family:'JetBrains Mono',monospace;
font-size:12px;
}



.vault-columns{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin:50px 0;
}


.vault-panel,
.vault-record{
border:1px solid #ddd;
padding:25px;
}



.vault-statistics{
display:grid;
grid-template-columns:repeat(4,1fr);
margin:60px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}


.vault-statistics div{
text-align:center;
padding:30px;
font-family:'JetBrains Mono',monospace;
}


.vault-statistics span{
display:block;
font-family:'Bungee',sans-serif;
font-size:36px;
}



.vault-footer{
text-align:center;
padding:50px;
font-family:'JetBrains Mono',monospace;
}



@media(max-width:900px){

.vault-dossier-grid,
.vault-index-grid,
.vault-columns,
.vault-statistics{
grid-template-columns:1fr;
}

.vault-logo{
font-size:42px;
}

}



/* ==========================================================
   CASE CARD (compact preview grid)
   ========================================================== */

.vault-case-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:1.2rem;
    margin:2rem 0;
}

.vault-case-card {
    background:var(--vault-white);
    border:1px solid var(--vault-border);
    border-radius:8px;
    padding:1.3rem;
    display:flex;
    flex-direction:column;
    gap:.6rem;
    transition:.2s ease;
}

.vault-case-card:hover {
    border-color:var(--vault-purple);
    transform:translateY(-4px);
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.vault-case-card-title {
    font-family:'Bungee',sans-serif;
    font-size:1rem;
    color:var(--vault-purple-dark);
}

.vault-case-card-title a {
    color:var(--vault-purple-dark) !important;
}

.vault-case-card-excerpt {
    color:var(--vault-muted);
    font-size:.85rem;
    line-height:1.5;
}



/* ==========================================================
   THE VAULT
   SECTION 4 — ADDED FOR TEMPLATE SUPPORT
   (Template:VaultResearchAssessment, Template:VaultOrganisationAssessment,
   Template:PD-Crown, Template:OGL3, Template:Permission-granted,
   Template:Disambig-note)
   ========================================================== */


/* ==========================================================
   ASSESSMENT SUMMARY
   (the full-width "SIGNIFICANCE" / "LEGACY" block that sits
   below the grid in VaultResearchAssessment and
   VaultOrganisationAssessment — this class was referenced by
   both templates but never actually defined)
   ========================================================== */

.vault-assessment-summary {

    padding:1rem;

    border-top:1px solid var(--vault-border);

}


.vault-assessment-summary .vault-assessment-label {

    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--vault-muted);

}


.vault-assessment-summary .vault-assessment-value {

    color:var(--vault-text);

    margin-top:.4rem;

    line-height:1.6;

}



/* ==========================================================
   LICENSE TAGS
   (Template:PD-Crown, Template:OGL3, Template:Permission-granted)
   ========================================================== */

.vault-license-tag {

    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:1.5rem 0;

    overflow:hidden;

    font-size:.9rem;

}


.vault-license-header {

    color:white !important;

    font-family:'JetBrains Mono',monospace;

    text-transform:uppercase;

    letter-spacing:.08em;

    font-size:.75rem;

    text-align:center;

    padding:.8rem;

}


.vault-license-body {

    padding:1.2rem;

    color:var(--vault-text);

    line-height:1.6;

}


.vault-license-body ul {

    margin:.6rem 0 .6rem 1.2rem;

}


.vault-license-missing {

    color:var(--vault-red);

    font-style:italic;

}



/* ==========================================================
   DISAMBIGUATION NOTE
   (Template:Disambig-note)
   ========================================================== */

.vault-disambig-note {

    display:flex;

    align-items:flex-start;

    gap:.6rem;

    max-width:900px;

    margin:1.25rem 0 1.75rem;

    padding:.85rem 1.1rem;

    background:#fdf6e3;

    border:1px solid #e8d9a0;

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

    border-radius:0 6px 6px 0;

    font-size:.9rem;

    line-height:1.55;

}


.vault-disambig-icon {

    flex-shrink:0;

    color:var(--vault-amber);

    font-size:1rem;

    line-height:1.55;

}


.vault-disambig-text {

    color:var(--vault-text);

}


.vault-disambig-text i,
.vault-disambig-text em {

    color:var(--vault-purple);

    font-style:italic;

}



/* ==========================================================
   END OF SECTION 4
   ========================================================== */



/* ==========================================================
   REDIRECT HATNOTE
   (Template:Redirect)
   ========================================================== */

.vault-redirect-note {

    font-style:italic;

    font-size:.85rem;

    color:var(--vault-muted);

    margin:0 0 1rem;

    padding-bottom:.5rem;

    border-bottom:1px solid var(--vault-border);

}



/* ==========================================================
   THE VAULT HEADER
   (Template:TheVaultHeader)
   ========================================================== */

.vault-document-header {
    border-left:6px solid #1d4e89;
    background:#f4f7fb;
    margin-bottom:20px;
    padding:20px;
}

.vault-document-header-top {
    font-size:12px;
    letter-spacing:2px;
    color:#1d4e89;
    font-weight:bold;
}

.vault-document-title {
    font-size:28px;
    font-weight:bold;
    margin:10px 0 20px;
}

.vault-document-meta {
    border-top:1px solid #ddd;
    padding:8px 0;
}

.vault-document-meta span {
    display:block;
    font-size:11px;
    font-weight:bold;
    color:#666;
    letter-spacing:1px;
}



/* ==========================================================
   CONCEPT / GENRE OVERVIEW
   (Template:VaultConceptBrief)
   ========================================================== */

.vault-concept-assessment {

    background:var(--vault-white);

    border:1px solid var(--vault-border);

    border-radius:8px;

    margin:2rem 0;

    overflow:hidden;

}


.vault-concept-header {

    background:var(--vault-purple);

    color:white !important;

    padding:.9rem;

    text-align:center;

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

}


.vault-concept-grid {

    display:grid;

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

}


.vault-concept-item {

    padding:1rem;

    border-right:1px solid var(--vault-border);

}


.vault-concept-item:last-child {

    border-right:none;

}


.vault-concept-label {

    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    color:var(--vault-muted);

    text-transform:uppercase;

}


.vault-concept-value {

    margin-top:.4rem;

    color:var(--vault-text);

}


.vault-concept-summary {

    padding:1rem;

    border-top:1px solid var(--vault-border);

}


.vault-concept-summary .vault-concept-label {

    font-family:'JetBrains Mono',monospace;

    font-size:.65rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--vault-muted);

}


.vault-concept-summary .vault-concept-value {

    color:var(--vault-text);

    margin-top:.4rem;

    line-height:1.6;

}


/* TICK */

.vault-tick-box {
	float: right;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	border: 1px solid #2e7d32;
	border-radius: 4px;
	padding: 2px 8px;
	margin: 0 0 8px 8px;
	background: #f1f8f2;
}
.vault-tick-mark {
	color: #2e7d32;
	font-weight: bold;
}
.vault-tick-date {
	font-size: 0.8em;
	color: #555;
}

@@ Line 3: / Line 3: @@
     MediaWiki:Common.css
-    PART 1 — FOUNDATION
+    VERSION 2.0
-    Clean MediaWiki light theme with Vault branding
+   Archive Edition
+    Clean research archive aesthetic:
+   - Paper background
+   - Dark text
+   - Vault accent colours
+   - Cosmos compatible
     ========================================================== */
@@ Line 13: / Line 19: @@
 @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
+    COLOUR SYSTEM
     ========================================================== */
 :root {
-     --vault-purple:#6f32a8;
+     --vault-paper:#f4f1e8;
-     --vault-violet:#b34aff;
+     --vault-white:#ffffff;
-     --vault-green:#5c8f00;
+     --vault-text:#222222;
-     --vault-acid:#a6ff3f;
+     --vault-muted:#666666;
-    --vault-gold:#c28b00;
-    --vault-paper:#faf9f5;
+     --vault-border:#d8d2c4;
-    --vault-panel:#ffffff;
-     --vault-border:#d8d2c5;
-     --vault-text:#202122;
+     --vault-purple:#5c2d91;
-     --vault-muted:#666666;
+     --vault-purple-dark:#3d1d63;
-     --vault-blue:#1769aa;
+     --vault-green:#a6ff3f;
-     --vault-red:#b32424;
+    --vault-amber:#d89b00;
+     --vault-red:#a83232;
+    --vault-blue:#315f8c;
 }
@@ Line 43: / Line 47: @@
 /* ==========================================================
-    BASE MEDIAWIKI PAGE
+    BASE MEDIAWIKI
     ========================================================== */
-body {
+html {
      background:var(--vault-paper);
-    color:var(--vault-text);
-    font-family:'Space Grotesk', sans-serif;
 }
+body {
-#content,
+    background:var(--vault-paper) !important;
-.mw-body,
-#bodyContent {
-     background:var(--vault-paper);
+     color:var(--vault-text) !important;
-     color:var(--vault-text);
+     font-family:'Space Grotesk', sans-serif !important;
 }
@@ Line 70: / Line 70: @@
-/* ==========================================================
+#content,
-   ARTICLE CONTENT
+.mw-body,
-   ========================================================== */
+#bodyContent,
+#mw-content-text {
-.mw-parser-output {
+    background:transparent !important;
      color:var(--vault-text);
-    font-family:'Space Grotesk', sans-serif;
 }
@@ Line 84: / Line 83: @@
-.mw-parser-output p,
+.mw-parser-output {
-.mw-parser-output li,
-.mw-parser-output dd,
-.mw-parser-output dt,
-.mw-parser-output blockquote,
-.mw-parser-output td,
-.mw-parser-output th {
      color:var(--vault-text);
-}
-.mw-parser-output p {
      line-height:1.65;
@@ Line 107: / Line 94: @@
 /* ==========================================================
-    HEADINGS
+    TYPOGRAPHY
     ========================================================== */
 h1,
@@ Line 117: / Line 105: @@
 .mw-first-heading {
-    font-family:'Bungee', system-ui, sans-serif;
-     color:#222;
+    font-family:'Bungee',sans-serif !important;
+     color:var(--vault-purple-dark) !important;
      letter-spacing:.02em;
@@ Line 127: / Line 116: @@
-h1.firstHeading,
+.firstHeading,
 .mw-first-heading {
-     border-bottom:2px solid var(--vault-border);
+     border-bottom:3px solid var(--vault-purple);
      padding-bottom:.5rem;
 }
@@ Line 140: / Line 131: @@
 h2 {
-    color:var(--vault-purple);
      border-bottom:1px solid var(--vault-border);
+    padding-bottom:.3rem;
      margin-top:2rem;
 }
@@ Line 152: / Line 145: @@
 h3 {
-     color:#444;
+     color:var(--vault-purple);
 }
@@ Line 161: / Line 154: @@
     LINKS
     ========================================================== */
 a {
-     color:var(--vault-blue);
+     color:var(--vault-purple);
 }
@@ Line 172: / Line 166: @@
 a:visited {
-     color:#5c3d85;
+     color:#74509b;
 }
@@ Line 180: / Line 174: @@
 a:hover {
-     color:var(--vault-green);
+     color:#8a5cc4 !important;
 }
@@ Line 188: / Line 182: @@
 a.new {
-     color:var(--vault-red);
+     color:var(--vault-red) !important;
 }
@@ Line 197: / Line 191: @@
     TABLES
     ========================================================== */
 table.wikitable {
-    background:white;
-     color:var(--vault-text);
+     background:var(--vault-white) !important;
-     border:1px solid var(--vault-border);
+     color:var(--vault-text) !important;
-}
+    border:1px solid var(--vault-border) !important;
+}
-table.wikitable > tr > th,
-table.wikitable > * > tr > th {
-    background:var(--vault-purple);
-    color:white;
+table.wikitable th {
-    font-family:'JetBrains Mono', monospace;
-     letter-spacing:.05em;
+     background:var(--vault-purple) !important;
-}
+    color:white !important;
+    font-family:'JetBrains Mono',monospace;
-table.wikitable > tr > td,
+}
-table.wikitable > * > tr > td {
-    border-color:var(--vault-border);
-}
+table.wikitable td {
-table.wikitable tr:nth-child(even) td {
+    border-color:var(--vault-border) !important;
-    background:#faf8f2;
 }
@@ Line 243: / Line 232: @@
 /* ==========================================================
-    CODE / PREFORMATTED TEXT
+    CATEGORY FOOTER
     ========================================================== */
-code,
-pre {
-    font-family:'JetBrains Mono', monospace;
+#catlinks,
+.catlinks {
-}
+    background:var(--vault-white);
+    border:1px solid var(--vault-border);
-pre {
+    padding:.8rem;
-     background:#f5f2ea;
+     color:var(--vault-muted);
-    border:1px solid var(--vault-border);
-    color:#222;
 }
@@ Line 267: / Line 253: @@
-/* ==========================================================
+#catlinks a,
-   BLOCKQUOTES
+.catlinks a {
-   ========================================================== */
-blockquote {
-     border-left:4px solid var(--vault-purple);
+     color:var(--vault-purple);
-    background:#f8f5ed;
-    padding:.8rem 1rem;
+}
-    margin:1rem 0;
-    color:#444;
-}
+/* ==========================================================
+   THE VAULT
+   SECTION 2 — ARCHIVE COMPONENTS
+   ========================================================== */
 /* ==========================================================
-    CATEGORY FOOTER
+    VAULT HERO
     ========================================================== */
-#catlinks,
-.catlinks {
-     background:#f6f1e4;
+.vault-hero {
+     background:
+        linear-gradient(
+deg,
+            rgba(92,45,145,.08),
+            rgba(255,255,255,.9)
+        );
      border:1px solid var(--vault-border);
-     color:var(--vault-muted);
+     border-left:5px solid var(--vault-purple);
+    padding:2.5rem;
+    margin:1.5rem 0 2rem;
-     padding:.8rem;
+     text-align:center;
 }
@@ Line 306: / Line 299: @@
-#catlinks a,
+.vault-hero .vault-title {
-.catlinks a {
+    font-family:'Bungee',sans-serif;
+    font-size:2.8rem;
+    color:var(--vault-purple-dark);
+    margin:0;
+}
+.vault-hero .vault-title span {
      color:var(--vault-purple);
@@ Line 315: / Line 321: @@
-/* ==========================================================
+.vault-hero .vault-tagline {
-   MEDIAWIKI SEARCH / UI TEXT FIXES
-   ========================================================== */
-.mw-body,
+    font-family:'JetBrains Mono',monospace;
-.mw-body-content {
-     color:var(--vault-text);
+     text-transform:uppercase;
-}
+    letter-spacing:.15em;
+    color:var(--vault-muted);
+    font-size:.8rem;
-.mw-body a {
+    margin-top:.8rem;
-    color:var(--vault-blue);
 }
@@ Line 337: / Line 340: @@
 /* ==========================================================
-    END PART 1
+    ARCHIVE CARDS
-   PART 2 — VAULT COMPONENTS
     ========================================================== */
+.vault-card-grid {
+    display:grid;
+    grid-template-columns:
+        repeat(auto-fit,minmax(230px,1fr));
+    gap:1.2rem;
+    margin:2rem 0;
+}
-/* ==========================================================
-   THE VAULT @ THE E.E.R.I.E. FILES
-   PART 2 — VAULT COMPONENTS
-   Infoboxes, assessments, evidence panels,
+.vault-card {
-   profiles, notices, cards and branding elements
-   ========================================================== */
+    background:var(--vault-white);
-/* ==========================================================
+    border:1px solid var(--vault-border);
-   HERO / LANDING COMPONENTS
-   ========================================================== */
-.vault-hero {
+    border-radius:8px;
-     text-align:center;
+     padding:1.4rem;
-     padding:2rem 1rem;
+     text-decoration:none !important;
-     background:white;
+     display:block;
-     border:1px solid var(--vault-border);
+     transition:.2s ease;
-    border-radius:10px;
-    margin:1.5rem 0;
 }
@@ Line 381: / Line 381: @@
-.vault-hero .vault-title {
+.vault-card:hover {
-    font-family:'Bungee', system-ui, sans-serif;
-     font-size:2.2rem;
+     border-color:var(--vault-purple);
-     color:var(--vault-purple);
+     transform:translateY(-4px);
+    box-shadow:0 5px 15px rgba(0,0,0,.08);
-    margin:0;
 }
@@ Line 395: / Line 395: @@
-.vault-hero .vault-title span {
+.vault-card-icon {
-    color:var(--vault-green);
-}
+    font-size:2rem;
+    display:block;
+    margin-bottom:.8rem;
-.vault-hero .vault-tagline {
-    font-family:'JetBrains Mono', monospace;
+}
-    font-size:.75rem;
-    letter-spacing:.2em;
-    text-transform:uppercase;
+.vault-card-title {
-    color:var(--vault-muted);
-     margin-top:.6rem;
+     font-family:'Bungee',sans-serif;
-}
+    color:var(--vault-purple) !important;
+    font-size:1rem;
+}
-/* ==========================================================
-   CARDS / PORTALS / CASE GRID
-   ========================================================== */
-.vault-portal-grid,
+.vault-card-description {
-.vault-case-grid {
-    display:grid;
-     grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
+     color:var(--vault-muted);
-     gap:1rem;
+     font-size:.9rem;
-     margin:1.5rem 0;
+     line-height:1.5;
 }
@@ Line 440: / Line 436: @@
-.vault-portal-card,
+/* ==========================================================
-.vault-case-card {
+   FEATURED FILE
+   ========================================================== */
+.vault-feature {
-     background:white;
+     background:var(--vault-white);
      border:1px solid var(--vault-border);
-     border-radius:8px;
+     border-left:5px solid var(--vault-green);
-     padding:1.3rem;
+     padding:1.5rem;
-     text-decoration:none !important;
+     margin:2rem 0;
-    transition:.2s;
 }
@@ Line 459: / Line 459: @@
-.vault-portal-card:hover,
+.vault-feature-label {
-.vault-case-card:hover {
-    border-color:var(--vault-purple);
-     transform:translateY(-3px);
+     font-family:'JetBrains Mono',monospace;
-}
+    text-transform:uppercase;
+    font-size:.7rem;
+    letter-spacing:.12em;
-.vault-portal-card .label,
+    color:var(--vault-amber);
-.vault-case-card-title {
-    display:block;
-    font-family:'Bungee',system-ui,sans-serif;
+}
-    color:var(--vault-purple) !important;
-    margin-bottom:.5rem;
-}
+.vault-feature-title {
-.vault-portal-card .desc,
+    font-family:'Bungee',sans-serif;
-.vault-case-card-excerpt {
-     color:var(--vault-muted) !important;
+     font-size:1.4rem;
-     font-size:.85rem;
+     color:var(--vault-purple-dark);
-    line-height:1.5;
 }
@@ Line 499: / Line 492: @@
 /* ==========================================================
-    INFOBOX
+    VAULT INFOBOX
     ========================================================== */
 .vault-infobox {
      float:right;
-     width:280px;
+     width:300px;
-     margin:0 0 1rem 1.5rem;
+     margin:0 0 1.5rem 2rem;
-     background:white;
+     background:var(--vault-white);
      border:1px solid var(--vault-border);
@@ Line 517: / Line 512: @@
      overflow:hidden;
 }
@@ Line 523: / Line 519: @@
 .vault-infobox-header {
      background:var(--vault-purple);
-     color:var(--vault-acid);
+     color:white !important;
-     font-family:'Bungee',system-ui,sans-serif;
+     padding:1rem;
      text-align:center;
-     padding:.8rem;
+     font-family:'Bungee',sans-serif;
+    font-size:1rem;
 }
@@ Line 539: / Line 539: @@
 .vault-infobox-image {
      text-align:center;
-     padding:.5rem;
+     padding:1rem;
 }
@@ Line 549: / Line 551: @@
 .vault-infobox-image img {
      max-width:100%;
      height:auto;
 }
@@ Line 559: / Line 563: @@
 .vault-infobox-caption {
      font-size:.75rem;
@@ Line 564: / Line 569: @@
      color:var(--vault-muted);
-     padding:.5rem;
+     padding:.5rem 1rem 1rem;
 }
@@ Line 571: / Line 576: @@
 .vault-infobox-row {
      display:grid;
-     grid-template-columns:95px 1fr;
+     grid-template-columns:100px 1fr;
-     gap:.5rem;
+     gap:1rem;
-     padding:.55rem .8rem;
+     padding:.7rem 1rem;
      border-top:1px solid var(--vault-border);
 }
@@ Line 587: / Line 594: @@
 .vault-infobox-k {
      font-family:'JetBrains Mono',monospace;
+    text-transform:uppercase;
      font-size:.65rem;
-     text-transform:uppercase;
+     color:var(--vault-muted);
-    color:var(--vault-muted);
 }
@@ Line 601: / Line 610: @@
 .vault-infobox-v {
      color:var(--vault-text);
-}
-.vault-infobox-status {
-    color:var(--vault-green);
-    font-weight:bold;
 }
@@ Line 619: / Line 619: @@
 /* ==========================================================
-    VAULT ASSESSMENT
+    ASSESSMENT BOX
     ========================================================== */
 .vault-assessment {
      width:100%;
-    margin:1.8rem 0;
+     background:var(--vault-white);
-     background:white;
      border:1px solid var(--vault-border);
      border-radius:8px;
+    margin:2rem 0;
      overflow:hidden;
-    clear:both;
 }
@@ Line 643: / Line 644: @@
 .vault-assessment-header {
      background:var(--vault-purple);
-     color:var(--vault-acid);
+     color:white !important;
-     font-family:'Bungee',system-ui,sans-serif;
+     font-family:'Bungee',sans-serif;
      text-align:center;
-     padding:.8rem;
+     padding:.9rem;
 }
@@ Line 659: / Line 662: @@
 .vault-assessment-grid {
      display:grid;
-     grid-template-columns:repeat(2,1fr);
+     grid-template-columns:repeat(3,1fr);
 }
@@ Line 669: / Line 674: @@
 .vault-assessment-item {
      padding:1rem;
-     border-top:1px solid var(--vault-border);
+     border-right:1px solid var(--vault-border);
+}
+.vault-assessment-item:last-child {
+    border-right:none;
 }
@@ Line 679: / Line 696: @@
 .vault-assessment-label {
      font-family:'JetBrains Mono',monospace;
-     font-size:.7rem;
+     font-size:.65rem;
      text-transform:uppercase;
+    letter-spacing:.08em;
      color:var(--vault-muted);
 }
@@ Line 693: / Line 714: @@
 .vault-assessment-value {
      color:var(--vault-text);
+    margin-top:.4rem;
      line-height:1.5;
 }
@@ Line 704: / Line 729: @@
 .vault-assessment-status {
-     color:var(--vault-green);
+     color:#4c8b00;
      font-weight:bold;
 }
@@ Line 712: / Line 739: @@
-/* Assessment categories */
+/* ==========================================================
+   PROFILE / PERSON ASSESSMENT
+   ========================================================== */
+.vault-profile-assessment {
-.vault-assessment-cryptid .vault-assessment-header {
-     background:#355834;
+     background:var(--vault-white);
-}
+    border:1px solid var(--vault-border);
+    border-radius:8px;
+    margin:2rem 0;
-.vault-assessment-ufo .vault-assessment-header {
+    overflow:hidden;
-    background:#1d3f73;
 }
@@ Line 730: / Line 762: @@
-.vault-assessment-haunting .vault-assessment-header {
+.vault-profile-header {
-    background:#5b3b70;
-}
+    background:var(--vault-purple);
+    color:white !important;
+    padding:.9rem;
-.vault-assessment-parapsychology .vault-assessment-header {
+    text-align:center;
+    font-family:'Bungee',sans-serif;
-    background:#a36a00;
 }
@@ Line 746: / Line 780: @@
-.vault-assessment-forteana .vault-assessment-header {
+.vault-profile-grid {
+    display:grid;
+    grid-template-columns:repeat(3,1fr);
-    background:#444;
 }
@@ Line 754: / Line 792: @@
-.vault-assessment-folklore .vault-assessment-header {
+.vault-profile-item {
-    background:#765438;
-}
+    padding:1rem;
+    border-right:1px solid var(--vault-border);
-/* ==========================================================
+}
-   EVIDENCE ASSESSMENT
-   ========================================================== */
-.vault-evidence {
-    width:100%;
-    background:white;
+.vault-profile-label {
-    border:1px solid var(--vault-border);
-     border-radius:8px;
+     font-family:'JetBrains Mono',monospace;
+    font-size:.65rem;
+    color:var(--vault-muted);
-     overflow:hidden;
+     text-transform:uppercase;
-    margin:1.8rem 0;
 }
@@ Line 784: / Line 820: @@
-.vault-evidence-header {
+.vault-profile-value {
-    background:var(--vault-purple);
-     color:var(--vault-acid);
+     margin-top:.4rem;
-     font-family:'Bungee',system-ui,sans-serif;
+     color:var(--vault-text);
-    text-align:center;
-    padding:.8rem;
 }
@@ Line 800: / Line 832: @@
-.vault-evidence-score {
-    text-align:center;
-    font-size:2.2rem;
-    color:var(--vault-gold);
+/* ==========================================================
+   THE VAULT
+   SECTION 3 — ARCHIVE SYSTEM COMPONENTS
+   ========================================================== */
-    padding:1rem;
-}
+/* ==========================================================
+   EVIDENCE ASSESSMENT
+   ========================================================== */
+.vault-evidence {
-.vault-evidence-label {
-     text-align:center;
+     background:var(--vault-white);
-     font-family:'JetBrains Mono',monospace;
+     border:1px solid var(--vault-border);
+    border-radius:8px;
+    margin:2rem 0;
-     font-size:.75rem;
+     overflow:hidden;
-    text-transform:uppercase;
 }
@@ Line 828: / Line 864: @@
-.vault-evidence-grid {
+.vault-evidence-header {
-    display:grid;
-     grid-template-columns:repeat(2,1fr);
+     background:var(--vault-purple);
-}
+    color:white !important;
+    font-family:'Bungee',sans-serif;
+    text-align:center;
-.vault-evidence-item {
+    padding:.9rem;
-    padding:1rem;
-    border-top:1px solid var(--vault-border);
 }
@@ Line 848: / Line 882: @@
-.vault-evidence-title {
+.vault-evidence-score {
-    font-family:'JetBrains Mono',monospace;
-     font-size:.7rem;
+     text-align:center;
-     text-transform:uppercase;
+     font-family:'Bungee',sans-serif;
-     color:var(--vault-muted);
+     font-size:2.5rem;
-}
+    color:var(--vault-amber);
+    padding:1rem;
-.vault-evidence-value {
-    color:var(--vault-text);
 }
@@ Line 870: / Line 900: @@
-/* ==========================================================
+.vault-evidence-label {
-   PROFILE / LOCATION / WORK ASSESSMENTS
-   ========================================================== */
-.vault-profile-assessment,
-.vault-location-assessment,
-.vault-work-assessment {
-     width:100%;
+     text-align:center;
-     background:white;
+     font-family:'JetBrains Mono',monospace;
-     border:1px solid var(--vault-border);
+     text-transform:uppercase;
-     border-radius:8px;
+     font-size:.75rem;
-     margin:1.8rem 0;
+     color:var(--vault-muted);
-     overflow:hidden;
+     padding-bottom:1rem;
-    clear:both;
 }
@@ Line 896: / Line 920: @@
-.vault-profile-header,
+.vault-evidence-grid {
-.vault-location-header,
-.vault-work-header {
-     background:var(--vault-purple);
+     display:grid;
-     color:var(--vault-acid);
+     grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
-    font-family:'Bungee',system-ui,sans-serif;
+}
-    text-align:center;
-    padding:.8rem;
-}
+.vault-evidence-grid > *:not(.vault-evidence-item) {
+    display:none;
+}
-.vault-profile-grid,
-.vault-location-grid {
-    display:grid;
+.vault-evidence-item:only-child {
-     grid-template-columns:repeat(3,1fr);
+     grid-column:1 / -1;
 }
@@ Line 925: / Line 946: @@
-.vault-profile-item,
+.vault-evidence-item {
-.vault-location-item {
      padding:1rem;
-     border-right:1px solid var(--vault-border);
+     border-top:1px solid var(--vault-border);
 }
@@ Line 936: / Line 958: @@
-.vault-profile-label,
+.vault-evidence-title {
-.vault-location-label {
      font-family:'JetBrains Mono',monospace;
-     font-size:.7rem;
+     font-size:.65rem;
      text-transform:uppercase;
+    letter-spacing:.08em;
      color:var(--vault-muted);
 }
@@ Line 951: / Line 976: @@
-.vault-profile-value,
+.vault-evidence-value {
-.vault-location-value {
      color:var(--vault-text);
+    margin-top:.5rem;
      line-height:1.5;
 }
@@ Line 962: / Line 990: @@
-.vault-profile-summary,
+/* ==========================================================
-.vault-location-summary {
+   WORK ASSESSMENT
+   ========================================================== */
-    border-top:1px solid var(--vault-border);
-    padding:1rem;
+.vault-work-assessment {
-}
+    background:var(--vault-white);
+    border:1px solid var(--vault-border);
-/* ==========================================================
+    border-radius:8px;
-   WORK ASSESSMENT
-   ========================================================== */
-.vault-work-row {
+    margin:2rem 0;
-     display:grid;
+     overflow:hidden;
-    grid-template-columns:130px 1fr;
-    padding:.8rem 1rem;
+}
-    border-top:1px solid var(--vault-border);
-}
+.vault-work-header {
-.vault-work-section {
+    background:var(--vault-purple);
-     padding:1rem;
+     color:white !important;
-     border-top:1px solid var(--vault-border);
+     font-family:'Bungee',sans-serif;
-}
+    text-align:center;
+    padding:.9rem;
-.vault-work-k {
+}
-    font-family:'JetBrains Mono',monospace;
-    font-size:.7rem;
-    text-transform:uppercase;
+.vault-work-row {
-    color:var(--vault-muted);
-}
+    display:grid;
+    grid-template-columns:140px 1fr;
+    gap:1rem;
-.vault-work-v {
+    padding:1rem;
-     color:var(--vault-text);
+     border-top:1px solid var(--vault-border);
-    line-height:1.6;
 }
@@ Line 1,025: / Line 1,049: @@
-/* ==========================================================
+.vault-work-section {
-   NOTICES
-   ========================================================== */
-.vault-notice {
-     background:white;
+     padding:1.2rem;
-     border:1px solid var(--vault-border);
+     border-top:1px solid var(--vault-border);
-    border-left:5px solid var(--vault-gold);
-    border-radius:6px;
+}
-    padding:1rem 1.2rem;
-    margin:1.5rem 0;
-}
+.vault-work-k {
-.vault-notice-header {
      font-family:'JetBrains Mono',monospace;
-    font-size:.7rem;
      text-transform:uppercase;
-     color:var(--vault-gold);
+    font-size:.65rem;
+     color:var(--vault-muted);
 }
@@ Line 1,061: / Line 1,077: @@
-.vault-notice-title {
+.vault-work-v {
-    font-family:'Bungee',system-ui,sans-serif;
-     color:var(--vault-purple);
+     color:var(--vault-text);
-}
+    line-height:1.6;
+}
-.vault-notice-body {
-    color:var(--vault-text);
-    line-height:1.5;
+/* ==========================================================
+   LOCATION ASSESSMENT
+   ========================================================== */
-}
+.vault-location-assessment {
-.vault-notice.warning {
+    background:var(--vault-white);
-     border-left-color:#b32424;
+     border:1px solid var(--vault-border);
-}
+    border-radius:8px;
+    margin:2rem 0;
+    overflow:hidden;
-.vault-notice.research {
-    border-left-color:#1769aa;
 }
@@ Line 1,097: / Line 1,112: @@
-.vault-notice.featured {
+.vault-location-header {
-    border-left-color:var(--vault-green);
-}
+    background:var(--vault-purple);
+    color:white !important;
+    font-family:'Bungee',sans-serif;
-/* ==========================================================
+    text-align:center;
-   END PART 2
-   PART 3 — BUTTONS, TAGS, RESPONSIVE & FINAL FIXES
-   ========================================================== */
+    padding:.9rem;
+}
+.vault-location-grid {
-/* ==========================================================
-   THE VAULT @ THE E.E.R.I.E. FILES
-   PART 3 — FINAL COMPONENTS & SYSTEM OVERRIDES
+    display:grid;
-   Buttons, tags, stats, references, categories,
+    grid-template-columns:repeat(3,1fr);
-   edit pages and responsive layout
-   ========================================================== */
+}
-/* ==========================================================
-   BUTTONS
-   ========================================================== */
-.vault-cta-strip {
-    text-align:center;
+.vault-location-item {
-    background:white;
-     border:1px solid var(--vault-border);
+     padding:1rem;
-     border-radius:8px;
+     border-right:1px solid var(--vault-border);
-    padding:1.5rem;
-    margin:1.8rem 0;
 }
@@ Line 1,149: / Line 1,154: @@
-.vault-btn {
+.vault-location-item:last-child {
-    display:inline-block;
-     font-family:'JetBrains Mono',monospace;
+     border-right:none;
-    font-size:.78rem;
-    text-transform:uppercase;
+}
-    letter-spacing:.06em;
-    padding:.7rem 1.3rem;
-    border-radius:4px;
+.vault-location-label {
-    margin:.3rem;
-     font-weight:bold;
+     font-family:'JetBrains Mono',monospace;
-     text-decoration:none !important;
+     text-transform:uppercase;
-}
+    font-size:.65rem;
+    color:var(--vault-muted);
-.vault-btn-primary {
+}
-    background:var(--vault-green) !important;
-    color:white !important;
-}
+.vault-location-value {
+    margin-top:.4rem;
-.vault-btn-vault {
+    color:var(--vault-text);
-    background:var(--vault-purple) !important;
+}
-    color:white !important;
-}
+/* ==========================================================
+   NOTICE BOXES
+   ========================================================== */
-.vault-btn-outline {
+.vault-notice {
-    background:white !important;
-     color:var(--vault-purple) !important;
+     background:var(--vault-white);
-     border:1px solid var(--vault-purple);
+     border:1px solid var(--vault-border);
-}
+    border-left:5px solid var(--vault-amber);
+    padding:1.2rem;
+    margin:2rem 0;
-.vault-btn:hover {
+    border-radius:6px;
-    opacity:.85;
 }
@@ Line 1,215: / Line 1,216: @@
-/* ==========================================================
+.vault-notice-header {
-   TAGS
-   ========================================================== */
-.vault-tag {
-    display:inline-block;
      font-family:'JetBrains Mono',monospace;
-     font-size:.68rem;
+     font-size:.7rem;
      text-transform:uppercase;
-     letter-spacing:.06em;
+     letter-spacing:.1em;
-     background:#f2eafa;
+     color:var(--vault-amber);
-    color:var(--vault-purple) !important;
-    border:1px solid #d5b9ee;
+}
-    padding:.25rem .7rem;
-    border-radius:999px;
-    text-decoration:none !important;
+.vault-notice-title {
-    margin:.2rem;
-}
+    font-family:'Bungee',sans-serif;
+    color:var(--vault-purple-dark);
-.vault-tag:hover {
+    margin:.5rem 0;
-    background:#e5d4f5;
 }
@@ Line 1,257: / Line 1,248: @@
-/* ==========================================================
+.vault-notice-body {
-   FEATURE / DID YOU KNOW BOXES
-   ========================================================== */
-.vault-featured,
-.vault-dyk {
-     background:white;
+     color:var(--vault-text);
-     border:1px solid var(--vault-border);
+     line-height:1.6;
-    border-left:5px solid var(--vault-green);
-    border-radius:6px;
+}
-    padding:1.2rem 1.5rem;
-     margin:1.5rem 0;
+.vault-notice.warning {
+     border-left-color:var(--vault-red);
 }
@@ Line 1,280: / Line 1,269: @@
-.vault-featured-title {
+.vault-notice.research {
-    font-family:'Bungee',system-ui,sans-serif;
-     color:var(--vault-purple);
+     border-left-color:var(--vault-blue);
 }
@@ Line 1,290: / Line 1,278: @@
-.vault-eyebrow {
+.vault-notice.featured {
-    font-family:'JetBrains Mono',monospace;
-     text-transform:uppercase;
+     border-left-color:var(--vault-green);
-    font-size:.7rem;
-    color:var(--vault-gold);
 }
@@ Line 1,308: / Line 1,291: @@
     ========================================================== */
-.vault-stats-bar {
+.vault-stats {
      display:grid;
-     grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
+     grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
      gap:1rem;
-     background:white;
+     background:var(--vault-white);
      border:1px solid var(--vault-border);
@@ Line 1,322: / Line 1,307: @@
      border-radius:8px;
-     padding:1.3rem;
+     padding:1.5rem;
-     margin:1.8rem 0;
+     margin:2rem 0;
      text-align:center;
 }
@@ Line 1,332: / Line 1,318: @@
-.vault-stats-bar-item {
+.vault-stat-number {
-    display:flex;
-     flex-direction:column;
+     font-family:'Bungee',sans-serif;
-}
+    font-size:2rem;
+    color:var(--vault-purple);
-.vault-stats-bar-number {
+}
-    font-family:'Bungee',system-ui,sans-serif;
-    font-size:1.8rem;
-    color:var(--vault-purple);
+.vault-stat-label {
-}
+     font-family:'JetBrains Mono',monospace;
-.vault-stats-bar-label {
-     font-family:'JetBrains Mono',monospace;
      font-size:.7rem;
@@ Line 1,368: / Line 1,347: @@
-.vault-stats-bar a {
+/* ==========================================================
+   BUTTONS / CALL TO ACTIONS
+   ========================================================== */
-    text-decoration:none;
-}
+.vault-cta {
+    background:var(--vault-purple);
-/* ==========================================================
+    color:white;
-   REFERENCES
-   ========================================================== */
-.reflist {
+    text-align:center;
-     color:var(--vault-text);
+     padding:2rem;
-     font-size:.9rem;
+     margin:2rem 0;
-}
+    border-radius:8px;
+}
-.reflist a {
-    color:var(--vault-blue);
-}
+.vault-cta-title {
+    font-family:'Bungee',sans-serif;
-.reflist a:hover {
+     font-size:1.5rem;
-     color:var(--vault-green);
 }
@@ Line 1,406: / Line 1,383: @@
-/* Reference target highlight */
+.vault-btn {
-#mw-content-text li:target {
-     background:#fff8dc;
+     display:inline-block;
-     padding:.3rem;
+     padding:.7rem 1.5rem;
-}
+    margin:.5rem;
+    border-radius:5px;
+    font-family:'JetBrains Mono',monospace;
-/* ==========================================================
+    text-transform:uppercase;
-   CATEGORY PAGES
-   ========================================================== */
-#mw-pages,
+    font-size:.75rem;
-.mw-category,
-.mw-category-group {
+    text-decoration:none !important;
-    color:var(--vault-text);
 }
@@ Line 1,432: / Line 1,407: @@
-#mw-pages a,
+.vault-btn-primary {
-.mw-category a,
-.mw-category-group a {
+    background:var(--vault-green);
+    color:#111 !important;
-    color:var(--vault-blue);
 }
@@ Line 1,442: / Line 1,419: @@
-#mw-pages a:hover,
+.vault-btn-secondary {
-.mw-category a:hover,
-.mw-category-group a:hover {
+    background:white;
+    color:var(--vault-purple) !important;
-    color:var(--vault-green);
 }
@@ Line 1,453: / Line 1,432: @@
 /* ==========================================================
-    EDIT PAGE FIXES
+    TAGS
     ========================================================== */
-#editform,
-#editform label,
-#editform p,
-#editform .editOptions,
-.mw-editTools,
-#editpage-copywarn,
-.editnotice-area {
-    color:var(--vault-text);
+.vault-tag {
-}
+    display:inline-block;
+    background:#eee7f5;
-.oo-ui-fieldLayout-header,
+    border:1px solid #d5c5e8;
-.oo-ui-labelElement,
-.oo-ui-labelElement-label,
-.oo-ui-labelWidget.oo-ui-inline-help {
-     color:var(--vault-text);
+     color:var(--vault-purple) !important;
-}
+    border-radius:20px;
+    padding:.25rem .7rem;
+    margin:.2rem;
-/* ==========================================================
+    font-size:.7rem;
-   MEDIAWIKI MESSAGE BOXES
-   Keep native MediaWiki warning/error styling
+    font-family:'JetBrains Mono',monospace;
-   ========================================================== */
-.cdx-message {
+    text-transform:uppercase;
-    color:#202122;
 }
@@ Line 1,496: / Line 1,465: @@
 /* ==========================================================
-    FOOTNOTES / SMALL TEXT
+    COSMOS SKIN COMPATIBILITY
     ========================================================== */
-.mw-parser-output small {
-     color:var(--vault-muted);
+#cosmos-rail .rail-module,
+.rail-module {
+    background:var(--vault-white);
+    border:1px solid var(--vault-border);
+    color:var(--vault-text);
+}
+.rail-module-header {
+     color:var(--vault-purple) !important;
+    font-family:'JetBrains Mono',monospace;
 }
@@ Line 1,507: / Line 1,496: @@
-/* ==========================================================
+#searchInput,
-   RECENT CHANGES CLEANUP
+.cosmos-searchInput input {
+    background:white !important;
-   Keeps page names and timestamps,
+    color:var(--vault-text) !important;
-   hides unnecessary metadata
-   ========================================================== */
-.mw-changeslist-user,
+    border:1px solid var(--vault-border) !important;
-.mw-usertoollinks,
-.mw-changeslist-bytes,
-.mw-plusminus-pos,
-.mw-plusminus-neg,
-.mw-tag-markers,
-.comment {
-    display:none !important;
 }
@@ Line 1,532: / Line 1,515: @@
     ========================================================== */
-@media screen and (max-width:700px) {
+@media screen and (max-width:800px) {
      .vault-infobox {
          float:none;
@@ Line 1,542: / Line 1,527: @@
          margin:1rem 0;
      }
      .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;
+    .vault-evidence-grid {
+         grid-template-columns:1fr;
-        border-bottom:1px solid var(--vault-border);
      }
      .vault-work-row {
          grid-template-columns:1fr;
      }
      .vault-hero .vault-title {
-        font-size:1.6rem;
-    }
+        font-size:2rem;
-    .vault-case-grid,
-    .vault-portal-grid {
-        grid-template-columns:1fr;
      }
@@ Line 1,593: / Line 1,579: @@
 /* ==========================================================
-    FINAL CLEANUP
+    END OF THE VAULT ARCHIVE STYLE SYSTEM
     ========================================================== */
-/* Prevent assessment boxes being squeezed beside floats */
-.vault-assessment,
-.vault-evidence,
-.vault-profile-assessment,
-.vault-location-assessment,
-.vault-work-assessment {
-    clear:both;
+/* =========================================
+   VAULT HOMEPAGE REDESIGN
+========================================= */
+.vault-home{
+max-width:1200px;
+margin:auto;
+padding:20px;
 }
+.vault-terminal-header{
+text-align:center;
+padding:70px 20px;
+border-bottom:1px solid #ddd;
+}
-/* Images behave nicely inside content */
+.vault-logo{
+font-family:'Bungee',sans-serif;
+font-size:72px;
+letter-spacing:8px;
+}
-.mw-parser-output img {
-    max-width:100%;
+.vault-tagline{
+font-family:'JetBrains Mono',monospace;
+letter-spacing:5px;
+font-size:14px;
+color:#777;
+margin-top:15px;
+}
-    height:auto;
+.vault-search{
+margin:40px auto 0;
+border:1px solid #ccc;
+padding:18px;
+max-width:500px;
+font-family:'JetBrains Mono',monospace;
+color:#777;
 }
-/* Keep Vault headers consistent */
+.vault-label,
+.vault-section-heading{
+font-family:'JetBrains Mono',monospace;
+font-size:12px;
+letter-spacing:3px;
+text-transform:uppercase;
+color:#777;
+margin-bottom:20px;
+}
-.vault-infobox-header,
-.vault-assessment-header,
-.vault-evidence-header,
-.vault-profile-header,
-.vault-location-header,
-.vault-work-header {
-    letter-spacing:.04em;
+.vault-dossier{
+margin:60px 0;
+border:1px solid #ddd;
+padding:30px;
 }
+.vault-dossier-grid{
+display:grid;
+grid-template-columns:1fr 1fr;
+gap:40px;
+align-items:center;
+}
-/* ==========================================================
+.vault-dossier-image img{
-    END OF THE VAULT COMMON.CSS
+width:100%;
+height:auto;
+}
+.vault-dossier-content h1{
+font-family:'Bungee',sans-serif;
+font-size:36px;
+}
+.vault-meta{
+font-family:'JetBrains Mono',monospace;
+font-size:13px;
+padding:10px 0;
+border-bottom:1px solid #eee;
+}
+.vault-index{
+margin:60px 0;
+}
+.vault-index-grid{
+display:grid;
+grid-template-columns:repeat(3,1fr);
+gap:20px;
+}
+.vault-index-item{
+border:1px solid #ddd;
+padding:25px;
+}
+.vault-index-item h2{
+font-family:'JetBrains Mono',monospace;
+font-size:18px;
+}
+.vault-index-item a{
+font-family:'JetBrains Mono',monospace;
+font-size:12px;
+}
+.vault-columns{
+display:grid;
+grid-template-columns:1fr 1fr;
+gap:30px;
+margin:50px 0;
+}
+.vault-panel,
+.vault-record{
+border:1px solid #ddd;
+padding:25px;
+}
+.vault-statistics{
+display:grid;
+grid-template-columns:repeat(4,1fr);
+margin:60px 0;
+border-top:1px solid #ddd;
+border-bottom:1px solid #ddd;
+}
+.vault-statistics div{
+text-align:center;
+padding:30px;
+font-family:'JetBrains Mono',monospace;
+}
+.vault-statistics span{
+display:block;
+font-family:'Bungee',sans-serif;
+font-size:36px;
+}
+.vault-footer{
+text-align:center;
+padding:50px;
+font-family:'JetBrains Mono',monospace;
+}
+@media(max-width:900px){
+.vault-dossier-grid,
+.vault-index-grid,
+.vault-columns,
+.vault-statistics{
+grid-template-columns:1fr;
+}
+.vault-logo{
+font-size:42px;
+}
+}
+/* ==========================================================
+    CASE CARD (compact preview grid)
     ========================================================== */
+.vault-case-grid {
+    display:grid;
+    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
+    gap:1.2rem;
+    margin:2rem 0;
+}
+.vault-case-card {
+    background:var(--vault-white);
+    border:1px solid var(--vault-border);
+    border-radius:8px;
+    padding:1.3rem;
+    display:flex;
+    flex-direction:column;
+    gap:.6rem;
+    transition:.2s ease;
+}
+.vault-case-card:hover {
+    border-color:var(--vault-purple);
+    transform:translateY(-4px);
+    box-shadow:0 5px 15px rgba(0,0,0,.08);
+}
+.vault-case-card-title {
+    font-family:'Bungee',sans-serif;
+    font-size:1rem;
+    color:var(--vault-purple-dark);
+}
+.vault-case-card-title a {
+    color:var(--vault-purple-dark) !important;
+}
+.vault-case-card-excerpt {
+    color:var(--vault-muted);
+    font-size:.85rem;
+    line-height:1.5;
+}
+/* ==========================================================
+   THE VAULT
+   SECTION 4 — ADDED FOR TEMPLATE SUPPORT
+   (Template:VaultResearchAssessment, Template:VaultOrganisationAssessment,
+   Template:PD-Crown, Template:OGL3, Template:Permission-granted,
+   Template:Disambig-note)
+   ========================================================== */
+/* ==========================================================
+   ASSESSMENT SUMMARY
+   (the full-width "SIGNIFICANCE" / "LEGACY" block that sits
+   below the grid in VaultResearchAssessment and
+   VaultOrganisationAssessment — this class was referenced by
+   both templates but never actually defined)
+   ========================================================== */
+.vault-assessment-summary {
+    padding:1rem;
+    border-top:1px solid var(--vault-border);
+}
+.vault-assessment-summary .vault-assessment-label {
+    font-family:'JetBrains Mono',monospace;
+    font-size:.65rem;
+    text-transform:uppercase;
+    letter-spacing:.08em;
+    color:var(--vault-muted);
+}
+.vault-assessment-summary .vault-assessment-value {
+    color:var(--vault-text);
+    margin-top:.4rem;
+    line-height:1.6;
+}
+/* ==========================================================
+   LICENSE TAGS
+   (Template:PD-Crown, Template:OGL3, Template:Permission-granted)
+   ========================================================== */
+.vault-license-tag {
+    background:var(--vault-white);
+    border:1px solid var(--vault-border);
+    border-radius:8px;
+    margin:1.5rem 0;
+    overflow:hidden;
+    font-size:.9rem;
+}
+.vault-license-header {
+    color:white !important;
+    font-family:'JetBrains Mono',monospace;
+    text-transform:uppercase;
+    letter-spacing:.08em;
+    font-size:.75rem;
+    text-align:center;
+    padding:.8rem;
+}
+.vault-license-body {
+    padding:1.2rem;
+    color:var(--vault-text);
+    line-height:1.6;
+}
+.vault-license-body ul {
+    margin:.6rem 0 .6rem 1.2rem;
+}
+.vault-license-missing {
+    color:var(--vault-red);
+    font-style:italic;
+}
+/* ==========================================================
+   DISAMBIGUATION NOTE
+   (Template:Disambig-note)
+   ========================================================== */
+.vault-disambig-note {
+    display:flex;
+    align-items:flex-start;
+    gap:.6rem;
+    max-width:900px;
+    margin:1.25rem 0 1.75rem;
+    padding:.85rem 1.1rem;
+    background:#fdf6e3;
+    border:1px solid #e8d9a0;
+    border-left:4px solid var(--vault-amber);
+    border-radius:0 6px 6px 0;
+    font-size:.9rem;
+    line-height:1.55;
+}
+.vault-disambig-icon {
+    flex-shrink:0;
+    color:var(--vault-amber);
+    font-size:1rem;
+    line-height:1.55;
+}
+.vault-disambig-text {
+    color:var(--vault-text);
+}
+.vault-disambig-text i,
+.vault-disambig-text em {
+    color:var(--vault-purple);
+    font-style:italic;
+}
+/* ==========================================================
+   END OF SECTION 4
+   ========================================================== */
+/* ==========================================================
+   REDIRECT HATNOTE
+   (Template:Redirect)
+   ========================================================== */
+.vault-redirect-note {
+    font-style:italic;
+    font-size:.85rem;
+    color:var(--vault-muted);
+    margin:0 0 1rem;
+    padding-bottom:.5rem;
+    border-bottom:1px solid var(--vault-border);
+}
+/* ==========================================================
+   THE VAULT HEADER
+   (Template:TheVaultHeader)
+   ========================================================== */
+.vault-document-header {
+    border-left:6px solid #1d4e89;
+    background:#f4f7fb;
+    margin-bottom:20px;
+    padding:20px;
+}
+.vault-document-header-top {
+    font-size:12px;
+    letter-spacing:2px;
+    color:#1d4e89;
+    font-weight:bold;
+}
+.vault-document-title {
+    font-size:28px;
+    font-weight:bold;
+    margin:10px 0 20px;
+}
+.vault-document-meta {
+    border-top:1px solid #ddd;
+    padding:8px 0;
+}
+.vault-document-meta span {
+    display:block;
+    font-size:11px;
+    font-weight:bold;
+    color:#666;
+    letter-spacing:1px;
+}
+/* ==========================================================
+   CONCEPT / GENRE OVERVIEW
+   (Template:VaultConceptBrief)
+   ========================================================== */
+.vault-concept-assessment {
+    background:var(--vault-white);
+    border:1px solid var(--vault-border);
+    border-radius:8px;
+    margin:2rem 0;
+    overflow:hidden;
+}
+.vault-concept-header {
+    background:var(--vault-purple);
+    color:white !important;
+    padding:.9rem;
+    text-align:center;
+    font-family:'Bungee',sans-serif;
+}
+.vault-concept-grid {
+    display:grid;
+    grid-template-columns:repeat(3,1fr);
+}
+.vault-concept-item {
+    padding:1rem;
+    border-right:1px solid var(--vault-border);
+}
+.vault-concept-item:last-child {
+    border-right:none;
+}
+.vault-concept-label {
+    font-family:'JetBrains Mono',monospace;
+    font-size:.65rem;
+    color:var(--vault-muted);
+    text-transform:uppercase;
+}
+.vault-concept-value {
+    margin-top:.4rem;
+    color:var(--vault-text);
+}
+.vault-concept-summary {
+    padding:1rem;
+    border-top:1px solid var(--vault-border);
+}
+.vault-concept-summary .vault-concept-label {
+    font-family:'JetBrains Mono',monospace;
+    font-size:.65rem;
+    text-transform:uppercase;
+    letter-spacing:.08em;
+    color:var(--vault-muted);
+}
+.vault-concept-summary .vault-concept-value {
+    color:var(--vault-text);
+    margin-top:.4rem;
+    line-height:1.6;
+}
+/* TICK */
+.vault-tick-box {
+	float: right;
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	border: 1px solid #2e7d32;
+	border-radius: 4px;
+	padding: 2px 8px;
+	margin: 0 0 8px 8px;
+	background: #f1f8f2;
+}
+.vault-tick-mark {
+	color: #2e7d32;
+	font-weight: bold;
+}
+.vault-tick-date {
+	font-size: 0.8em;
+	color: #555;
+}

GaryJJSpate (talk | contribs)

Latest revision as of 21:38, 3 August 2026