MediaWiki:Gadget-Site.css

/* ----------
<nowiki>
CSS Style
* Indent with tab characters
* One line space between each declaration
* One selector per line
* Opening brace on the same line as the last selector
* Don't omit optional semicolons
* Closing brace on its own line
* Closing brace indented to match the preceding style declarations
* Alternatively, very short style rules may be all on one line
---------- */

/* csslint adjoining-classes:false */
/* See also [[MediaWiki:Minerva.css]], [[MediaWiki:Vector.css]] */

sup,
sub {
	/* prevent odd line-height for raised and lowered characters */
	line-height: 1em;
}

/* and keep links at normal font size/weight, else they inherit the header
	attributes */
.editsection {
	font-size: 100%;
	font-weight: normal;
}

pre code,
code code {
	border: none;
	padding: 0;
}

pre var,
code var {
	color: var(--wikt-palette-grey-9,#777);
}

/* This fixes a bug where certain Tibetan terms are cut off at the bottom... */

#firstHeading {
	overflow: visible;
}

.ns-0 .timed-text {
	display: none;
}

.client-js .audiometa {
	display: none;
}

.client-nojs .audiofile {
	display: none;
}

.nowrap {
	white-space: nowrap;
}

/* wikitable is part of core. prettytable is deprecated but still used in some
	places, until fully replaced: */

table.prettytable {
	margin: 1em 1em 1em 0;
	background: var(--wikt-palette-paleblue, #f8f9fa);
	border: 1px var(--border-color-base, #aaaaaa) solid;
	border-collapse: collapse;
}

table.prettytable th,
table.prettytable td {
	border: 1px var(--border-color-base, #aaaaaa) solid;
	padding: 0.2em;
}

table.prettytable th {
	background: var(--wikt-palette-lightergrey, #eeeeee);
	text-align: center;
}

table.prettytable caption {
	margin-left: inherit;
	margin-right: inherit;
}

/* default setting for {{qualifier}} and {{sense}}.
	(Related classes that can be overridden: .qualifier-comma,
	.qualifier-content, .ib-brac, .qualifier-brac, .sense-qualifier-colon.) */
.ib-comma {
	font-style: normal;
}

.ib-content {
	font-style: italic;
}

.ib-content i,
.ib-content em {
	font-style: normal;
}

.context-qualifier-colon {
	display: none;
}

/* default style for indented "see also" */
.disambig-see-also {
	text-indent: 2em;
}

.mention-tr {
	font-style: italic;
}

/* add left-to-right mark */
.mention-gloss-paren::before,
.mention-tr-paren::before {
	content: "‎";
}

/* non-italic and non-bold gloss */
.mention-gloss,
.mention-gloss-double-quote,
.mention-gloss-paren,
.mention-tr-gloss-separator-comma,
.mention-tr-paren,
.mention-tr-gloss-separator-comma {
	font-style: normal;
	font-weight: inherit;
}

/* default style for "form of" definitions */
.use-with-mention,
.form-of-definition {
	font-style: italic;
}

.use-with-mention i,
.form-of-definition-link {
	font-style: normal;
}

.use-with-mention .mention,
.form-of-definition-link .mention {
	font-style: normal;
	font-weight: bold;
}

/* display normalization in {{ux}}/{{usex}}, {{quote}}, {{quote-*}} in italics */
.e-normalization {
	font-style: italic;
}

/* Inflection tables
----------------------------- */

/* To colour links in inflection tables (currently done with
	{{notred}}) black without using #ifexist and allowing for user
	override */
.inflection-table a.new {
	color: inherit;
}

/* fill a parent NavContent collapsing box */
.NavContent table.inflection,
.NavContent table.inflection-table {
	margin-top: 0;
	width: 100%;
	display: table;
	border: 0;
}

/* basic inflection table styles */
table.inflection {
	border-collapse: collapse;
	border: 1px solid;
	background: #ffffff;
	/* TODO consider palettizing */
}

table.inflection caption {
	caption-side: bottom;
	padding: 0.33em 1em;
	text-align: left;
	font-size: smaller;
}

/* subtle grey for alternate row backgrounds */
table.inflection tr:nth-child(odd) {
	background: #fcfcfc;
	/* TODO consider palettizing */
}

/* and for row headers */
table.inflection tr:nth-child(odd):not(.rowgroup) th {
	background: #f6f6f6;
	/* TODO consider palettizing */
}

/* dark mode background colors for table.inflection */
@media screen {
	html.skin-theme-clientpref-night table.inflection {
		background-color: #242424;
	}

	html.skin-theme-clientpref-night table.inflection tr:nth-child(odd) {
		background-color: #2E2E2E;
	}

	html.skin-theme-clientpref-night table.inflection tr:nth-child(odd):not(.rowgroup) th {
		background-color: #303030;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os table.inflection {
		background-color: #242424;
	}

	html.skin-theme-clientpref-os table.inflection tr:nth-child(odd) {
		background-color: #2E2E2E;
	}

	html.skin-theme-clientpref-os table.inflection tr:nth-child(odd):not(.rowgroup) th {
		background-color: #303030;
	}
}

table.inflection td,
table.inflection th {
	padding: 0.33em 1em;
	vertical-align: baseline;
}

/* but vertically center multi-row cells */
table.inflection td[rowspan] {
	vertical-align: middle;
}

table.inflection td {
	text-align: center;
}

/* regular row headers, in the left column */
table.inflection th {
	background: var(--wikt-palette-paleblue, #f8f9fa);
	text-align: left;
}

/* rowgroup header rows */
table.inflection tr.rowgroup th {
	background: var(--wikt-palette-lightergrey, #eeeeee);
	text-align: center;
}

/* first-of-several rowgroup header cells is aligned left */
table.inflection tr.rowgroup th:first-child {
	text-align: left;
}

table.inflection tr.rowgroup th:first-child:only-child {
	text-align: center;
}

/* rows with dividers above */
table.inflection tr.divider th {
	border-top: 3px solid var(--wikt-palette-grey-7,#999999);
}

/* transliterations */
table.inflection .translit {
	color: var(--wikt-palette-grey-8,#888);
}

/* header links aren’t coloured until hover/active */
table.inflection th a:link,
table.inflection th a:visited {
	color: inherit;
	text-decoration: inherit;
}

table.inflection th a:hover {
	color: var(--wikt-palette-blue-9,#0645ad);
	text-decoration: underline;
}

table.inflection th a:active {
	color: var(--wikt-palette-gold,#faa700);
	text-decoration: underline;
}

/* ----
end of Inflection tables */

/* Hide interproject links used by [[MediaWiki:Gadget-AggregateInterprojectLinks.js]] */

.interProject {
	display: none;
	clear: both;
	border-top: 2px dotted var(--border-color-base,#AAAAAA);
	margin-top: 2em;
}

/* Translation styling */

.checktrans,
.rfc-trans,
.trreq,
.ttbc {
	background: var(--wikt-palette-palegreen, #f0fff0);
}

/* t+ t t- templates:
   TODO are these still wanted? */

.tneg,
.tpos,
.tunk {
	vertical-align: 20%;
	font-size: 80%;
}

.tneg a {
	color: var(--wikt-palette-red,#cc2200) !important;
}

/* monobook redlink colour, standard #ba0000 */
.tneg a:visited {
	color: var(--wikt-palette-grey-red-9,#a55858) !important;
}

/* standard visited redlink colour */

.tpos a {
	color: var(--wikt-palette-deepblue);
}

/* standard bluelink colour */
.tpos a:visited {
	color: var(--wikt-palette-blue);
}

/* standard bluelink colour */

.tunk a {
	color: var(--wikt-palette-blue-9,#3366BB) !important;
}

/* standard external interwiki colour */
.tunk a:active {
	color: var(--wikt-palette-blue-9,#3366BB) !important;
}

/* redundant */

/* for parentheses, we use .tlc and .tlcp, the latter has no definition here
	(display:inline) */
.tlc {
	display: none;
}

/* Main page fixes */
#interwiki-completelist {
	font-weight: bold;
}

/* Try to make search results more obviously links */
.mw-special-Search #bodyContent li a {
	font-weight: bold;
}

.mw-special-Search .searchmatch {
	font-weight: normal;
	color: var(--wikt-palette-black, #000000);
	background-color: var(--wikt-palette-brightyellow, #FFEE77);
}

/* [[WT:FEED]] */
#p-feedback a {
	cursor: pointer;
}

/* Old revisions */

#mw-revision-info {
    font-size: 110%;
    margin: 5px 0;
}

#mw-editingold {
	font-size: 120%;
}

/* maintenance line */
.maintenance-line {
	color: #777777;
	/* TODO consider palettizing */
}

/* dark mode text color for maintenance line */
@media screen {
	html.skin-theme-clientpref-night .maintenance-line {
		color: #adb7bf;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .maintenance-line {
		color: #adb7bf;
	}
}

/* Night mode logo appearance, see [[Wiktionary:Grease pit/2025/January#Top left Wiktionary logo in dark mode]] */
@media screen {
	html.skin-theme-clientpref-night img.mw-logo-icon {
		color-scheme: light;
		filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg);
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os img.mw-logo-icon {
		color-scheme: light;
		filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg);
	}
}

/* Make Recent changes look nice again */
span.newpage,
span.minor,
span.searchmatch,
span.bot,
span.unpatrolled {
	font-family: sans-serif !important;
}

/* Styling for the different kinds of collapsible boxes and lists */

/* NavFrames */
div.NavFrame,
details.NavFrame {
	border: 1px solid var(--wikt-palette-grey, #9e9e9e);
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
	overflow: auto;
	width: auto;
}

div.NavFrame>ul,
div.NavFrame>ol {
	text-align: left;
}

div.NavFrame div.NavHead,
details.NavFrame summary.NavHead {
	margin: 2px;
	min-height: 1.6em;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	padding: 1px 5px 1px 10px;
	background-color: var(--wikt-palette-dullcyan, #eaecf0);
}

div.NavFrame p {
	font-size: 100%;
}

div.NavFrame div.NavContent,
details.NavFrame div.NavContent {
	font-size: 100%;
	border-top: 1px solid var(--wikt-palette-grey, #9e9e9e);
}

div.NavFrame div.NavContent p,
details.NavFrame div.NavContent p {
	font-size: 100%;
}

/* Used by box-top/box-bottom */
.NavContent.boxcontent {
	padding: 0.25em 0.5em;
}

.NavContent.boxcontent>p:last-child {
	margin-bottom: 0.5em;
	/* from 1em to avoid some extra asymmetric space */
}

/* Override default added margins which mess up the background */
.NavContent.derivedterms>p,
.NavContent.columns-bg>p {
	margin: 0;
}

.NavContent.derivedterms>p,
.NavContent.derivedterms>ul,
.NavContent.columns-bg>p,
.NavContent.columns-bg>ul {
	padding: 0.5em;
}

/* Collapsible term lists */

.list-switcher {
	/* This is a hack so we can use getComputedStyle to find the
	maximum permissible height value of a list-switcher.
	It must be kept in sync with .list-switcher-collapsed `max-height` */
	bottom: calc(3.2 * 1.6em);
	/* for browsers that don't support `lh` units */
	bottom: 3.2lh;
}

.list-switcher-wrapper,
:not(.list-switcher-wrapper)>.list-switcher {
	contain: layout;
	/* stop floating elements from messing with layout */
	margin-top: 0.3em;
	/* replaces margin lost on <ul> in following ruleset */
}

.list-switcher-wrapper+.list-switcher-wrapper {
	margin-top: 0.6em;
}

.list-switcher>div>ul,
.list-switcher-wrapper>div>ul {
	margin-top: 0;
	/* needed to avoid jumps when collapsing/uncollapsing */
}

.list-switcher ul ul {
	margin-top: 0.1em;
	/* make margin above nested lists equal to margin at bottom of <li>s */
}

.list-switcher-collapsed {
	/* If changing this value, change .list-switcher `bottom` above */
	max-height: calc(3.2 * 1.6em);
	/* for browsers that don't support `lh` units */
	max-height: 3.2lh;
	overflow-y: hidden;
}

.list-switcher-header {
	background: var(--wikt-palette-grey-indigo-2);
	font-weight: bold;
	font-size: 95%;
	padding: 0.2em 0.4em 0.1em 0.6em;
}

.list-switcher-header+.list-switcher .term-list,
.list-switcher-header+.term-list {
	padding-top: 0.1em;
}

.list-switcher-edit {
	margin-left: 1.5em;
	font-size: 87.75%;
	/* exactly match font size of [show more] button (in Chromium-based browsers at least) */
	font-weight: normal;
}

.list-switcher-edit::before {
	content: "[";
}

.list-switcher-edit::after {
	content: "]";
}

.list-switcher-large-text {
	/* Keep in sync with next ruleset */
	bottom: calc(4 * 1.6em);
	/* for browsers that don't support `lh` units */
	bottom: 4lh;
}

.list-switcher-large-text.list-switcher-collapsed {
	/* Keep in sync with previous ruleset */
	max-height: calc(4 * 1.6em);
	/* for browsers that don't support `lh` units */
	max-height: 4lh;
}

.list-switcher-element {
	text-align: center;
	cursor: pointer;
	background: var(--wikt-palette-grey-indigo-2);
	border-bottom-left-radius: 0.3lh;
	border-bottom-right-radius: 0.3lh;
}

.list-switcher-element .NavToggle {
	float: none;
}

/* this is a legacy rule that only applies to {{rootsee}} and
   {{script appendix}} - these need a fairly wide width */
.columns-bg:not(.term-list)>div>div>.CategoryTreeChildren,
.columns-bg:not(.term-list)>div>.CategoryTreeChildren {
	-moz-column-width: 25em;
	column-width: 25em;
}

/* Hidden quotes */
.client-js .ns-0 ol>li>ul {
	display: none;
}

/* Hidden Quotes and *nyms toggle */
.HQToggle,
.nyms-toggle,
.usex-toggle {
	font-size: smaller;
	position: relative;
	bottom: 1px;
	left: 5px;
}

.NavToggle {
	float: right;
	font-weight: normal;
	font-size: smaller;
	margin-top: 1px;
	margin-left: 0.5em;
}

/* wrap toggle links with [ and ] */
.HQToggle:before,
.NavToggle:before,
.nyms-toggle:before,
.usex-toggle:before {
	content: '[';
}

.HQToggle:after,
.NavToggle:after,
.nyms-toggle:after,
.usex-toggle:after {
	content: ']';
}

.HQToggle a,
.NavToggle a,
.nyms-toggle a,
.usex-toggle a {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	color: var(--wikt-palette-black);
}

.HQToggle a:focus:not(:hover),
.NavToggle a:focus:not(:hover),
.nyms-toggle a:focus:not(:hover),
.usex-toggle a:focus:not(:hover) {
	text-decoration: none;
}

.client-js .NavFrame .NavContent {
	display: none;
}

/* View switcher */
.vsShow {
	display: none;
}

/* End styling for collapsible lists */

/* Quote clarifications, e.g. {{quote-gloss}}, {{quote-qualifier}} */
.quote-note {
	color: var(--wikt-palette-grey-9,#999);
}

/* Use same formatting for <mark> as used for bolding with certain scripts. */
mark {
	background-color: var(--wikt-palette-pink, #ffe0f0);
	color: var(--wikt-palette-black, #202122);
}

/* stuff visible when previewing an edit only */

.previewonly {
	display: none;
}

#wikiPreview .previewonly {
	display: inline;
}

/* Highlight the relevant sense when the user follows a link to a {{senseid}}.
	The class="senseid" should ideally be on the enclosing <li> tag. We attempt to make the
	highlight work when the class="senseid" is on a <span> inside the <li>, but the :has
	selector was not supported by all browsers as of late 2023. This feature was nonetheless
	requested by Benwing at [[Wiktionary:Grease_pit/2023/November#Why_does_Template%3Asenseid_use_HTML_li_tag%3F]].
	THe version with :has is provided as a separate declaration to ensure maximum compatibility. */
.senseid:target {
	background: var(--wikt-palette-lightblue, #DEF);
}

li:has(> span.senseid:target) {
	background: var(--wikt-palette-lightblue, #DEF);
}

/* highlight the next paragraph for an etymid */
.etymid:target+p, .etymonid:target+p {
	background: var(--wikt-palette-lightblue, #DEF);
}

/* Skin CSS highlights table rows targeted by the current browser location
   (tr:target). This rule highlight table rows containing target cells so that
   there can be multiple IDs in a table row in [[Wiktionary:List of languages]]
   and [[Wiktionary:List of languages/special#Etymology-only languages]]. */
tr:has(> :target),
tr:has(> td > code:target) {
	background: var(--wikt-palette-lightblue, #DEF);
}

/* show the "serial and" in the disambiguation see also */
.serial-and {
	display: inline;
}

/* hide the serial commas */
.serial-comma {
	display: none;
}

/* Gender and number templates */
.gender,
.number,
.noun-class {
	font-style: italic;
}

abbr {
	border-bottom-width: 0;
}

/* hide "did you mean" on Noarticletext self-links */
.did-you-mean strong {
	display: none;
}

/* make script/module errors smaller */
.scribunto-error {
	font-size: 75%;
}

/* allow inline hieroglyphs */
.mw-hiero-outer {
	display: inline-table !important;
	/* override skin styling on mobile */
	vertical-align: middle;
	font-size: 10px;
}

/* allow mirrored custom hieroglyph (and other) images */
.mw-mirrored img {
	transform: scaleX(-1);
}

/* softer highlighting of 'updated since last visit' */
span.updatedmarker {
	background-color: var(--wikt-palette-mint, #c0e4c0);
}

/* {{TOC limit}} */
/* Allow limiting of which header levels are shown in a TOC;
	<div class="toclimit-3">, for instance, will limit to showing ==headings==
	and ===headings=== but no further (as long as there are no =headings= on the
	page, which there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/*
 * Script and language-related styles are in [[MediaWiki:Gadget-LanguagesAndScripts.css]]
 */

/* A kludge that lets the members of [[:Category:Redirected combining characters]] be displayed. */
body.page-Category_Combining_characters div#mw-pages li,
body.page-Category_Redirected_combining_characters div#mw-pages li,
body.page-Category_IPA_combining_characters div#mw-pages li {
	letter-spacing: 0.3em;
}

/* Grease Pit edit button fix */
.page-Wiktionary_Grease_pit.skin-vector #ca-edit,
.page-Wiktionary_Etymology_scriptorium.skin-vector #ca-edit,
.page-Wiktionary_Information_desk.skin-vector #ca-edit,
.page-Wiktionary_Beer_parlour.skin-vector #ca-edit,
.page-Wiktionary_Tea_room.skin-vector #ca-edit {
	display: none;
}

/* unit tests filter */
table.unit-tests.unit-tests-hide-passing tr.unit-test-pass {
	display: none;
}

table.unit-tests th.unit-tests-img-corner {
	background: var(--wikt-palette-lightblue, #d9ebff);
	min-width: 1em;
}

table.unit-tests.unit-tests-hide-passing th.unit-tests-img-corner {
	background: red;
}

/* multi-column lists */
li,
.group-in-column {
	-moz-column-break-inside: avoid;
	break-inside: avoid;
}

/* {{shortcut}} */
.shortcut-box,
.category-edit-box {
	border: 1px solid var(--border-color-base, #aaaaaa);
	color: var(--color-base, black);
	background: var(--wikt-palette-paleblue, #f9f9f9);
	margin: 0 0 .5em 1em;
	text-align: center;
	padding: 5px;
	float: right;
	clear: both;
	font-weight: bold;
	font-size: smaller;
}

/* Display tabs with 4 spaces, see [[phab:T59824]] and [[phab:T59825]] */
textarea#wpTextbox1+div:last-child,
/* workaround for [[mw:User:Remember the dot/Syntax highlighter]] */
textarea,
pre,
code,
.mw-highlight {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}

/* stop double-bolding of self-links like in [[acquit]], [[fishbone]] */
/* old code: b .selflink, strong .selflink { font-weight: inherit; } */
b,
strong {
	font-weight: bold;
}

tr:target {
	background: var(--wikt-palette-lightblue, #DEF);
}

#firstHeading var,
.headword var {
	color: var(--wikt-palette-grey-9, #888);
}

/* Display a {{tlb}} / {{term-label}} template on its own line if it comes right after a headword template.
   It is too easy to miss after headwords (especially long ones). */
p .headword-line~.usage-label-term::before {
	content: "\a";
	/* newline */
	white-space: pre;
}

/* Temporary kludge to be used because categoryTree is generating a newline. This CSS line should be removed after the developers fix it. */
.CategoryTreeTag+p br:first-child {
	display: none;
}

/* Used by column templates (see [[Module:columns]]). */
.ul-column-count>ul,
.ul-column-count>ol,
.ul-column-count>dl {
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.ul-column-count[data-column-count="2"]>ul,
.ul-column-count[data-column-count="2"]>ol,
.ul-column-count[data-column-count="2"]>dl {
	-moz-column-count: 2;
	column-count: 2;
}

.ul-column-count[data-column-count="3"]>ul,
.ul-column-count[data-column-count="3"]>ol,
.ul-column-count[data-column-count="3"]>dl {
	-moz-column-count: 3;
	column-count: 3;
}

.ul-column-count[data-column-count="4"]>ul,
.ul-column-count[data-column-count="4"]>ol,
.ul-column-count[data-column-count="4"]>dl {
	-moz-column-count: 4;
	column-count: 4;
}

.ul-column-count[data-column-count="5"]>ul,
.ul-column-count[data-column-count="5"]>ol,
.ul-column-count[data-column-count="5"]>dl {
	-moz-column-count: 5;
	column-count: 5;
}

.ul-column-count[data-column-count="6"]>ul,
.ul-column-count[data-column-count="6"]>ol,
.ul-column-count[data-column-count="6"]>dl {
	-moz-column-count: 6;
	column-count: 6;
}

.columns-bg {
	/* Default background color for multi-column lists. */
	background: var(--wikt-palette-lavender, #f8f8ff);
	/* prevent text crashing into edge of box */
	padding-right: 0.3em;
}

/* Default style for hypothetical inflections -- currently italic. */
.hypothetical {
	font-style: italic;
}

/* Style for entries using deprecated templates */
.deprecated {
	color: olivedrab;
}

.deprecated a {
	color: darkgreen;
}

/* Style for entries using deprecated labels */
.deprecated-label {
	color: olivedrab;
	text-decoration: line-through;
}

.deprecated-label a {
	color: darkgreen;
	text-decoration: line-through;
}

/* Style for notes added using the bad= param in {{audio}} */
.bad-audio-note {
	color: var(--wikt-palette-red, #FF2200);
	font-weight: bold;
}

/* WikiHiero kludge */
/* disable for now, apparently not necessary and breaks wrapping
.wikt-hierokludge {
	display: inline-block;
} */

/* Support lists that automatically split into limited-width columns (for translations tables and the like): */
.multicolumn-list>ul {
	-moz-column-width: 25em;
	column-width: 25em;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.multicolumn-list-wide>ul {
	-moz-column-width: 55em;
	column-width: 55em;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.multicolumn-list-narrow>ul {
	-moz-column-width: 22em;
	column-width: 22em;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

/* Horizontal rules */
body.ns-0 .mw-parser-output> :not(.collapsible-block:not(.open-block))+h2:not(:first-of-type),
body.ns-0 .mw-parser-output> .mw-heading2 ~ :not(.collapsible-block:not(.open-block))+.mw-heading2 {
	border-top: 1px solid var(--border-color-base, #a2a9b1);
	padding-top: 1em;
	margin-top: 0.2em;
}

/* [[phab:T156351]]: Support for Parsoid's Cite implementation */
a[ rel="mw:referencedBy"]::before {
	content: " ^";
}

/* [[phab:T316670]]: fix header issues */
.mw-heading * {
	word-break: normal;
}

/* From [[Module:shortcut box/styles.css]] */
a .redlink {
	color: var(--color-destructive, #d73333);
}

a:visited .redlink {
	color: var(--color-destructive--visited, #a55858);
}

a:visited:hover .redlink {
	color: var(--color-destructive--visited, #a55858);
}

a:hover .redlink {
	color: var(--color-destructive--hover, #ff4242);
	text-decoration: underline;
}

a:active .redlink {
	color: var(--color-destructive--active, #b32424);
	text-decoration: underline;
}

a:focus .redlink {
	outline-color: var(--outline-color-progressive--focus, #36c);
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
    background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
    /* @noflip */
    padding: 8px 18px 8px 0;
}

/* Add YouTube icon after links to YouTube. */
.mw-parser-output a[href*="youtube.com"].external,
.mw-parser-output a[href*="youtu.be"].external {
	background: url("//upload.wikimedia.org/wikipedia/commons/f/fd/YouTube_full-color_icon_(2024).svg") no-repeat right;
	background-size: auto;
	padding: 8px 18px 8px 0;
	background-size: 16px;
}

/* approximate replacement for .toccolours, which is not defined in the Vector 2022 skin */
.standard-box {
	background-color: var(--wikt-palette-paleblue, #f8f9fa);
	border: 1px solid var(--wikt-palette-grey, #9e9e9e);
	/* was #aabbdd but no real equivalent in our palette */
	padding: 5px;
}

/* fix for long titles e.g. [[Cnile]] */
.cited-source {
	overflow-wrap: break-word;
}

/* </nowiki> */