MediaWiki:Common.css - Revision history

Formula at 14:58, 10 October 2025

2025-10-10T14:58:47Z

← Older revision		Revision as of 14:58, 10 October 2025
Line 14:		Line 14:
	}		}

	/* ~~--- Weights you want ---~~ */		/* Global variables (use the EXACT family names exposed by the kit CSS) */
	:root{		:root{
	--~~body~~-~~regular~~: ~~400~~; ~~/* paragraphs */~~		--font-prominent: "century-gothic", "Century Gothic", "URW Gothic L", "Apple Gothic", "Avant Garde", sans-serif;
	--body-~~strong~~: ~~600~~; /* ~~stronger than before (was 500)~~ */		--font-body: "myriad-pro", "Myriad Pro", "Myriad", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--ui-~~strong~~: ~~700~~; ~~/* optional: for menus/nav if needed */~~
			--outline-size: 0.0035em; /* 0.35% */
			--outline-colour: #000;
	}		}

	/* ~~Body text defaults (~~Myriad Pro) */		/* Default = Myriad Pro for non-prominent text */
	html, body, .mw-body, .mw-parser-output, .vector-body,		html, body, .mw-body, .mw-parser-output, .vector-body,
	.mw-content-ltr, .mw-content-rtl,		.mw-content-ltr, .mw-content-rtl,
	p, li, a, span, small, td, th, caption, dt, dd {		p, li, a, span, strong, em, small, td, th, caption, dt, dd,
	font-~~weight~~: var(--body~~-regular~~);		.vector-menu-content, .mw-portlet, #mw-panel,
	~~/* IMPORTANT~~:		#p-personal, #mw-head,
	~~If your Adobe kit DOES include 600, keep synthesis off.~~		input, button, select, textarea {
	~~If it DOESN'T include 600 yet, temporarily allow weight synthesis~~		font-family: var(--font-body) !important;
	~~(remove the next line or set to 'weight') to get visible bold. */~~		-webkit-text-stroke: 0; text-stroke: 0; text-shadow: none; /* no outline on body text */
	~~font~~-~~synthesis~~: none;
	}		}

	/* ~~Bold in normal context~~ */		/* Prominent elements = Century Gothic + 0.35% outline */
	~~b, strong~~,		h1#firstHeading,
	.mw-~~parser~~-~~output b~~, .mw-~~parser~~-~~output strong~~,		#firstHeading .mw-page-title-main,
	~~p b, p strong, li b, li strong, td b, td strong, th b, th strong~~ {		.firstHeading,
	font-~~weight~~: var(--~~body~~-~~strong~~) !important;		.mw-headline,
	}		#mw-panel .vector-menu-heading,
			.vector-menu-heading {
			font-family: var(--font-prominent) !important;

			/* Outline */
			-webkit-text-stroke: var(--outline-size) var(--outline-colour);
			text-stroke: var(--outline-size) var(--outline-colour);
			-webkit-text-fill-color: currentColor;

	/* ~~Optional~~: ~~make UI labels punchier than body bold~~ */		/* Firefox fallback for outline */
	~~#mw~~-~~panel .vector~~-~~menu~~-~~heading~~,		text-shadow:
	~~.vector~~-~~menu~~-~~heading~~,		var(--outline-size) 0 0 var(--outline-colour),
	#p-~~personal .vector~~-~~menu~~-~~heading~~,		calc(-1 * var(--outline-size)) 0 0 var(--outline-colour),
	~~.vector~~-~~menu~~-~~content .selected > a {~~		0 var(--outline-size) 0 var(--outline-colour),
	~~font~~-~~weight:~~ var(--ui-~~strong~~) ~~!important~~;		0 calc(-1 * var(--outline-size)) 0 var(--outline-colour),
			var(--outline-size) var(--outline-size) 0 var(--outline-colour),
			calc(-1 * var(--outline-size)) var(--outline-size) 0 var(--outline-colour),
			var(--outline-size) calc(-1 * var(--outline-size)) 0 var(--outline-colour),
			calc(-1 * var(--outline-size)) calc(-1 * var(--outline-size)) 0 var(--outline-colour);
	}		}

	/* Keep ~~headings (Century Gothic + outline) as you already set~~ */		/* Keep code/math monospace and un-outlined */
			pre, code, kbd, samp, tt, .mw-code, .mw-highlight, .mwe-math-element {
	~~@supports (font-variation-settings: normal) {~~		-webkit-text-stroke: 0 !important;
	~~html~~, ~~body~~, .mw-~~body~~, .mw-~~parser-output~~, .~~vector~~-~~body~~ {		text-stroke: 0 !important;
	~~font~~-~~variation~~-~~settings~~: ~~"wght" 430~~; ~~/* comfy regular */~~		text-shadow: none !important;
	}		font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
	~~b, strong, .mw-parser-output b, .mw~~-~~parser-output strong {~~
	~~font-variation-settings~~: ~~"wght" 575~~; ~~/* solid bold without going chunky */~~
	~~font~~-~~weight~~: ~~600~~; ~~/* fallback */~~
	}
	~~/* Optional UI emphasis */~~
	~~#mw~~-~~panel .vector~~-~~menu~~-~~heading~~, ~~.vector-menu-heading {~~
	~~font-variation-settings:~~ "~~wght~~" ~~640~~;
	~~font-weight: 700; /* fallback */~~
	}
	}		}

Formula at 14:57, 10 October 2025

2025-10-10T14:57:34Z

← Older revision		Revision as of 14:57, 10 October 2025
Line 14:		Line 14:
	}		}

			/* --- Weights you want --- */
	:root{		:root{
	~~/* Exact family names as exposed by your Adobe kit CSS */~~		--body-regular: 400; /* paragraphs */
	~~--font-prominent: "century~~-~~gothic", "Century Gothic", "URW Gothic L", "Apple Gothic", "Avant Garde", sans-serif;~~		--body-strong: 600; /* stronger than before (was 500) */
	~~--font~~-body~~: "myriad~~-~~pro", "Myriad Pro", "Myriad", "Segoe UI", "Helvetica Neue", Arial, sans-serif;~~		--ui-strong: 700; /* optional: for menus/nav if needed */

	~~--outline-size~~: ~~0.0035em~~; /* ~~0.35% outline for prominent text~~ */
	--~~outline~~-~~colour~~: ~~#000~~;

	/* ~~Weights~~ (~~tune these~~) */
	--~~body~~-~~regular~~: ~~400~~; /* ~~normal paragraphs */~~
	~~--body-strong~~: ~~500; /* lighter-than-bold~~ for ~~<b>~~/~~<strong> */~~
	~~/* If your kit lacks 500/Medium, change this to 600 (Semibold)~~ */
	}		}

	/* Body text ~~uses~~ Myriad Pro~~, with no fake bold/italic~~ */		/* Body text defaults (Myriad Pro) */
	html, body, .mw-body, .mw-parser-output, .vector-body,		html, body, .mw-body, .mw-parser-output, .vector-body,
	.mw-content-ltr, .mw-content-rtl,		.mw-content-ltr, .mw-content-rtl,
	p, li, a, span~~, strong, em~~, small, td, th, caption, dt, dd,		p, li, a, span, small, td, th, caption, dt, dd {
	~~.vector-menu-content, .mw-portlet, #mw-panel, #p-personal, #mw-head,~~
	~~input, button, select, textarea~~ {
	~~font-family: var(--font-body) !important;~~
	font-weight: var(--body-regular);		font-weight: var(--body-regular);
	font-synthesis: none; ~~/* avoid browser-synthesised bold/italic looking chunky */~~		/* IMPORTANT:
			If your Adobe kit DOES include 600, keep synthesis off.
			If it DOESN'T include 600 yet, temporarily allow weight synthesis
			(remove the next line or set to 'weight') to get visible bold. */
			font-synthesis: none;
	}		}

	/* ~~Make bold~~ in normal context ~~lighter than 700~~ */		/* Bold in normal context */
	b, strong,		b, strong,
	.mw-parser-output b, .mw-parser-output strong,		.mw-parser-output b, .mw-parser-output strong,
	td b, td strong, th b, th strong, li b, li strong, p b, p strong {		p b, p strong, li b, li strong, td b, td strong, th b, th strong {
	font-weight: var(--body-strong) !important;		font-weight: var(--body-strong) !important;
	}		}

	/* ~~Page title & section headings~~ */		/* Optional: make UI labels punchier than body bold */
	~~h1#firstHeading,~~
	~~#firstHeading .mw-page-title-main,~~
	~~.firstHeading,~~
	~~.mw-headline,~~
	#mw-panel .vector-menu-heading,		#mw-panel .vector-menu-heading,
	.vector-menu-heading {		.vector-menu-heading,
	~~font~~-~~family: var(~~--~~font-prominent) !important;~~		#p-personal .vector-menu-heading,
			.vector-menu-content .selected > a {
	-~~webkit~~-~~text-stroke: var(--outline-size) var(--outline-colour);~~		font-weight: var(--ui-strong) !important;
	~~text~~-~~stroke~~: var(--~~outline~~-~~size) var(--outline-colour);~~
	~~-webkit-text-fill-color: currentColor;~~

	~~/* Firefox fallback for outline */~~
	~~text-shadow:~~
	~~var(--outline-size) 0 0 var(--outline-colour),~~
	~~calc(-1 * var(--outline-size)) 0 0 var(--outline-colour),~~
	~~0 var(--outline-size) 0 var(--outline-colour),~~
	~~0 calc(-1 * var(--outline-size)) 0 var(--outline-colour),~~
	~~var(--outline-size) var(--outline-size) 0 var(--outline-colour),~~
	~~calc(-1 * var(--outline-size)) var(--outline-size) 0 var(--outline-colour),~~
	~~var(--outline-size) calc(-1 * var(--outline-size)) 0 var(--outline-colour),~~
	~~calc(-1 * var(--outline-size)) calc(-1 * var(--outline-size)) 0 var(--outline-colour~~);
	}		}

	~~pre, code, kbd, samp, tt, .mw-code, .mw-highlight, .mwe-math-element {~~		/* Keep headings (Century Gothic + outline) as you already set */
	~~-webkit-text-stroke: 0 !important;~~
	~~text-stroke: 0 !important;~~
	~~text-shadow: none !important;~~
	~~font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;~~
	}

	@supports (font-variation-settings: normal) {		@supports (font-variation-settings: normal) {
	html, body, .mw-body, .mw-parser-output, .vector-body {		html, body, .mw-body, .mw-parser-output, .vector-body {
	font-variation-settings: "wght" ~~440~~; /* comfy ~~body~~ weight */		font-variation-settings: "wght" 430; /* comfy regular */
			}
			b, strong, .mw-parser-output b, .mw-parser-output strong {
			font-variation-settings: "wght" 575; /* solid bold without going chunky */
			font-weight: 600; /* fallback */
	}		}
	~~b, strong,~~		/* Optional UI emphasis */
	.mw-~~parser~~-~~output b~~, .mw-~~parser~~-~~output strong~~ {		#mw-panel .vector-menu-heading, .vector-menu-heading {
	font-variation-settings: "wght" ~~600~~; /* ~~lighter-than-700 bold~~ */		font-variation-settings: "wght" 640;
			font-weight: 700; /* fallback */
	}		}
	}		}

Formula at 14:51, 10 October 2025

2025-10-10T14:51:36Z

← Older revision		Revision as of 14:51, 10 October 2025
Line 24:		Line 24:
	/* Weights (tune these) */		/* Weights (tune these) */
	--body-regular: 400; /* normal paragraphs */		--body-regular: 400; /* normal paragraphs */
	--body-strong: ~~600~~; /* lighter-than-bold for <b>/<strong> */		--body-strong: 500; /* lighter-than-bold for <b>/<strong> */
	/* If your kit lacks 500/Medium, change this to 600 (Semibold) */		/* If your kit lacks 500/Medium, change this to 600 (Semibold) */
	}		}
Line 84:		Line 84:
	b, strong,		b, strong,
	.mw-parser-output b, .mw-parser-output strong {		.mw-parser-output b, .mw-parser-output strong {
	font-variation-settings: "wght" ~~560~~; /* lighter-than-700 bold */		font-variation-settings: "wght" 600; /* lighter-than-700 bold */
	}		}
	}		}

Formula at 14:50, 10 October 2025

2025-10-10T14:50:15Z

← Older revision		Revision as of 14:50, 10 October 2025
Line 24:		Line 24:
	/* Weights (tune these) */		/* Weights (tune these) */
	--body-regular: 400; /* normal paragraphs */		--body-regular: 400; /* normal paragraphs */
	--body-strong: ~~500~~; /* lighter-than-bold for <b>/<strong> */		--body-strong: 600; /* lighter-than-bold for <b>/<strong> */
	/* If your kit lacks 500/Medium, change this to 600 (Semibold) */		/* If your kit lacks 500/Medium, change this to 600 (Semibold) */
	}		}

Formula at 14:49, 10 October 2025

2025-10-10T14:49:24Z

← Older revision		Revision as of 14:49, 10 October 2025
Line 14:		Line 14:
	}		}

	~~/* 1) Load your Adobe Fonts kit (must include Century Gothic + Myriad Pro) */~~

	~~/* 2) Global variables (use the EXACT family names exposed by your kit CSS) */~~
	:root{		:root{
	/* Exact family names as exposed by your Adobe kit CSS */		/* Exact family names as exposed by your Adobe kit CSS */
Line 31:		Line 28:
	}		}

	/* ~~3) Default =~~ Myriad Pro ~~for non-prominent text~~ */		/* Body text uses Myriad Pro, with no fake bold/italic */
	html, body, .mw-body, .mw-parser-output, .vector-body,		html, body, .mw-body, .mw-parser-output, .vector-body,
	.mw-content-ltr, .mw-content-rtl,		.mw-content-ltr, .mw-content-rtl,
	p, li, a, span, strong, em, small, td, th, caption, dt, dd,		p, li, a, span, strong, em, small, td, th, caption, dt, dd,
	.vector-menu-content, .mw-portlet, #mw-panel,		.vector-menu-content, .mw-portlet, #mw-panel, #p-personal, #mw-head,
	#p-personal, #mw-head,
	input, button, select, textarea {		input, button, select, textarea {
	font-family: var(--font-body) !important;		font-family: var(--font-body) !important;
	-~~webkit~~-~~text~~-~~stroke: 0; text~~-~~stroke: 0~~; ~~text~~-~~shadow~~: none; /* ~~no outline on body text~~ */		font-weight: var(--body-regular);
			font-synthesis: none; /* avoid browser-synthesised bold/italic looking chunky */
			}

			/* Make bold in normal context lighter than 700 */
			b, strong,
			.mw-parser-output b, .mw-parser-output strong,
			td b, td strong, th b, th strong, li b, li strong, p b, p strong {
			font-weight: var(--body-strong) !important;
	}		}

	/* ~~4) Prominent elements = Century Gothic + 0.35% outline~~ */		/* Page title & section headings */
	h1#firstHeading,		h1#firstHeading,
	#firstHeading .mw-page-title-main,		#firstHeading .mw-page-title-main,
Line 51:		Line 55:
	font-family: var(--font-prominent) !important;		font-family: var(--font-prominent) !important;

	~~/* Outline */~~
	-webkit-text-stroke: var(--outline-size) var(--outline-colour);		-webkit-text-stroke: var(--outline-size) var(--outline-colour);
	text-stroke: var(--outline-size) var(--outline-colour);		text-stroke: var(--outline-size) var(--outline-colour);
Line 68:		Line 71:
	}		}

	~~/* 5) Keep code/math monospace and un-outlined */~~
	pre, code, kbd, samp, tt, .mw-code, .mw-highlight, .mwe-math-element {		pre, code, kbd, samp, tt, .mw-code, .mw-highlight, .mwe-math-element {
	-webkit-text-stroke: 0 !important;		-webkit-text-stroke: 0 !important;

Formula at 14:48, 10 October 2025

2025-10-10T14:48:16Z

← Older revision		Revision as of 14:48, 10 October 2025
Line 18:		Line 18:
	/* 2) Global variables (use the EXACT family names exposed by your kit CSS) */		/* 2) Global variables (use the EXACT family names exposed by your kit CSS) */
	:root{		:root{
			/* Exact family names as exposed by your Adobe kit CSS */
	--font-prominent: "century-gothic", "Century Gothic", "URW Gothic L", "Apple Gothic", "Avant Garde", sans-serif;		--font-prominent: "century-gothic", "Century Gothic", "URW Gothic L", "Apple Gothic", "Avant Garde", sans-serif;
	--font-body: "myriad-pro", "Myriad Pro", "Myriad", "Segoe UI", "Helvetica Neue", Arial, sans-serif;		--font-body: "myriad-pro", "Myriad Pro", "Myriad", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

	--outline-size: 0.0035em; /* 0.35% */		--outline-size: 0.0035em; /* 0.35% outline for prominent text */
	--outline-colour: #000;		--outline-colour: #000;

			/* Weights (tune these) */
			--body-regular: 400; /* normal paragraphs */
			--body-strong: 500; /* lighter-than-bold for <b>/<strong> */
			/* If your kit lacks 500/Medium, change this to 600 (Semibold) */
	}		}

Formula at 14:47, 10 October 2025

2025-10-10T14:47:15Z

@@ Line 68: / Line 68: @@
    text-shadow: none !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+}

Formula at 14:44, 10 October 2025

2025-10-10T14:44:41Z

← Older revision		Revision as of 14:44, 10 October 2025
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */
	@import url('https://use.typekit.net/~~oov2wcw~~.css');		@import url('https://use.typekit.net/bus4qvu.css');

	.skin-minerva.page-Main_Page #firstHeading {		.skin-minerva.page-Main_Page #firstHeading {
Line 14:		Line 14:
	}		}

			/* 1) Load your Adobe Fonts kit (must include Century Gothic + Myriad Pro) */

			/* 2) Global variables (use the EXACT family names exposed by your kit CSS) */
	:root{		:root{
	~~/* Exact family name first if your kit exposes it (often "century~~-~~gothic") */~~		--font-prominent: "century-gothic", "Century Gothic", "URW Gothic L", "Apple Gothic", "Avant Garde", sans-serif;
	--~~cg-stack~~: "century-gothic", "Century Gothic", "URW Gothic L", "Apple Gothic", "Avant Garde", sans-serif;		--font-body: "myriad-pro", "Myriad Pro", "Myriad", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--outline-size: 0.0035em; /* 0.35% ~~of font size~~ */
			--outline-size: 0.0035em; /* 0.35% */
	--outline-colour: #000;		--outline-colour: #000;
	}		}

	/* ~~Core content + interface~~ */		/* 3) Default = Myriad Pro for non-prominent text */
	html, body, .mw-body, .mw-parser-output, .vector-body,		html, body, .mw-body, .mw-parser-output, .vector-body,
	.mw-content-ltr, .mw-content-rtl, p, li, td, th, caption,		.mw-content-ltr, .mw-content-rtl,
	h1, h2, h3, ~~h4, h5, h6, #~~mw-~~head~~, #mw-panel~~, .vector-menu-content~~,		p, li, a, span, strong, em, small, td, th, caption, dt, dd,
	#p-personal, .mw-~~portlet, .vector-feature-zebra-design .vector-body~~,		.vector-menu-content, .mw-portlet, #mw-panel,
			#p-personal, #mw-head,
	input, button, select, textarea {		input, button, select, textarea {
	font-family: var(--cg-~~stack~~) !important;		font-family: var(--font-body) !important;
			-webkit-text-stroke: 0; text-stroke: 0; text-shadow: none; /* no outline on body text */
	}		}

	/* ~~Page titles & section headings~~ */		/* 4) Prominent elements = Century Gothic + 0.35% outline */
	h1#firstHeading,		h1#firstHeading,
	#firstHeading .mw-page-title-main,		#firstHeading .mw-page-title-main,
Line 36:		Line 42:
	.mw-headline,		.mw-headline,
	#mw-panel .vector-menu-heading,		#mw-panel .vector-menu-heading,
	.vector-menu-heading,		.vector-menu-heading {
	#p-~~personal .vector~~-~~menu~~-~~heading {~~		font-family: var(--font-prominent) !important;

			/* Outline */
	-webkit-text-stroke: var(--outline-size) var(--outline-colour);		-webkit-text-stroke: var(--outline-size) var(--outline-colour);
	text-stroke: var(--outline-size) var(--outline-colour);		text-stroke: var(--outline-size) var(--outline-colour);
	-webkit-text-fill-color: currentColor;		-webkit-text-fill-color: currentColor;
	/* Firefox fallback */
			/* Firefox fallback for outline */
	text-shadow:		text-shadow:
	var(--outline-size) 0 0 var(--outline-colour),		var(--outline-size) 0 0 var(--outline-colour),
Line 53:		Line 62:
	}		}

			/* 5) Keep code/math monospace and un-outlined */
	pre, code, kbd, samp, tt, .mw-code, .mw-highlight, .mwe-math-element {		pre, code, kbd, samp, tt, .mw-code, .mw-highlight, .mwe-math-element {
	-webkit-text-stroke: 0 !important;		-webkit-text-stroke: 0 !important;

Formula at 14:39, 10 October 2025

2025-10-10T14:39:17Z

← Older revision		Revision as of 14:39, 10 October 2025
Line 30:		Line 30:
	}		}

	/* ~~Site-wide outline, excluding code/math/SVG/controls~~ */		/* Page titles & section headings */
	~~:where(body) :where(~~		h1#firstHeading,
	~~p, li, a, span, div, strong, em, small, b, i,~~		#firstHeading .mw-page-title-main,
	h1~~, h2, h3, h4, h5, h6, td, th, caption, dt, dd~~,		.firstHeading,
	.~~vector~~-~~menu~~-~~heading~~, .mw-headline, .mw-~~portlet,~~ .vector-menu-~~content~~		.mw-headline,
	~~):not(pre):not(code):not(kbd):not(samp):not(tt)~~		#mw-panel .vector-menu-heading,
	~~:not(~~.mw-~~code):not(.mw~~-~~highlight):not(~~.~~mwe~~-~~math~~-~~element)~~		.vector-menu-heading,
	~~:not(svg):not(input):not(select):not(textarea):not(button)~~ {		#p-personal .vector-menu-heading {
	-webkit-text-stroke: var(--outline-size) var(--outline-colour);		-webkit-text-stroke: var(--outline-size) var(--outline-colour);
	text-stroke: var(--outline-size) var(--outline-colour);		text-stroke: var(--outline-size) var(--outline-colour);
	-webkit-text-fill-color: currentColor;		-webkit-text-fill-color: currentColor;
			/* Firefox fallback */
	text-shadow:		text-shadow:
	var(--outline-size) 0 0 var(--outline-colour),		var(--outline-size) 0 0 var(--outline-colour),

Formula at 14:38, 10 October 2025

2025-10-10T14:38:31Z

← Older revision		Revision as of 14:38, 10 October 2025
Line 14:		Line 14:
	}		}

	~~/* === Global Century Gothic + bold page title (Vector 2022 & legacy) === */~~		:root{
			/* Exact family name first if your kit exposes it (often "century-gothic") */
	~~/* (Optional) If you use Adobe Fonts, keep this import and swap to your kit URL. */~~		--cg-stack: "century-gothic", "Century Gothic", "URW Gothic L", "Apple Gothic", "Avant Garde", sans-serif;
			--outline-size: 0.0035em; /* 0.35% of font size */
	~~/* 1) Config */~~		--outline-colour: #000;
	:root {
	/* ~~Put the EXACT Adobe~~ family first if ~~using a~~ kit (often "century-gothic"). */
	--~~wiki~~-~~font~~: "century-gothic", "Century Gothic", "URW Gothic L", "Apple Gothic", "Avant Garde", sans-serif;

	~~/* Title look */~~
	--~~title-weight: 700; /* make the title actually bold */~~
	--~~title-stroke~~: 0.0035em; /* ~~1% outline – beefier than~~ 0.35% */
	--~~title-stroke~~-colour: #~~000000;~~
	}

	~~/* Dark mode contrast */~~
	~~@media (prefers-color-scheme: dark) {~~
	~~:root { --title-stroke-colour: rgba(255,255,255,0.85); }~~
	}

	~~/* 2) Set the font site-wide (content, nav, menus, tables, forms) */~~
	~~html, body,~~
	~~.mw-body, .mw-parser-output, .vector-body,~~
	~~.vector-header, .vector-toc, .vector-menu, #mw-panel, /* legacy Vector side panel */~~
	~~.mw-headline, p, li, td, th, caption,~~
	~~h1, h2, h3, h4, h5, h6,~~
	~~input, textarea, select, button, .mw-ui-button {~~
	~~font-family: var(--wiki-font) !important;~~
	~~-webkit-font-smoothing: antialiased;~~
	~~-moz-osx-font-smoothing: grayscale~~;
	}		}

	/* ~~3) Page title styling (works for Vector 2022 & legacy)~~ */		/* Core content + interface */
	.mw-~~page~~-~~title~~-~~main~~,		html, body, .mw-body, .mw-parser-output, .vector-body,
	h1#~~firstHeading~~,		.mw-content-ltr, .mw-content-rtl, p, li, td, th, caption,
	.~~firstHeading~~ {		h1, h2, h3, h4, h5, h6, #mw-head, #mw-panel, .vector-menu-content,
	font-~~weight~~: var(--~~title~~-~~weight~~) !important;		#p-personal, .mw-portlet, .vector-feature-zebra-design .vector-body,
	~~line-height: 1.15;~~		input, button, select, textarea {
	~~letter-spacing: 0~~;		font-family: var(--cg-stack) !important;
	}		}

	/* ~~Real stroke where supported~~ */		/* Site-wide outline, excluding code/math/SVG/controls */
	~~@supports~~ (-~~webkit~~-~~text~~-~~stroke~~: ~~1px black~~) {		:where(body) :where(
	.mw-~~page~~-~~title~~-~~main,~~		p, li, a, span, div, strong, em, small, b, i,
	~~h1#firstHeading,~~		h1, h2, h3, h4, h5, h6, td, th, caption, dt, dd,
	~~.firstHeading {~~		.vector-menu-heading, .mw-headline, .mw-portlet, .vector-menu-content
	-webkit-text-stroke: var(--~~title~~-~~stroke~~) var(--~~title-stroke~~-colour);		):not(pre):not(code):not(kbd):not(samp):not(tt)
	text-stroke: var(--~~title~~-~~stroke~~) var(--~~title-stroke~~-colour);		:not(.mw-code):not(.mw-highlight):not(.mwe-math-element)
	-webkit-text-fill-color: currentColor; /* ~~keep normal fill~~ */		:not(svg):not(input):not(select):not(textarea):not(button) {
	~~text~~-~~shadow: none; /~~* ~~avoid double effect~~ */		-webkit-text-stroke: var(--outline-size) var(--outline-colour);
	}		text-stroke: var(--outline-size) var(--outline-colour);
			-webkit-text-fill-color: currentColor;
			text-shadow:
			var(--outline-size) 0 0 var(--outline-colour),
			calc(-1 * var(--outline-size)) 0 0 var(--outline-colour),
			0 var(--outline-size) 0 var(--outline-colour),
			0 calc(-1 * var(--outline-size)) 0 var(--outline-colour),
			var(--outline-size) var(--outline-size) 0 var(--outline-colour),
			calc(-1 * var(--outline-size)) var(--outline-size) 0 var(--outline-colour),
			var(--outline-size) calc(-1 * var(--outline-size)) 0 var(--outline-colour),
			calc(-1 * var(--outline-size)) calc(-1 * var(--outline-size)) 0 var(--outline-colour);
	}		}

	~~/* Firefox fallback (simulate stroke with shadows) */~~		pre, code, kbd, samp, tt, .mw-code, .mw-highlight, .mwe-math-element {
	~~@supports not (~~-webkit-text-stroke: ~~1px black) {~~		-webkit-text-stroke: 0 !important;
	~~.mw~~-~~page-title-main,~~		text-stroke: 0 !important;
	~~h1#firstHeading,~~		text-shadow: none !important;
	~~.firstHeading {~~		font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
	text-shadow:
	~~var(~~--~~title-stroke) 0 0 var(--title-stroke-colour)~~,
	~~calc(-1 * var(--title-stroke)) 0 0 var(-~~-~~title-stroke-colour)~~,
	~~0 var(--title-stroke) 0 var(--title-stroke-colour)~~,
	~~0 calc(-1 * var(--title-stroke)) 0 var(--title-stroke-colour)~~,
	~~var(--title-stroke) var(--title-stroke) 0 var(--title-stroke-colour)~~,
	~~calc(-1 * var(--title-stroke)) var(--title-stroke) 0 var(--title-stroke-colour)~~,
	~~var(--title-stroke) calc(-1 * var(--title-stroke)) 0 var(--title-stroke-colour)~~,
	~~calc(-1 * var(--title-stroke)) calc(-1 * var(--title-stroke)) 0 var(--title-stroke-colour)~~;
	}
	}		}

	~~/* Keep subtitles clean */~~
	~~#siteSub, .subtitle { -webkit-text-stroke: 0; text-stroke: 0; text-shadow: none; }~~