Module:Reference/styles.css

/* Module:Reference styles
 * Styles for reference lists, bibliographies, and footnotes
 * Includes dark mode support via [data-theme="dark"]
 */

/* ==========================================================================
   Reference List (Reflist)
   ========================================================================== */

.reflist {
    font-size: 90%;
    margin-bottom: 0.5em;
}

.reflist-columns {
    column-gap: 2em;
}

.reflist ol {
    margin: 0;
    padding-left: 2em;
    list-style-type: decimal;
    list-style-position: outside;
}

.reflist li {
    margin-bottom: 0.25em;
    padding-left: 0.5em;
}

/* Notes (explanatory footnotes) */
.reflist-notes {
    font-size: 90%;
}

/* ==========================================================================
   Bibliography (Refbegin/Refend)
   ========================================================================== */

.refbegin {
    font-size: 90%;
    margin-bottom: 0.5em;
}

.refbegin-columns {
    column-gap: 2em;
}

/* Hanging indent for bibliography entries */
.refbegin ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.refbegin li {
    padding-left: 2em;
    text-indent: -2em;
    margin-bottom: 0.5em;
}

/* ==========================================================================
   Dark Mode
   ========================================================================== */

[data-theme="dark"] .reflist {
    color: #e0e0e0;
}

[data-theme="dark"] .refbegin {
    color: #e0e0e0;
}

/* Ensure reference links are visible in dark mode */
[data-theme="dark"] .reflist a,
[data-theme="dark"] .refbegin a {
    color: #6db3f2;
}

[data-theme="dark"] .reflist a:visited,
[data-theme="dark"] .refbegin a:visited {
    color: #b695c0;
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    .reflist,
    .refbegin {
        font-size: 9pt;
        column-count: 1 !important;
        column-width: auto !important;
    }

    .reflist-columns,
    .refbegin-columns {
        column-count: 1 !important;
    }
}