MediaWiki:Common.css

/* Version 1.1.6 - Universal KH Leaf (Full Desktop-on-Mobile Force) */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap');

:root {
    --kh-green: #3e5a47;
    --kh-yellow: #ffd700;
    --kh-dark-text: #2d4234;
    --kh-light-bg: #f9fdfa;
    --kh-border: 2px solid var(--kh-green);
}

/* 1. GLOBAL STYLES */
body { 
    font-family: 'Crimson Pro', serif !important; 
    background-color: var(--kh-light-bg); 
    min-width: 1200px !important; /* Prevents body from shrinking */
}
a { color: var(--kh-green); }
h1, h2, h3, .mw-headline { 
    color: var(--kh-green) !important; 
    font-family: 'Cinzel', serif !important; 
}
h2::before, h3::before { content: "\1F343\0020"; }

/* 2. COSMOS HEADER */
#cosmos-header, .header-container {
    background-color: var(--kh-green) !important;
    border-bottom: 3px solid var(--kh-yellow) !important;
    min-width: 1200px !important;
}

/* 3. FORCE DESKTOP STRUCTURE (Flexbox Logic) */
/* This forces the Content and Rail to stay side-by-side even on mobile */
#cosmos-content, .mw-body {
    display: flex !important;
    flex-direction: row !important; 
    flex-wrap: nowrap !important;
    width: 1200px !important;
    max-width: 1200px !important;
    margin: 40px auto !important;
    background: white;
}

/* Force the Sidebar (Rail) to be visible and fixed width */
#cosmos-right-rail, .cosmos-right-rail {
    display: block !important;
    visibility: visible !important;
    width: 300px !important;
    min-width: 300px !important;
    flex: 0 0 300px !important;
}

/* Force the Main Content area */
#cosmos-content-main, #bodyContent {
    flex: 0 0 880px !important;
    width: 880px !important;
    display: block !important;
}

/* 4. FOOTER */
.mw-parser-output::after {
    content: "\1F343\000A END OF ENTRY";
    white-space: pre !important;
    display: block !important;
    text-align: center !important;
    margin-top: 50px !important;
    color: var(--kh-green) !important;
    font-family: 'Cinzel', serif;
}