Template:Reflist/styles.css

/* Template:Reflist/styles.css */

/* === Base reference list === */
.lw-reflist {
    font-size: 0.9em;
    line-height: 1.5;
    margin-top: 0.5em;
    color: rgba(0, 0, 0, 0.75);
}

/* Reference items */
.lw-reflist ol.references {
    margin: 0;
    padding-left: 2.5em;
    list-style-type: decimal;
}

.lw-reflist ol.references li {
    padding: 0.25em 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Backlink styling */
.lw-reflist .mw-cite-backlink {
    font-weight: 600;
    color: #2d6a4f;
}

/* Reference text styling */
.lw-reflist .reference-text {
    color: rgba(0, 0, 0, 0.8);
}

/* External links in references */
.lw-reflist a.external {
    color: #2d6a4f;
    text-decoration: none;
}

.lw-reflist a.external:hover {
    text-decoration: underline;
    color: #1b4332;
}

/* === Column variants === */
.lw-reflist--cols {
    column-gap: 2em;
}

/* Prevent orphaned references */
.lw-reflist--cols ol.references li {
    break-inside: avoid;
    page-break-inside: avoid;
}

/* Full-width variant (no columns) */
.lw-reflist--full {
    column-width: unset !important;
}

/* === Responsive behavior === */
@media (max-width: 720px) {
    .lw-reflist {
        font-size: 0.85em;
    }
    
    .lw-reflist--cols {
        column-width: unset !important;
        columns: 1 !important;
    }
}

/* === Dark mode support (Citizen skin) === */
@media (prefers-color-scheme: dark) {
    .lw-reflist {
        color: rgba(255, 255, 255, 0.8);
    }
    
    .lw-reflist .mw-cite-backlink {
        color: #74c69d;
    }
    
    .lw-reflist a.external {
        color: #74c69d;
    }
    
    .lw-reflist a.external:hover {
        color: #95d5b2;
    }
}