MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Make the Cite extension list of references look smaller */
ol.references {
    font-size: 90%;
}

/* Mobile view: Ensure single column across all native wrapper elements */
.mw-references-wrap,
.mw-references-columns,
ol.references,
.references {
    column-count: 1 !important;
    column-width: auto !important;
}

/* Tablet & Desktop view: Prevent nested columns, lock layout to exactly 2 columns */
@media screen and (min-width: 768px) {
    /* 1. Turn off columns entirely on the parent outer containers */
    .mw-references-wrap,
    .mw-references-columns {
        column-count: 1 !important;
        column-width: auto !important;
    }
    
    /* 2. Force exactly 2 columns strictly on the actual list layer with a forced gap */
    ol.references,
    .references {
        column-count: 2 !important;
        column-width: auto !important;
        column-gap: 3.5em !important; /* Forces a wide, highly visible gap between the columns */
    }

    /* 3. Extra safeguard: Ensure list items don't crowd the center line */
    ol.references li,
    .references li {
        padding-right: 1.5em !important; /* Pushes the citation text away from the center gap */
        break-inside: avoid-column; /* Prevents an individual reference from splitting across columns */
    }
}