<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://wiki.evospace.tech/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=EvoBot</id>
	<title>Evospace - User contributions [en]</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.evospace.tech/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=EvoBot"/>
	<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php/Special:Contributions/EvoBot"/>
	<updated>2026-09-05T17:24:49Z</updated>
	<subtitle>User contributions</subtitle>
	<generator>MediaWiki 1.44.0</generator>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10360</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10360"/>
		<updated>2026-09-05T12:06:58Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Give the MediaWiki/Codex design tokens dark values so components theme themselves&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*======================================================================&lt;br /&gt;
  MediaWiki / Codex design tokens — dark values, so every component&lt;br /&gt;
  built on them follows without a per-class override&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    --background-color-base: #1a1a1a;&lt;br /&gt;
    --background-color-base--hover: #232427;&lt;br /&gt;
    --background-color-neutral: #232427;&lt;br /&gt;
    --background-color-neutral-subtle: #151515;&lt;br /&gt;
    --background-color-interactive: #23272c;&lt;br /&gt;
    --background-color-interactive-subtle: #1c1f23;&lt;br /&gt;
    --background-color-disabled: #2a2d31;&lt;br /&gt;
    --background-color-disabled-subtle: #232427;&lt;br /&gt;
    --background-color-progressive: #1e9ec7;&lt;br /&gt;
    --background-color-progressive--hover: #48d4ff;&lt;br /&gt;
    --background-color-progressive-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --background-color-destructive: #c45c5c;&lt;br /&gt;
    --background-color-destructive-subtle: rgba(196, 92, 92, 0.16);&lt;br /&gt;
    --background-color-transparent: transparent;&lt;br /&gt;
&lt;br /&gt;
    --border-color-base: #4a4a4a;&lt;br /&gt;
    --border-color-interactive: #5c636b;&lt;br /&gt;
    --border-color-subtle: #3a3f45;&lt;br /&gt;
    --border-color-muted: #2f343a;&lt;br /&gt;
    --border-color-disabled: #3a3a3a;&lt;br /&gt;
    --border-color-progressive: #1e9ec7;&lt;br /&gt;
    --border-color-destructive: #c45c5c;&lt;br /&gt;
    --border-color-inverted: #1a1a1a;&lt;br /&gt;
&lt;br /&gt;
    --color-base: #ececec;&lt;br /&gt;
    --color-base--hover: #ffffff;&lt;br /&gt;
    --color-emphasized: #ffffff;&lt;br /&gt;
    --color-subtle: #8a8a8a;&lt;br /&gt;
    --color-placeholder: #8a8a8a;&lt;br /&gt;
    --color-disabled: #6a6f75;&lt;br /&gt;
    --color-inverted: #10141a;&lt;br /&gt;
    --color-inverted-fixed: #10141a;&lt;br /&gt;
    --color-progressive: #8fb4c6;&lt;br /&gt;
    --color-progressive--hover: #7ae4ff;&lt;br /&gt;
    --color-destructive: #c45c5c;&lt;br /&gt;
    --color-visited: #7d97a5;&lt;br /&gt;
    --color-link-red: #c45c5c;&lt;br /&gt;
&lt;br /&gt;
    --box-shadow-color-base: rgba(0, 0, 0, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== images, thumbs, galleries ====================*/&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;],&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;],&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 5px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] &amp;gt; figcaption,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] &amp;gt; figcaption,&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    padding: 6px 3px 2px !important;&lt;br /&gt;
    line-height: 1.35;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] img,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] img,&lt;br /&gt;
.thumbimage,&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-color: var(--steel-dark) !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
    border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerybox div.thumb {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerytext,&lt;br /&gt;
.gallerytext p {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== OOUI / VisualEditor — dark ====================*/&lt;br /&gt;
.oo-ui-window-head,&lt;br /&gt;
.oo-ui-window-foot,&lt;br /&gt;
.oo-ui-processDialog-navigation {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body,&lt;br /&gt;
.oo-ui-dialog &amp;gt; .oo-ui-window-frame,&lt;br /&gt;
.oo-ui-panelLayout-framed,&lt;br /&gt;
.oo-ui-messageDialog-content &amp;gt; .oo-ui-window-foot {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-frame {&lt;br /&gt;
    box-shadow: 0 8px 32px rgba(0,0,0,.6);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-message,&lt;br /&gt;
.oo-ui-window-body .oo-ui-labelElement-label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-header label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-help,&lt;br /&gt;
.oo-ui-window-body p,&lt;br /&gt;
.oo-ui-window-body li {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-messages,&lt;br /&gt;
.oo-ui-messageDialog-message {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input,&lt;br /&gt;
.oo-ui-textInputWidget input,&lt;br /&gt;
.oo-ui-textInputWidget textarea,&lt;br /&gt;
.mw-editform textarea,&lt;br /&gt;
.mw-editform input[type=&#039;text&#039;],&lt;br /&gt;
#wpSummary {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--steel-mid) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button,&lt;br /&gt;
.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--accent-deep) !important;&lt;br /&gt;
    border-color: var(--accent-deep) !important;&lt;br /&gt;
    color: #05131a !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    border-color: var(--accent) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-destructive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--danger) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-frameless &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--link) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-menuSelectWidget,&lt;br /&gt;
.oo-ui-popupWidget-popup,&lt;br /&gt;
.oo-ui-popupWidget-body {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    box-shadow: 0 6px 20px rgba(0,0,0,.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget,&lt;br /&gt;
.oo-ui-menuOptionWidget {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,&lt;br /&gt;
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {&lt;br /&gt;
    background: var(--accent-subtle) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-selected {&lt;br /&gt;
    background: rgba(72,212,255,.22) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-checkboxInputWidget [type=&#039;checkbox&#039;] + span,&lt;br /&gt;
.oo-ui-radioInputWidget [type=&#039;radio&#039;] + span {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a,&lt;br /&gt;
.ve-ui-overlay a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a.new,&lt;br /&gt;
.ve-ui-overlay a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-toolbar &amp;gt; .oo-ui-toolbar-bar,&lt;br /&gt;
.ve-ui-toolbar-floating &amp;gt; .oo-ui-toolbar-bar {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-surface .ve-ce-surface,&lt;br /&gt;
.ve-ui-surface .ve-ce-documentNode {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.editOptions,&lt;br /&gt;
.mw-editform #editform {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editform .editHelp,&lt;br /&gt;
.mw-editform .editCheckboxes label,&lt;br /&gt;
.editOptions label {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-mwSaveDialog-editSummary-count {&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    border-left-color: var(--panel-border) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== fieldsets, legends, boxed notices ====================*/&lt;br /&gt;
fieldset,&lt;br /&gt;
details.mw-changeslist-legend,&lt;br /&gt;
.mw-changeslist-legend,&lt;br /&gt;
.mw-search-profile-tabs,&lt;br /&gt;
.oo-ui-fieldsetLayout,&lt;br /&gt;
.mw-htmlform-ooui-wrapper {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
fieldset &amp;gt; legend,&lt;br /&gt;
details.mw-changeslist-legend &amp;gt; summary,&lt;br /&gt;
.mw-changeslist-legend &amp;gt; summary,&lt;br /&gt;
.oo-ui-fieldsetLayout &amp;gt; .oo-ui-fieldsetLayout-header {&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-changeslist-legend dt,&lt;br /&gt;
.mw-changeslist-legend dd {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10359</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10359"/>
		<updated>2026-09-05T12:06:57Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Give the MediaWiki/Codex design tokens dark values so components theme themselves&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*======================================================================&lt;br /&gt;
  MediaWiki / Codex design tokens — dark values, so every component&lt;br /&gt;
  built on them follows without a per-class override&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    --background-color-base: #1a1a1a;&lt;br /&gt;
    --background-color-base--hover: #232427;&lt;br /&gt;
    --background-color-neutral: #232427;&lt;br /&gt;
    --background-color-neutral-subtle: #151515;&lt;br /&gt;
    --background-color-interactive: #23272c;&lt;br /&gt;
    --background-color-interactive-subtle: #1c1f23;&lt;br /&gt;
    --background-color-disabled: #2a2d31;&lt;br /&gt;
    --background-color-disabled-subtle: #232427;&lt;br /&gt;
    --background-color-progressive: #1e9ec7;&lt;br /&gt;
    --background-color-progressive--hover: #48d4ff;&lt;br /&gt;
    --background-color-progressive-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --background-color-destructive: #c45c5c;&lt;br /&gt;
    --background-color-destructive-subtle: rgba(196, 92, 92, 0.16);&lt;br /&gt;
    --background-color-transparent: transparent;&lt;br /&gt;
&lt;br /&gt;
    --border-color-base: #4a4a4a;&lt;br /&gt;
    --border-color-interactive: #5c636b;&lt;br /&gt;
    --border-color-subtle: #3a3f45;&lt;br /&gt;
    --border-color-muted: #2f343a;&lt;br /&gt;
    --border-color-disabled: #3a3a3a;&lt;br /&gt;
    --border-color-progressive: #1e9ec7;&lt;br /&gt;
    --border-color-destructive: #c45c5c;&lt;br /&gt;
    --border-color-inverted: #1a1a1a;&lt;br /&gt;
&lt;br /&gt;
    --color-base: #ececec;&lt;br /&gt;
    --color-base--hover: #ffffff;&lt;br /&gt;
    --color-emphasized: #ffffff;&lt;br /&gt;
    --color-subtle: #8a8a8a;&lt;br /&gt;
    --color-placeholder: #8a8a8a;&lt;br /&gt;
    --color-disabled: #6a6f75;&lt;br /&gt;
    --color-inverted: #10141a;&lt;br /&gt;
    --color-inverted-fixed: #10141a;&lt;br /&gt;
    --color-progressive: #8fb4c6;&lt;br /&gt;
    --color-progressive--hover: #7ae4ff;&lt;br /&gt;
    --color-destructive: #c45c5c;&lt;br /&gt;
    --color-visited: #7d97a5;&lt;br /&gt;
    --color-link-red: #c45c5c;&lt;br /&gt;
&lt;br /&gt;
    --box-shadow-color-base: rgba(0, 0, 0, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== images, thumbs, galleries ====================*/&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;],&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;],&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 5px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] &amp;gt; figcaption,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] &amp;gt; figcaption,&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    padding: 6px 3px 2px !important;&lt;br /&gt;
    line-height: 1.35;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] img,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] img,&lt;br /&gt;
.thumbimage,&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-color: var(--steel-dark) !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
    border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerybox div.thumb {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerytext,&lt;br /&gt;
.gallerytext p {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== OOUI / VisualEditor — dark ====================*/&lt;br /&gt;
.oo-ui-window-head,&lt;br /&gt;
.oo-ui-window-foot,&lt;br /&gt;
.oo-ui-processDialog-navigation {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body,&lt;br /&gt;
.oo-ui-dialog &amp;gt; .oo-ui-window-frame,&lt;br /&gt;
.oo-ui-panelLayout-framed,&lt;br /&gt;
.oo-ui-messageDialog-content &amp;gt; .oo-ui-window-foot {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-frame {&lt;br /&gt;
    box-shadow: 0 8px 32px rgba(0,0,0,.6);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-message,&lt;br /&gt;
.oo-ui-window-body .oo-ui-labelElement-label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-header label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-help,&lt;br /&gt;
.oo-ui-window-body p,&lt;br /&gt;
.oo-ui-window-body li {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-messages,&lt;br /&gt;
.oo-ui-messageDialog-message {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input,&lt;br /&gt;
.oo-ui-textInputWidget input,&lt;br /&gt;
.oo-ui-textInputWidget textarea,&lt;br /&gt;
.mw-editform textarea,&lt;br /&gt;
.mw-editform input[type=&#039;text&#039;],&lt;br /&gt;
#wpSummary {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--steel-mid) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button,&lt;br /&gt;
.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--accent-deep) !important;&lt;br /&gt;
    border-color: var(--accent-deep) !important;&lt;br /&gt;
    color: #05131a !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    border-color: var(--accent) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-destructive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--danger) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-frameless &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--link) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-menuSelectWidget,&lt;br /&gt;
.oo-ui-popupWidget-popup,&lt;br /&gt;
.oo-ui-popupWidget-body {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    box-shadow: 0 6px 20px rgba(0,0,0,.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget,&lt;br /&gt;
.oo-ui-menuOptionWidget {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,&lt;br /&gt;
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {&lt;br /&gt;
    background: var(--accent-subtle) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-selected {&lt;br /&gt;
    background: rgba(72,212,255,.22) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-checkboxInputWidget [type=&#039;checkbox&#039;] + span,&lt;br /&gt;
.oo-ui-radioInputWidget [type=&#039;radio&#039;] + span {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a,&lt;br /&gt;
.ve-ui-overlay a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a.new,&lt;br /&gt;
.ve-ui-overlay a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-toolbar &amp;gt; .oo-ui-toolbar-bar,&lt;br /&gt;
.ve-ui-toolbar-floating &amp;gt; .oo-ui-toolbar-bar {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-surface .ve-ce-surface,&lt;br /&gt;
.ve-ui-surface .ve-ce-documentNode {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.editOptions,&lt;br /&gt;
.mw-editform #editform {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editform .editHelp,&lt;br /&gt;
.mw-editform .editCheckboxes label,&lt;br /&gt;
.editOptions label {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-mwSaveDialog-editSummary-count {&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    border-left-color: var(--panel-border) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== fieldsets, legends, boxed notices ====================*/&lt;br /&gt;
fieldset,&lt;br /&gt;
details.mw-changeslist-legend,&lt;br /&gt;
.mw-changeslist-legend,&lt;br /&gt;
.mw-search-profile-tabs,&lt;br /&gt;
.oo-ui-fieldsetLayout,&lt;br /&gt;
.mw-htmlform-ooui-wrapper {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
fieldset &amp;gt; legend,&lt;br /&gt;
details.mw-changeslist-legend &amp;gt; summary,&lt;br /&gt;
.mw-changeslist-legend &amp;gt; summary,&lt;br /&gt;
.oo-ui-fieldsetLayout &amp;gt; .oo-ui-fieldsetLayout-header {&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-changeslist-legend dt,&lt;br /&gt;
.mw-changeslist-legend dd {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10357</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10357"/>
		<updated>2026-09-05T12:02:44Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Dark fieldsets and the changes-list legend&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== images, thumbs, galleries ====================*/&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;],&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;],&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 5px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] &amp;gt; figcaption,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] &amp;gt; figcaption,&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    padding: 6px 3px 2px !important;&lt;br /&gt;
    line-height: 1.35;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] img,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] img,&lt;br /&gt;
.thumbimage,&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-color: var(--steel-dark) !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
    border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerybox div.thumb {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerytext,&lt;br /&gt;
.gallerytext p {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== OOUI / VisualEditor — dark ====================*/&lt;br /&gt;
.oo-ui-window-head,&lt;br /&gt;
.oo-ui-window-foot,&lt;br /&gt;
.oo-ui-processDialog-navigation {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body,&lt;br /&gt;
.oo-ui-dialog &amp;gt; .oo-ui-window-frame,&lt;br /&gt;
.oo-ui-panelLayout-framed,&lt;br /&gt;
.oo-ui-messageDialog-content &amp;gt; .oo-ui-window-foot {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-frame {&lt;br /&gt;
    box-shadow: 0 8px 32px rgba(0,0,0,.6);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-message,&lt;br /&gt;
.oo-ui-window-body .oo-ui-labelElement-label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-header label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-help,&lt;br /&gt;
.oo-ui-window-body p,&lt;br /&gt;
.oo-ui-window-body li {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-messages,&lt;br /&gt;
.oo-ui-messageDialog-message {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input,&lt;br /&gt;
.oo-ui-textInputWidget input,&lt;br /&gt;
.oo-ui-textInputWidget textarea,&lt;br /&gt;
.mw-editform textarea,&lt;br /&gt;
.mw-editform input[type=&#039;text&#039;],&lt;br /&gt;
#wpSummary {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--steel-mid) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button,&lt;br /&gt;
.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--accent-deep) !important;&lt;br /&gt;
    border-color: var(--accent-deep) !important;&lt;br /&gt;
    color: #05131a !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    border-color: var(--accent) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-destructive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--danger) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-frameless &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--link) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-menuSelectWidget,&lt;br /&gt;
.oo-ui-popupWidget-popup,&lt;br /&gt;
.oo-ui-popupWidget-body {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    box-shadow: 0 6px 20px rgba(0,0,0,.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget,&lt;br /&gt;
.oo-ui-menuOptionWidget {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,&lt;br /&gt;
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {&lt;br /&gt;
    background: var(--accent-subtle) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-selected {&lt;br /&gt;
    background: rgba(72,212,255,.22) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-checkboxInputWidget [type=&#039;checkbox&#039;] + span,&lt;br /&gt;
.oo-ui-radioInputWidget [type=&#039;radio&#039;] + span {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a,&lt;br /&gt;
.ve-ui-overlay a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a.new,&lt;br /&gt;
.ve-ui-overlay a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-toolbar &amp;gt; .oo-ui-toolbar-bar,&lt;br /&gt;
.ve-ui-toolbar-floating &amp;gt; .oo-ui-toolbar-bar {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-surface .ve-ce-surface,&lt;br /&gt;
.ve-ui-surface .ve-ce-documentNode {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.editOptions,&lt;br /&gt;
.mw-editform #editform {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editform .editHelp,&lt;br /&gt;
.mw-editform .editCheckboxes label,&lt;br /&gt;
.editOptions label {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== fieldsets, legends, boxed notices ====================*/&lt;br /&gt;
fieldset,&lt;br /&gt;
details.mw-changeslist-legend,&lt;br /&gt;
.mw-changeslist-legend,&lt;br /&gt;
.mw-search-profile-tabs,&lt;br /&gt;
.oo-ui-fieldsetLayout,&lt;br /&gt;
.mw-htmlform-ooui-wrapper {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
fieldset &amp;gt; legend,&lt;br /&gt;
details.mw-changeslist-legend &amp;gt; summary,&lt;br /&gt;
.mw-changeslist-legend &amp;gt; summary,&lt;br /&gt;
.oo-ui-fieldsetLayout &amp;gt; .oo-ui-fieldsetLayout-header {&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-changeslist-legend dt,&lt;br /&gt;
.mw-changeslist-legend dd {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10356</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10356"/>
		<updated>2026-09-05T12:02:42Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Dark fieldsets and the changes-list legend&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== images, thumbs, galleries ====================*/&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;],&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;],&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 5px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] &amp;gt; figcaption,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] &amp;gt; figcaption,&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    padding: 6px 3px 2px !important;&lt;br /&gt;
    line-height: 1.35;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] img,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] img,&lt;br /&gt;
.thumbimage,&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-color: var(--steel-dark) !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
    border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerybox div.thumb {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerytext,&lt;br /&gt;
.gallerytext p {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== OOUI / VisualEditor — dark ====================*/&lt;br /&gt;
.oo-ui-window-head,&lt;br /&gt;
.oo-ui-window-foot,&lt;br /&gt;
.oo-ui-processDialog-navigation {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body,&lt;br /&gt;
.oo-ui-dialog &amp;gt; .oo-ui-window-frame,&lt;br /&gt;
.oo-ui-panelLayout-framed,&lt;br /&gt;
.oo-ui-messageDialog-content &amp;gt; .oo-ui-window-foot {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-frame {&lt;br /&gt;
    box-shadow: 0 8px 32px rgba(0,0,0,.6);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-message,&lt;br /&gt;
.oo-ui-window-body .oo-ui-labelElement-label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-header label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-help,&lt;br /&gt;
.oo-ui-window-body p,&lt;br /&gt;
.oo-ui-window-body li {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-messages,&lt;br /&gt;
.oo-ui-messageDialog-message {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input,&lt;br /&gt;
.oo-ui-textInputWidget input,&lt;br /&gt;
.oo-ui-textInputWidget textarea,&lt;br /&gt;
.mw-editform textarea,&lt;br /&gt;
.mw-editform input[type=&#039;text&#039;],&lt;br /&gt;
#wpSummary {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--steel-mid) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button,&lt;br /&gt;
.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--accent-deep) !important;&lt;br /&gt;
    border-color: var(--accent-deep) !important;&lt;br /&gt;
    color: #05131a !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    border-color: var(--accent) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-destructive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--danger) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-frameless &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--link) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-menuSelectWidget,&lt;br /&gt;
.oo-ui-popupWidget-popup,&lt;br /&gt;
.oo-ui-popupWidget-body {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    box-shadow: 0 6px 20px rgba(0,0,0,.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget,&lt;br /&gt;
.oo-ui-menuOptionWidget {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,&lt;br /&gt;
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {&lt;br /&gt;
    background: var(--accent-subtle) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-selected {&lt;br /&gt;
    background: rgba(72,212,255,.22) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-checkboxInputWidget [type=&#039;checkbox&#039;] + span,&lt;br /&gt;
.oo-ui-radioInputWidget [type=&#039;radio&#039;] + span {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a,&lt;br /&gt;
.ve-ui-overlay a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a.new,&lt;br /&gt;
.ve-ui-overlay a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-toolbar &amp;gt; .oo-ui-toolbar-bar,&lt;br /&gt;
.ve-ui-toolbar-floating &amp;gt; .oo-ui-toolbar-bar {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-surface .ve-ce-surface,&lt;br /&gt;
.ve-ui-surface .ve-ce-documentNode {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.editOptions,&lt;br /&gt;
.mw-editform #editform {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editform .editHelp,&lt;br /&gt;
.mw-editform .editCheckboxes label,&lt;br /&gt;
.editOptions label {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== fieldsets, legends, boxed notices ====================*/&lt;br /&gt;
fieldset,&lt;br /&gt;
details.mw-changeslist-legend,&lt;br /&gt;
.mw-changeslist-legend,&lt;br /&gt;
.mw-search-profile-tabs,&lt;br /&gt;
.oo-ui-fieldsetLayout,&lt;br /&gt;
.mw-htmlform-ooui-wrapper {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
fieldset &amp;gt; legend,&lt;br /&gt;
details.mw-changeslist-legend &amp;gt; summary,&lt;br /&gt;
.mw-changeslist-legend &amp;gt; summary,&lt;br /&gt;
.oo-ui-fieldsetLayout &amp;gt; .oo-ui-fieldsetLayout-header {&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-changeslist-legend dt,&lt;br /&gt;
.mw-changeslist-legend dd {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10355</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10355"/>
		<updated>2026-09-05T12:01:42Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Dark theme for OOUI dialogs, menus, inputs and the VisualEditor surface&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== images, thumbs, galleries ====================*/&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;],&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;],&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 5px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] &amp;gt; figcaption,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] &amp;gt; figcaption,&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    padding: 6px 3px 2px !important;&lt;br /&gt;
    line-height: 1.35;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] img,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] img,&lt;br /&gt;
.thumbimage,&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-color: var(--steel-dark) !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
    border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerybox div.thumb {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerytext,&lt;br /&gt;
.gallerytext p {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== OOUI / VisualEditor — dark ====================*/&lt;br /&gt;
.oo-ui-window-head,&lt;br /&gt;
.oo-ui-window-foot,&lt;br /&gt;
.oo-ui-processDialog-navigation {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body,&lt;br /&gt;
.oo-ui-dialog &amp;gt; .oo-ui-window-frame,&lt;br /&gt;
.oo-ui-panelLayout-framed,&lt;br /&gt;
.oo-ui-messageDialog-content &amp;gt; .oo-ui-window-foot {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-frame {&lt;br /&gt;
    box-shadow: 0 8px 32px rgba(0,0,0,.6);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-message,&lt;br /&gt;
.oo-ui-window-body .oo-ui-labelElement-label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-header label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-help,&lt;br /&gt;
.oo-ui-window-body p,&lt;br /&gt;
.oo-ui-window-body li {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-messages,&lt;br /&gt;
.oo-ui-messageDialog-message {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input,&lt;br /&gt;
.oo-ui-textInputWidget input,&lt;br /&gt;
.oo-ui-textInputWidget textarea,&lt;br /&gt;
.mw-editform textarea,&lt;br /&gt;
.mw-editform input[type=&#039;text&#039;],&lt;br /&gt;
#wpSummary {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--steel-mid) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button,&lt;br /&gt;
.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--accent-deep) !important;&lt;br /&gt;
    border-color: var(--accent-deep) !important;&lt;br /&gt;
    color: #05131a !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    border-color: var(--accent) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-destructive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--danger) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-frameless &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--link) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-menuSelectWidget,&lt;br /&gt;
.oo-ui-popupWidget-popup,&lt;br /&gt;
.oo-ui-popupWidget-body {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    box-shadow: 0 6px 20px rgba(0,0,0,.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget,&lt;br /&gt;
.oo-ui-menuOptionWidget {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,&lt;br /&gt;
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {&lt;br /&gt;
    background: var(--accent-subtle) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-selected {&lt;br /&gt;
    background: rgba(72,212,255,.22) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-checkboxInputWidget [type=&#039;checkbox&#039;] + span,&lt;br /&gt;
.oo-ui-radioInputWidget [type=&#039;radio&#039;] + span {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a,&lt;br /&gt;
.ve-ui-overlay a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a.new,&lt;br /&gt;
.ve-ui-overlay a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-toolbar &amp;gt; .oo-ui-toolbar-bar,&lt;br /&gt;
.ve-ui-toolbar-floating &amp;gt; .oo-ui-toolbar-bar {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-surface .ve-ce-surface,&lt;br /&gt;
.ve-ui-surface .ve-ce-documentNode {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.editOptions,&lt;br /&gt;
.mw-editform #editform {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editform .editHelp,&lt;br /&gt;
.mw-editform .editCheckboxes label,&lt;br /&gt;
.editOptions label {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10354</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10354"/>
		<updated>2026-09-05T12:01:41Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Dark theme for OOUI dialogs, menus, inputs and the VisualEditor surface&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== images, thumbs, galleries ====================*/&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;],&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;],&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 5px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] &amp;gt; figcaption,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] &amp;gt; figcaption,&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    padding: 6px 3px 2px !important;&lt;br /&gt;
    line-height: 1.35;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] img,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] img,&lt;br /&gt;
.thumbimage,&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-color: var(--steel-dark) !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
    border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerybox div.thumb {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerytext,&lt;br /&gt;
.gallerytext p {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== OOUI / VisualEditor — dark ====================*/&lt;br /&gt;
.oo-ui-window-head,&lt;br /&gt;
.oo-ui-window-foot,&lt;br /&gt;
.oo-ui-processDialog-navigation {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body,&lt;br /&gt;
.oo-ui-dialog &amp;gt; .oo-ui-window-frame,&lt;br /&gt;
.oo-ui-panelLayout-framed,&lt;br /&gt;
.oo-ui-messageDialog-content &amp;gt; .oo-ui-window-foot {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-frame {&lt;br /&gt;
    box-shadow: 0 8px 32px rgba(0,0,0,.6);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-message,&lt;br /&gt;
.oo-ui-window-body .oo-ui-labelElement-label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-header label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-help,&lt;br /&gt;
.oo-ui-window-body p,&lt;br /&gt;
.oo-ui-window-body li {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-messages,&lt;br /&gt;
.oo-ui-messageDialog-message {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input,&lt;br /&gt;
.oo-ui-textInputWidget input,&lt;br /&gt;
.oo-ui-textInputWidget textarea,&lt;br /&gt;
.mw-editform textarea,&lt;br /&gt;
.mw-editform input[type=&#039;text&#039;],&lt;br /&gt;
#wpSummary {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-inputWidget-input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--steel-mid) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed &amp;gt; .oo-ui-buttonElement-button,&lt;br /&gt;
.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background: var(--accent-deep) !important;&lt;br /&gt;
    border-color: var(--accent-deep) !important;&lt;br /&gt;
    color: #05131a !important;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-framed.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    border-color: var(--accent) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-flaggedElement-destructive &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--danger) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-frameless &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    color: var(--link) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-menuSelectWidget,&lt;br /&gt;
.oo-ui-popupWidget-popup,&lt;br /&gt;
.oo-ui-popupWidget-body {&lt;br /&gt;
    background: var(--panel) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    box-shadow: 0 6px 20px rgba(0,0,0,.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget,&lt;br /&gt;
.oo-ui-menuOptionWidget {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,&lt;br /&gt;
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {&lt;br /&gt;
    background: var(--accent-subtle) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-optionWidget.oo-ui-optionWidget-selected {&lt;br /&gt;
    background: rgba(72,212,255,.22) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-checkboxInputWidget [type=&#039;checkbox&#039;] + span,&lt;br /&gt;
.oo-ui-radioInputWidget [type=&#039;radio&#039;] + span {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a,&lt;br /&gt;
.ve-ui-overlay a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a.new,&lt;br /&gt;
.ve-ui-overlay a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-toolbar &amp;gt; .oo-ui-toolbar-bar,&lt;br /&gt;
.ve-ui-toolbar-floating &amp;gt; .oo-ui-toolbar-bar {&lt;br /&gt;
    background: var(--steel-dark) !important;&lt;br /&gt;
    border-color: var(--panel-border) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-surface .ve-ce-surface,&lt;br /&gt;
.ve-ui-surface .ve-ce-documentNode {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.editOptions,&lt;br /&gt;
.mw-editform #editform {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editform .editHelp,&lt;br /&gt;
.mw-editform .editCheckboxes label,&lt;br /&gt;
.editOptions label {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10353</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10353"/>
		<updated>2026-09-05T11:53:20Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Stop the dark skin text colour leaking into OOUI and VisualEditor dialogs&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== images, thumbs, galleries ====================*/&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;],&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;],&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 5px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] &amp;gt; figcaption,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] &amp;gt; figcaption,&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    padding: 6px 3px 2px !important;&lt;br /&gt;
    line-height: 1.35;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] img,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] img,&lt;br /&gt;
.thumbimage,&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-color: var(--steel-dark) !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
    border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerybox div.thumb {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerytext,&lt;br /&gt;
.gallerytext p {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== OOUI / VisualEditor dialogs ====================*/&lt;br /&gt;
.oo-ui-window-head,&lt;br /&gt;
.oo-ui-window-body,&lt;br /&gt;
.oo-ui-window-foot,&lt;br /&gt;
.oo-ui-popupWidget-body,&lt;br /&gt;
.oo-ui-menuSelectWidget,&lt;br /&gt;
.ve-ui-overlay,&lt;br /&gt;
.mw-editform,&lt;br /&gt;
.editOptions {&lt;br /&gt;
    color: #202122;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body .oo-ui-labelElement-label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-header label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-help,&lt;br /&gt;
.oo-ui-processDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-message,&lt;br /&gt;
.oo-ui-popupWidget-body .oo-ui-labelElement-label {&lt;br /&gt;
    color: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body .oo-ui-inputWidget-input,&lt;br /&gt;
.mw-editform textarea,&lt;br /&gt;
.mw-editform input[type=&#039;text&#039;] {&lt;br /&gt;
    color: #202122;&lt;br /&gt;
    background: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a,&lt;br /&gt;
.ve-ui-overlay a {&lt;br /&gt;
    color: #3366cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a.new,&lt;br /&gt;
.ve-ui-overlay a.new {&lt;br /&gt;
    color: #d73333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10352</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10352"/>
		<updated>2026-09-05T11:53:19Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Stop the dark skin text colour leaking into OOUI and VisualEditor dialogs&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== images, thumbs, galleries ====================*/&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;],&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;],&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 5px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] &amp;gt; figcaption,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] &amp;gt; figcaption,&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    padding: 6px 3px 2px !important;&lt;br /&gt;
    line-height: 1.35;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] img,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] img,&lt;br /&gt;
.thumbimage,&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-color: var(--steel-dark) !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
    border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerybox div.thumb {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerytext,&lt;br /&gt;
.gallerytext p {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== OOUI / VisualEditor dialogs ====================*/&lt;br /&gt;
.oo-ui-window-head,&lt;br /&gt;
.oo-ui-window-body,&lt;br /&gt;
.oo-ui-window-foot,&lt;br /&gt;
.oo-ui-popupWidget-body,&lt;br /&gt;
.oo-ui-menuSelectWidget,&lt;br /&gt;
.ve-ui-overlay,&lt;br /&gt;
.mw-editform,&lt;br /&gt;
.editOptions {&lt;br /&gt;
    color: #202122;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body .oo-ui-labelElement-label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-header label,&lt;br /&gt;
.oo-ui-window-body .oo-ui-fieldLayout-help,&lt;br /&gt;
.oo-ui-processDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-title,&lt;br /&gt;
.oo-ui-messageDialog-message,&lt;br /&gt;
.oo-ui-popupWidget-body .oo-ui-labelElement-label {&lt;br /&gt;
    color: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body .oo-ui-inputWidget-input,&lt;br /&gt;
.mw-editform textarea,&lt;br /&gt;
.mw-editform input[type=&#039;text&#039;] {&lt;br /&gt;
    color: #202122;&lt;br /&gt;
    background: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a,&lt;br /&gt;
.ve-ui-overlay a {&lt;br /&gt;
    color: #3366cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-body a.new,&lt;br /&gt;
.ve-ui-overlay a.new {&lt;br /&gt;
    color: #d73333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10350</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10350"/>
		<updated>2026-09-05T11:49:05Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Dark frames for thumbnails, captions and galleries&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== images, thumbs, galleries ====================*/&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;],&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;],&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 5px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] &amp;gt; figcaption,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] &amp;gt; figcaption,&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    padding: 6px 3px 2px !important;&lt;br /&gt;
    line-height: 1.35;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] img,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] img,&lt;br /&gt;
.thumbimage,&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-color: var(--steel-dark) !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
    border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerybox div.thumb {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerytext,&lt;br /&gt;
.gallerytext p {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10349</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10349"/>
		<updated>2026-09-05T11:49:04Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Dark frames for thumbnails, captions and galleries&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== images, thumbs, galleries ====================*/&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;],&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;],&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 5px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] &amp;gt; figcaption,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] &amp;gt; figcaption,&lt;br /&gt;
.thumbcaption {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    padding: 6px 3px 2px !important;&lt;br /&gt;
    line-height: 1.35;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
figure[typeof~=&#039;mw:File/Thumb&#039;] img,&lt;br /&gt;
figure[typeof~=&#039;mw:File/Frame&#039;] img,&lt;br /&gt;
.thumbimage,&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-color: var(--steel-dark) !important;&lt;br /&gt;
    background-color: transparent !important;&lt;br /&gt;
    border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerybox div.thumb {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.gallerytext,&lt;br /&gt;
.gallerytext p {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10348</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10348"/>
		<updated>2026-09-05T11:47:46Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Readable section numbers in the table of contents&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10347</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10347"/>
		<updated>2026-09-05T11:47:45Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Readable section numbers in the table of contents&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .tocnumber,&lt;br /&gt;
.toc .tocnumber {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc a:hover .tocnumber,&lt;br /&gt;
.toc a:hover .tocnumber {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10346</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10346"/>
		<updated>2026-09-05T11:45:23Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Stop overriding tab geometry: draw the border with an inset shadow so Vector own padding still positions labels and the watch icon; lighter selected tab for readable dark text&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10345</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10345"/>
		<updated>2026-09-05T11:45:22Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Stop overriding tab geometry: draw the border with an inset shadow so Vector own padding still positions labels and the watch icon; lighter selected tab for readable dark text&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 1px 0 0 var(--panel-border),&lt;br /&gt;
        inset -1px 0 0 var(--panel-border),&lt;br /&gt;
        inset 0 1px 0 var(--panel-border);&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: #0d1116;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10344</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10344"/>
		<updated>2026-09-05T11:40:08Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Keep the icon-only watch tab drawable: it paints a background image, so it needs width instead of flex padding&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    height: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li:not(.icon) a,&lt;br /&gt;
.vector-menu-tabs li.selected:not(.icon) a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    padding: 0 .7em !important;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.icon a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    width: 2em;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    background-position: center center !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a img,&lt;br /&gt;
.vector-menu-tabs li a .mw-ui-icon {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    height: 2.5em;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 0 1.4em 0 .7em;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10343</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10343"/>
		<updated>2026-09-05T11:40:07Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Keep the icon-only watch tab drawable: it paints a background image, so it needs width instead of flex padding&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    height: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li:not(.icon) a,&lt;br /&gt;
.vector-menu-tabs li.selected:not(.icon) a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    padding: 0 .7em !important;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.icon a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    width: 2em;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    background-position: center center !important;&lt;br /&gt;
    background-repeat: no-repeat !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a img,&lt;br /&gt;
.vector-menu-tabs li a .mw-ui-icon {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    height: 2.5em;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 0 1.4em 0 .7em;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10342</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10342"/>
		<updated>2026-09-05T11:35:15Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Align the More dropdown with the tab row&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    height: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li.selected a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    padding: 0 .7em !important;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a img,&lt;br /&gt;
.vector-menu-tabs li a .mw-ui-icon {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    height: 2.5em;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 0 1.4em 0 .7em;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10341</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10341"/>
		<updated>2026-09-05T11:35:13Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Align the More dropdown with the tab row&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    height: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li.selected a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    padding: 0 .7em !important;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a img,&lt;br /&gt;
.vector-menu-tabs li a .mw-ui-icon {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    height: 2.5em;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 0 1.4em 0 .7em;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10340</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10340"/>
		<updated>2026-09-05T11:34:35Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Centre tab labels with a fixed tab height instead of the sprite-era padding&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    height: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li.selected a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    padding: 0 .7em !important;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a img,&lt;br /&gt;
.vector-menu-tabs li a .mw-ui-icon {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10339</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10339"/>
		<updated>2026-09-05T11:34:34Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Centre tab labels with a fixed tab height instead of the sprite-era padding&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    height: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li.selected a {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    padding: 0 .7em !important;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a img,&lt;br /&gt;
.vector-menu-tabs li a .mw-ui-icon {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10338</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10338"/>
		<updated>2026-09-05T11:32:27Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: TOC toggle link readable on the steel header&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10337</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10337"/>
		<updated>2026-09-05T11:32:26Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: TOC toggle link readable on the steel header&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a,&lt;br /&gt;
.toc .toctitle a,&lt;br /&gt;
#toc .toctogglelabel,&lt;br /&gt;
.toc .toctogglelabel {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    opacity: .7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle a:hover,&lt;br /&gt;
.toc .toctitle a:hover,&lt;br /&gt;
#toc .toctogglelabel:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10336</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10336"/>
		<updated>2026-09-05T11:31:44Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Style the Translate language bar; cyan dot only for a complete translation&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10335</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10335"/>
		<updated>2026-09-05T11:31:43Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Style the Translate language bar; cyan dot only for a complete translation&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== translate language bar ====================*/&lt;br /&gt;
.mw-pt-languages {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    padding: 6px 10px;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-label {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-ui,&lt;br /&gt;
.mw-pt-languages-selected {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress::after {&lt;br /&gt;
    background: var(--muted) !important;&lt;br /&gt;
    opacity: .5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-progress--complete::after {&lt;br /&gt;
    background: var(--accent) !important;&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list a:empty {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-pt-languages-list li:has(&amp;gt; a:empty) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10334</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10334"/>
		<updated>2026-09-05T11:27:43Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Tune: readable personal bar, calmer link colour with cyan kept as accent, thinner frames and tighter grid, light header strip on cards&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10333</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10333"/>
		<updated>2026-09-05T11:27:42Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Tune: readable personal bar, calmer link colour with cyan kept as accent, thinner frames and tighter grid, light header strip on cards&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --link: #8fb4c6;&lt;br /&gt;
    --link-visited: #7d97a5;&lt;br /&gt;
    --steel-ink: #10141a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--link-visited);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== personal bar ====================*/&lt;br /&gt;
#p-personal ul {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a,&lt;br /&gt;
#p-personal li a:visited,&lt;br /&gt;
#pt-anontalk a,&lt;br /&gt;
#pt-anonuserpage {&lt;br /&gt;
    color: #b6bcc2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-personal li.new a,&lt;br /&gt;
#p-personal li a.new {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--link);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 6px !important;&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.3),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.6),&lt;br /&gt;
        0 2px 8px rgba(0,0,0,.4) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));&lt;br /&gt;
    gap: 9px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption,&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 7px;&lt;br /&gt;
    margin-bottom: 4px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: linear-gradient(180deg, #6c737c 0%, #575e66 100%);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 4px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Module:RecipeLoader&amp;diff=10332</id>
		<title>Module:RecipeLoader</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Module:RecipeLoader&amp;diff=10332"/>
		<updated>2026-09-05T11:20:14Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Wrap recipe cards in the .recipe-grid container the stylesheet expects&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;local p = {}&lt;br /&gt;
&lt;br /&gt;
local function normalizeArray(tbl)&lt;br /&gt;
    local result = {}&lt;br /&gt;
    if not tbl then return result end&lt;br /&gt;
    for k, v in pairs(tbl) do&lt;br /&gt;
        if type(v) == &amp;quot;table&amp;quot; then&lt;br /&gt;
            local name = v[1] or v.name or v[&amp;quot;1&amp;quot;]&lt;br /&gt;
            local count = v[2] or v.count or v[&amp;quot;2&amp;quot;] or 1&lt;br /&gt;
            table.insert(result, {name, count})&lt;br /&gt;
        end&lt;br /&gt;
    end&lt;br /&gt;
    table.sort(result, function(a,b) return tostring(a[1]) &amp;lt; tostring(b[1]) end)&lt;br /&gt;
    return result&lt;br /&gt;
end&lt;br /&gt;
&lt;br /&gt;
local function splitCamelCase(str)&lt;br /&gt;
    str = str:gsub(&amp;quot;_&amp;quot;, &amp;quot; &amp;quot;)&lt;br /&gt;
    str = str:gsub(&amp;quot;(%l)(%u)&amp;quot;, &amp;quot;%1 %2&amp;quot;)&lt;br /&gt;
    str = str:gsub(&amp;quot;(%a)(%d)&amp;quot;, &amp;quot;%1 %2&amp;quot;)&lt;br /&gt;
    str = str:gsub(&amp;quot;(%d)(%a)&amp;quot;, &amp;quot;%1 %2&amp;quot;)&lt;br /&gt;
    return str&lt;br /&gt;
end&lt;br /&gt;
&lt;br /&gt;
local function firstExistingIcon(machine)&lt;br /&gt;
    local nsFile = mw.site.namespaces.File.id&lt;br /&gt;
    local candidates = {&lt;br /&gt;
        string.format(&amp;quot;T_%s.png&amp;quot;, machine),&lt;br /&gt;
        string.format(&amp;quot;T_Stone%s.png&amp;quot;, machine),&lt;br /&gt;
        string.format(&amp;quot;T_Copper%s.png&amp;quot;, machine),&lt;br /&gt;
        string.format(&amp;quot;T_Steel%s.png&amp;quot;, machine),&lt;br /&gt;
        string.format(&amp;quot;T_Aluminium%s.png&amp;quot;, machine),&lt;br /&gt;
        string.format(&amp;quot;T_StainlessSteel%s.png&amp;quot;, machine),&lt;br /&gt;
        string.format(&amp;quot;T_Titanium%s.png&amp;quot;, machine),&lt;br /&gt;
        string.format(&amp;quot;T_Composite%s.png&amp;quot;, machine),&lt;br /&gt;
        string.format(&amp;quot;T_Neutronium%s.png&amp;quot;, machine),&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    for _, filename in ipairs(candidates) do&lt;br /&gt;
        local title = mw.title.makeTitle(nsFile, filename)&lt;br /&gt;
        if title and title.exists then&lt;br /&gt;
            return filename&lt;br /&gt;
        end&lt;br /&gt;
    end&lt;br /&gt;
&lt;br /&gt;
    return nil -- ничего не найдено&lt;br /&gt;
end&lt;br /&gt;
&lt;br /&gt;
local function renderRecipeInput(recipe)&lt;br /&gt;
    local inputs = normalizeArray(recipe.input)&lt;br /&gt;
    local str = &#039;&#039;&lt;br /&gt;
&lt;br /&gt;
    if #inputs &amp;gt; 0 then&lt;br /&gt;
        for _, ing in ipairs(inputs) do&lt;br /&gt;
            str = str ..&lt;br /&gt;
                &amp;quot;|-\n| &amp;quot; ..&lt;br /&gt;
                string.format(&amp;quot;[[File:T_%s.png|22px]]&amp;quot;, ing[1]) ..&lt;br /&gt;
                string.format(&amp;quot;[[%s]] × %s&amp;quot;, splitCamelCase(ing[1]), tostring(ing[2])) ..&lt;br /&gt;
                &amp;quot;\n&amp;quot;&lt;br /&gt;
        end&lt;br /&gt;
    else&lt;br /&gt;
        str = str .. &amp;quot;—&amp;quot;&lt;br /&gt;
    end&lt;br /&gt;
&lt;br /&gt;
    return str&lt;br /&gt;
end&lt;br /&gt;
&lt;br /&gt;
local function renderRecipe(recipe)&lt;br /&gt;
    local inputs = normalizeArray(recipe.input)&lt;br /&gt;
    local outputs = normalizeArray(recipe.output)&lt;br /&gt;
    local ticks = recipe.ticks or recipe.time or &amp;quot;&amp;quot;&lt;br /&gt;
    local machine = recipe.machine or recipe.made_in or recipe.crafter or nil&lt;br /&gt;
&lt;br /&gt;
    local tableNode = mw.html.create(&amp;quot;table&amp;quot;)&lt;br /&gt;
        :addClass(&amp;quot;recipe-table&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
    -- Заголовок: только машина, без fallback&lt;br /&gt;
    local caption = tableNode:tag(&amp;quot;caption&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
    if machine then&lt;br /&gt;
        local icon = firstExistingIcon(machine)&lt;br /&gt;
&lt;br /&gt;
        if icon then&lt;br /&gt;
            caption:wikitext(string.format(&lt;br /&gt;
                &amp;quot;[[File:%s|20px]] [[%s]]&amp;quot;,&lt;br /&gt;
                icon,&lt;br /&gt;
                splitCamelCase(machine)&lt;br /&gt;
            ))&lt;br /&gt;
        else&lt;br /&gt;
            caption:wikitext(splitCamelCase(machine)) -- если иконки нет, показываем только текст&lt;br /&gt;
        end&lt;br /&gt;
    else&lt;br /&gt;
        caption:wikitext(&amp;quot;&amp;quot;) -- пустой&lt;br /&gt;
    end&lt;br /&gt;
&lt;br /&gt;
    -- Input&lt;br /&gt;
    tableNode:tag(&amp;quot;tr&amp;quot;):tag(&amp;quot;th&amp;quot;):attr(&amp;quot;colspan&amp;quot;, 2):wikitext(&amp;quot;Input&amp;quot;)&lt;br /&gt;
    if #inputs &amp;gt; 0 then&lt;br /&gt;
        for _, ing in ipairs(inputs) do&lt;br /&gt;
            local tr = tableNode:tag(&amp;quot;tr&amp;quot;)&lt;br /&gt;
            tr:tag(&amp;quot;td&amp;quot;):wikitext(string.format(&amp;quot;[[File:T_%s.png|22px]]&amp;quot;, ing[1]))&lt;br /&gt;
            tr:tag(&amp;quot;td&amp;quot;):wikitext(string.format(&amp;quot;[[%s]] × %s&amp;quot;,&lt;br /&gt;
                splitCamelCase(ing[1]),&lt;br /&gt;
                tostring(ing[2])))&lt;br /&gt;
        end&lt;br /&gt;
    else&lt;br /&gt;
        tableNode:tag(&amp;quot;tr&amp;quot;):tag(&amp;quot;td&amp;quot;):attr(&amp;quot;colspan&amp;quot;, 2):wikitext(&amp;quot;—&amp;quot;)&lt;br /&gt;
    end&lt;br /&gt;
&lt;br /&gt;
    -- Output&lt;br /&gt;
    tableNode:tag(&amp;quot;tr&amp;quot;):tag(&amp;quot;th&amp;quot;):attr(&amp;quot;colspan&amp;quot;, 2):wikitext(&amp;quot;Output&amp;quot;)&lt;br /&gt;
    if #outputs &amp;gt; 0 then&lt;br /&gt;
        for _, res in ipairs(outputs) do&lt;br /&gt;
            local tr = tableNode:tag(&amp;quot;tr&amp;quot;)&lt;br /&gt;
            tr:tag(&amp;quot;td&amp;quot;):wikitext(string.format(&amp;quot;[[File:T_%s.png|22px]]&amp;quot;, res[1]))&lt;br /&gt;
            tr:tag(&amp;quot;td&amp;quot;):wikitext(string.format(&amp;quot;[[%s]] × %s&amp;quot;,&lt;br /&gt;
                splitCamelCase(res[1]),&lt;br /&gt;
                tostring(res[2])))&lt;br /&gt;
        end&lt;br /&gt;
    else&lt;br /&gt;
        tableNode:tag(&amp;quot;tr&amp;quot;):tag(&amp;quot;td&amp;quot;):attr(&amp;quot;colspan&amp;quot;, 2):wikitext(&amp;quot;—&amp;quot;)&lt;br /&gt;
    end&lt;br /&gt;
&lt;br /&gt;
    -- Time&lt;br /&gt;
    tableNode:tag(&amp;quot;tr&amp;quot;):tag(&amp;quot;th&amp;quot;):attr(&amp;quot;colspan&amp;quot;, 2):wikitext(&amp;quot;Time&amp;quot;)&lt;br /&gt;
    tableNode:tag(&amp;quot;tr&amp;quot;)&lt;br /&gt;
        :tag(&amp;quot;td&amp;quot;):attr(&amp;quot;colspan&amp;quot;, 2)&lt;br /&gt;
        :css(&amp;quot;text-align&amp;quot;, &amp;quot;center&amp;quot;)&lt;br /&gt;
        :wikitext(tostring(ticks/20.0) .. &amp;quot; sec&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
    return tableNode&lt;br /&gt;
end&lt;br /&gt;
&lt;br /&gt;
function p.getInput(frame)&lt;br /&gt;
    local dictName = frame.args[1]&lt;br /&gt;
    if not dictName then return &amp;quot;❌ Missing parameter: dictName&amp;quot; end&lt;br /&gt;
&lt;br /&gt;
    local success, recipes = pcall(mw.loadData, &amp;quot;Module:&amp;quot; .. dictName)&lt;br /&gt;
    if not success or type(recipes) ~= &amp;quot;table&amp;quot; then return &amp;quot;&amp;quot; end&lt;br /&gt;
&lt;br /&gt;
    return renderRecipeInput(recipes[1])&lt;br /&gt;
end&lt;br /&gt;
&lt;br /&gt;
function p.getAll(frame)&lt;br /&gt;
    local dictName = frame.args[1]&lt;br /&gt;
    if not dictName then return &amp;quot;❌ Missing parameter: dictName&amp;quot; end&lt;br /&gt;
&lt;br /&gt;
    local success, recipes = pcall(mw.loadData, &amp;quot;Module:&amp;quot; .. dictName)&lt;br /&gt;
    if not success or type(recipes) ~= &amp;quot;table&amp;quot; then return &amp;quot;&amp;quot; end&lt;br /&gt;
&lt;br /&gt;
    local html = mw.html.create(&#039;div&#039;):addClass(&#039;recipe-grid&#039;)&lt;br /&gt;
&lt;br /&gt;
    for _, recipe in ipairs(recipes) do&lt;br /&gt;
        html:node(renderRecipe(recipe))&lt;br /&gt;
    end&lt;br /&gt;
&lt;br /&gt;
    return tostring(html)&lt;br /&gt;
end&lt;br /&gt;
&lt;br /&gt;
return p&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10331</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css&amp;diff=10331"/>
		<updated>2026-09-05T11:20:13Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Dark game skin: tokens from evospace.tech, steel-frame panels for infobox/TOC/recipe cards, CSS grid for recipe layout&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --steel-ink: #0a0a0a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 .mw-headline,&lt;br /&gt;
.mw-body h3 .mw-headline {&lt;br /&gt;
    color: var(--accent-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--accent-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 8px !important;&lt;br /&gt;
    padding: 7px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.48),&lt;br /&gt;
        inset 0 2px 0 rgba(255,255,255,.14),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.7),&lt;br /&gt;
        inset 0 12px 24px rgba(255,255,255,.04),&lt;br /&gt;
        0 6px 24px rgba(0,0,0,.5) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 4px 6px 8px;&lt;br /&gt;
    background: none;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox .image-link img {&lt;br /&gt;
    max-width: 32px;&lt;br /&gt;
    max-height: 32px;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));&lt;br /&gt;
    gap: 14px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 4px 7px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: none;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 7px !important;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks &amp;gt; div {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 7px 10px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10330</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10330"/>
		<updated>2026-09-05T11:04:58Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Preview iteration: modern Vector selectors, stronger steel bezel, caption ink&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --steel-ink: #0a0a0a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 .mw-headline,&lt;br /&gt;
.mw-body h3 .mw-headline {&lt;br /&gt;
    color: var(--accent-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--accent-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-heading {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel.vector-legacy-sidebar .vector-menu-content {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs,&lt;br /&gt;
.vector-menu-tabs ul,&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li a,&lt;br /&gt;
.vector-menu-tabs li a span,&lt;br /&gt;
.vector-menu-dropdown .vector-menu-heading {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-menu-tabs li.selected a,&lt;br /&gt;
.vector-menu-tabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-search-box-inner,&lt;br /&gt;
#searchform input,&lt;br /&gt;
.cdx-text-input__input {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    border: 1px solid var(--panel-border) !important;&lt;br /&gt;
    color: var(--text) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cdx-text-input__input::placeholder {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 8px !important;&lt;br /&gt;
    padding: 7px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.48),&lt;br /&gt;
        inset 0 2px 0 rgba(255,255,255,.14),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.7),&lt;br /&gt;
        inset 0 12px 24px rgba(255,255,255,.04),&lt;br /&gt;
        0 6px 24px rgba(0,0,0,.5) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox::after,&lt;br /&gt;
#toc::after,&lt;br /&gt;
table.recipe-table::after {&lt;br /&gt;
    content: &#039;&#039;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 1px;&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    height: 1px;&lt;br /&gt;
    border-radius: 1px;&lt;br /&gt;
    background: var(--metal-rim);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a,&lt;br /&gt;
table.recipe-table caption a {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption a:hover,&lt;br /&gt;
table.recipe-table caption a:hover {&lt;br /&gt;
    color: #21506b;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 4px 6px 8px;&lt;br /&gt;
    background: none;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));&lt;br /&gt;
    gap: 14px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 4px 7px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: none;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 8px 10px !important;&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: #0d3d52;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: #061f2a;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10329</id>
		<title>MediaWiki:Common.css/sandbox</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=MediaWiki:Common.css/sandbox&amp;diff=10329"/>
		<updated>2026-09-05T11:03:08Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Candidate dark skin for preview; this subpage is not loaded by the wiki&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*======================================================================&lt;br /&gt;
  Evospace wiki skin — tokens shared with evospace.tech&lt;br /&gt;
======================================================================*/&lt;br /&gt;
:root {&lt;br /&gt;
    color-scheme: dark;&lt;br /&gt;
    --bg: #2e2e2e;&lt;br /&gt;
    --bg-deep: #1a1a1a;&lt;br /&gt;
    --bg-base: #0a0a10;&lt;br /&gt;
    --steel: #3a3e44;&lt;br /&gt;
    --steel-light: #525860;&lt;br /&gt;
    --steel-mid: #434850;&lt;br /&gt;
    --steel-dark: #272a2f;&lt;br /&gt;
    --panel: #1a1a1a;&lt;br /&gt;
    --panel-raised: #242424;&lt;br /&gt;
    --panel-border: #4a4a4a;&lt;br /&gt;
    --recess: #151515;&lt;br /&gt;
    --bevel-light: rgba(255, 255, 255, 0.1);&lt;br /&gt;
    --bevel-dark: rgba(0, 0, 0, 0.65);&lt;br /&gt;
    --text: #ececec;&lt;br /&gt;
    --muted: #8a8a8a;&lt;br /&gt;
    --accent-subtle: rgba(72, 212, 255, 0.14);&lt;br /&gt;
    --accent-muted: #5ec4e8;&lt;br /&gt;
    --accent: #48d4ff;&lt;br /&gt;
    --accent-bright: #7ae4ff;&lt;br /&gt;
    --accent-deep: #1e9ec7;&lt;br /&gt;
    --steel-ink: #0a0a0a;&lt;br /&gt;
    --danger: #c45c5c;&lt;br /&gt;
    --steel-texture:&lt;br /&gt;
        repeating-linear-gradient(0deg,&lt;br /&gt;
            rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px,&lt;br /&gt;
            transparent 1px, transparent 3px,&lt;br /&gt;
            rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px,&lt;br /&gt;
            transparent 4px, transparent 7px),&lt;br /&gt;
        repeating-linear-gradient(90deg,&lt;br /&gt;
            transparent, transparent 2px,&lt;br /&gt;
            rgba(255,255,255,.012) 2px, rgba(255,255,255,.012) 3px);&lt;br /&gt;
    --steel-gloss:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 6%,&lt;br /&gt;
            rgba(255,255,255,.02) 14%, transparent 38%);&lt;br /&gt;
    --metal-rim:&lt;br /&gt;
        linear-gradient(90deg, transparent 0%,&lt;br /&gt;
            rgba(255,255,255,.22) 12%, rgba(255,255,255,.72) 50%,&lt;br /&gt;
            rgba(255,255,255,.22) 88%, transparent 100%);&lt;br /&gt;
    --steel-body:&lt;br /&gt;
        linear-gradient(180deg,&lt;br /&gt;
            var(--steel-light) 0%, var(--steel-mid) 14%,&lt;br /&gt;
            var(--steel) 32%, var(--steel) 100%);&lt;br /&gt;
    --mono: ui-monospace, SFMono-Regular, &#039;SF Mono&#039;, Menlo, Consolas, monospace;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== page ====================*/&lt;br /&gt;
body {&lt;br /&gt;
    background: var(--bg-base);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body,&lt;br /&gt;
#content,&lt;br /&gt;
#mw-content-text {&lt;br /&gt;
    background: var(--panel);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-color: var(--panel-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body {&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    box-shadow: inset 1px 1px 0 var(--bevel-light), 0 6px 24px rgba(0,0,0,.5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
    background: var(--bg-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-head-base,&lt;br /&gt;
#mw-navigation h2 {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== typography ====================*/&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
.mw-body h2,&lt;br /&gt;
.mw-body h3,&lt;br /&gt;
.mw-body h4,&lt;br /&gt;
.mw-body h5,&lt;br /&gt;
.mw-body h6,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h1,&lt;br /&gt;
#firstHeading {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-mid);&lt;br /&gt;
    padding-bottom: .25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 {&lt;br /&gt;
    border-bottom: 1px solid var(--steel-dark);&lt;br /&gt;
    padding-bottom: .2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body h2 .mw-headline,&lt;br /&gt;
.mw-body h3 .mw-headline {&lt;br /&gt;
    color: var(--accent-muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
hr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== links ====================*/&lt;br /&gt;
.mw-body a,&lt;br /&gt;
.mw-body a.external,&lt;br /&gt;
#mw-panel a,&lt;br /&gt;
#footer a {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:visited {&lt;br /&gt;
    color: var(--accent-deep);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a:hover,&lt;br /&gt;
#mw-panel a:hover {&lt;br /&gt;
    color: var(--accent-bright);&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.new,&lt;br /&gt;
#mw-panel a.new,&lt;br /&gt;
a.new:visited {&lt;br /&gt;
    color: var(--danger);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body a.external {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
    padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== sidebar &amp;amp; tabs ====================*/&lt;br /&gt;
#mw-panel .portal {&lt;br /&gt;
    background: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel .portal h3 {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .08em;&lt;br /&gt;
    font-size: .72rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-panel .portal .body {&lt;br /&gt;
    background: none;&lt;br /&gt;
    margin-left: .5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vectorTabs,&lt;br /&gt;
.vectorTabs ul,&lt;br /&gt;
.vectorTabs li,&lt;br /&gt;
.vectorMenu h3 {&lt;br /&gt;
    background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vectorTabs li,&lt;br /&gt;
.vectorMenu h3 {&lt;br /&gt;
    background: var(--steel-dark);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-bottom: 0;&lt;br /&gt;
    border-radius: 4px 4px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vectorTabs li.selected {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vectorTabs li a,&lt;br /&gt;
.vectorTabs li a span,&lt;br /&gt;
.vectorMenu h3 span {&lt;br /&gt;
    color: var(--accent);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vectorTabs li.selected a,&lt;br /&gt;
.vectorTabs li.selected a span {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-search input,&lt;br /&gt;
#simpleSearch {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== steel frame — the shared panel look ====================*/&lt;br /&gt;
.infobox,&lt;br /&gt;
#toc,&lt;br /&gt;
.toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    background: var(--steel-gloss), var(--steel-texture), var(--steel-body) !important;&lt;br /&gt;
    border: 1px solid rgba(255,255,255,.1) !important;&lt;br /&gt;
    border-top-color: rgba(255,255,255,.28) !important;&lt;br /&gt;
    border-bottom-color: rgba(0,0,0,.55) !important;&lt;br /&gt;
    border-radius: 8px !important;&lt;br /&gt;
    padding: 5px !important;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        inset 0 1px 0 rgba(255,255,255,.48),&lt;br /&gt;
        inset 0 -1px 0 rgba(0,0,0,.7),&lt;br /&gt;
        0 6px 24px rgba(0,0,0,.5) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== table of contents ====================*/&lt;br /&gt;
#toc,&lt;br /&gt;
.toc {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc .toctitle,&lt;br /&gt;
.toc .toctitle {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    padding: 2px 4px 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc ul,&lt;br /&gt;
.toc ul {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: .6em 1.2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== wikitables ====================*/&lt;br /&gt;
table.wikitable {&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 1px solid var(--panel-border);&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    border-radius: 6px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
    background: var(--steel-body);&lt;br /&gt;
    background-image: var(--steel-gloss), var(--steel-texture), var(--steel-body);&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
    text-align: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    border: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.wikitable &amp;gt; * &amp;gt; tr:nth-child(even) &amp;gt; td {&lt;br /&gt;
    background: rgba(255,255,255,.022);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== infobox ====================*/&lt;br /&gt;
.infobox {&lt;br /&gt;
    float: right;&lt;br /&gt;
    clear: right;&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    width: 300px;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 4px 6px 8px;&lt;br /&gt;
    background: none;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th,&lt;br /&gt;
.infobox td {&lt;br /&gt;
    background: var(--recess) !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 6px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox th {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .06em;&lt;br /&gt;
    font-size: .78em;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox tr {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== recipe cards ====================*/&lt;br /&gt;
.recipe-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));&lt;br /&gt;
    gap: 14px;&lt;br /&gt;
    align-items: stretch;&lt;br /&gt;
    margin: 10px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    min-width: 0;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    border-collapse: separate !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table caption {&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    padding: 3px 4px 7px;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    background: none;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tbody {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    background: var(--recess);&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.38);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 6px;&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table tr:last-child {&lt;br /&gt;
    margin-top: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table th {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    color: var(--muted) !important;&lt;br /&gt;
    text-align: left !important;&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    letter-spacing: .1em;&lt;br /&gt;
    font-size: .68rem !important;&lt;br /&gt;
    font-weight: 600 !important;&lt;br /&gt;
    padding: 6px 2px 2px !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    padding: 2px !important;&lt;br /&gt;
    color: var(--text);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:first-child {&lt;br /&gt;
    flex: 0 0 34px;&lt;br /&gt;
    width: 34px !important;&lt;br /&gt;
    height: 34px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    background: rgba(0,0,0,.35) !important;&lt;br /&gt;
    border: 1px solid var(--steel-dark) !important;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td:nth-child(2) {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    width: auto !important;&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    line-height: 1.25;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table td[colspan=&amp;quot;2&amp;quot;] {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
    font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.recipe-table img {&lt;br /&gt;
    width: 28px !important;&lt;br /&gt;
    height: 28px !important;&lt;br /&gt;
    image-rendering: pixelated;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== category bar ====================*/&lt;br /&gt;
.catlinks {&lt;br /&gt;
    padding: 8px 10px !important;&lt;br /&gt;
    color: var(--steel-ink);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a {&lt;br /&gt;
    color: #0d3d52;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.catlinks a:hover {&lt;br /&gt;
    color: #061f2a;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==================== footer ====================*/&lt;br /&gt;
#footer,&lt;br /&gt;
#footer li,&lt;br /&gt;
#footer-info li {&lt;br /&gt;
    color: var(--muted);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#footer {&lt;br /&gt;
    border-top: 1px solid var(--steel-dark);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Power_Production&amp;diff=10320</id>
		<title>Power Production</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Power_Production&amp;diff=10320"/>
		<updated>2026-09-05T10:35:56Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Stub}}&lt;br /&gt;
&lt;br /&gt;
[[Category:Mechanics{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Fuel&amp;diff=10319</id>
		<title>Fuel</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Fuel&amp;diff=10319"/>
		<updated>2026-09-05T10:35:55Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{| class=&amp;quot;wikitable sortable&amp;quot;&lt;br /&gt;
|+&lt;br /&gt;
!Burnt in&lt;br /&gt;
!Fuel&lt;br /&gt;
!Heat&lt;br /&gt;
(kJ)&lt;br /&gt;
!Sources&lt;br /&gt;
|-&lt;br /&gt;
| rowspan=&amp;quot;6&amp;quot; |Furnace&lt;br /&gt;
|[[Organics]]&lt;br /&gt;
|3&lt;br /&gt;
|Can be collected from some plants (e.g. Cactus)&lt;br /&gt;
Automatic Farm (Processed Rapeseed or Pumpkins)&lt;br /&gt;
|-&lt;br /&gt;
|Peat&lt;br /&gt;
|20&lt;br /&gt;
|&#039;&#039;Unknown&#039;&#039;&lt;br /&gt;
|-&lt;br /&gt;
|[[Log]]&lt;br /&gt;
|25&lt;br /&gt;
|Automatic Farm&lt;br /&gt;
Can be collected from Trees&lt;br /&gt;
|-&lt;br /&gt;
|[[Coal Ore]]&lt;br /&gt;
(&amp;amp; Coal ore products)&lt;br /&gt;
|36&lt;br /&gt;
|Can be collected from Coal Voxels (Light brown/gray)&lt;br /&gt;
Can be Mined from a deposit&lt;br /&gt;
|-&lt;br /&gt;
|[[Coal]]&lt;br /&gt;
|40&lt;br /&gt;
|Can be created from Coal Ore and other products&lt;br /&gt;
|-&lt;br /&gt;
|[[Coke]]&lt;br /&gt;
|60&lt;br /&gt;
|Can be created from Coal Ore products&lt;br /&gt;
|-&lt;br /&gt;
| rowspan=&amp;quot;15&amp;quot; |Fluid Furnace&lt;br /&gt;
|[[Carbon Monoxide]]&lt;br /&gt;
|10&lt;br /&gt;
|Processed from [[Coal]]&lt;br /&gt;
|-&lt;br /&gt;
|[[Producer Gas]]&lt;br /&gt;
|20&lt;br /&gt;
|Processed from various products&lt;br /&gt;
|-&lt;br /&gt;
|[[Hydrogen]]&lt;br /&gt;
|25&lt;br /&gt;
|Processed from Producer Gas&lt;br /&gt;
|-&lt;br /&gt;
|[[Ethylene]]&lt;br /&gt;
|30&lt;br /&gt;
|Processed from Raw Oil&lt;br /&gt;
|-&lt;br /&gt;
|[[Methane]]&lt;br /&gt;
|30&lt;br /&gt;
|Processed from Biomass or Pumpkins&lt;br /&gt;
|-&lt;br /&gt;
|[[Creosote]]&lt;br /&gt;
|40&lt;br /&gt;
|Byproduct of Ovens&lt;br /&gt;
|-&lt;br /&gt;
|[[Ethanol]]&lt;br /&gt;
|35&lt;br /&gt;
|Processed from Biomass&lt;br /&gt;
|-&lt;br /&gt;
|[[Rapeseed Oil]]&lt;br /&gt;
|150&lt;br /&gt;
|Processed from Rapeseed&lt;br /&gt;
|-&lt;br /&gt;
|[[Raw Oil]]&lt;br /&gt;
|375&lt;br /&gt;
|Mined from deposits with a Pumpjack&lt;br /&gt;
|-&lt;br /&gt;
|[[Heavy Oil]]&lt;br /&gt;
|400&lt;br /&gt;
|Processed from Raw Oil&lt;br /&gt;
|-&lt;br /&gt;
|[[Rocket Fuel]]&lt;br /&gt;
|600&lt;br /&gt;
|Processed from Gasoline&lt;br /&gt;
|-&lt;br /&gt;
|[[Gasoline]]&lt;br /&gt;
|1000&lt;br /&gt;
|Processed from Raw Oil&lt;br /&gt;
|-&lt;br /&gt;
|[[Diesel]]&lt;br /&gt;
|2000&lt;br /&gt;
|Processed from Raw Oil&lt;br /&gt;
|-&lt;br /&gt;
|[[High Cetane Diesel]]&lt;br /&gt;
|3000&lt;br /&gt;
|Processed from Diesel&lt;br /&gt;
|-&lt;br /&gt;
|[[Superfuel]]&lt;br /&gt;
|4000&lt;br /&gt;
|Processed from High Cetane Diesel&lt;br /&gt;
|-&lt;br /&gt;
|Reactor&lt;br /&gt;
|Uranium&lt;br /&gt;
Plutonium&lt;br /&gt;
|2600&lt;br /&gt;
|U / Pt can be made into fuel cells&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
[[Category:Mechanics{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Resource&amp;diff=10318</id>
		<title>Resource</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Resource&amp;diff=10318"/>
		<updated>2026-09-05T10:35:54Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Item|Electricity}}&lt;br /&gt;
{{Item|Kinetic}}&lt;br /&gt;
{{Item|Heat}}&lt;br /&gt;
{{Item|Steam}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;translate&amp;gt;&lt;br /&gt;
In the game, resources refer to various forms of energy that can be converted into one another and used to power certain machines, as well as liquids in some cases (for example, [[Water]] or [[Gasoline]]). Each machine consumes only one specific resource, and its energy consumption is listed in its description and displayed in its interface. Most machines operate significantly slower or may stop working entirely if they do not receive enough energy. Energy converters, however, always work at full efficiency regardless of the energy supply level.&lt;br /&gt;
&lt;br /&gt;
Resources are transmitted through different types of networks:&lt;br /&gt;
&lt;br /&gt;
Electricity via [[Cable]]&lt;br /&gt;
&lt;br /&gt;
Heat via [[Heat Pipe]]&lt;br /&gt;
&lt;br /&gt;
Kinetic energy via [[Flywheel]]&lt;br /&gt;
&lt;br /&gt;
[[Fluids|Liquids]] via [[Pipe]]&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/translate&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Energy converters ===&lt;br /&gt;
&lt;br /&gt;
{{InlineItem|Kinetic}}&amp;lt;big&amp;gt;→&amp;lt;/big&amp;gt;{{InlineItem|Heat}}&lt;br /&gt;
*[[Kinetic Heater]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{InlineItem|Kinetic}}&amp;lt;big&amp;gt;→&amp;lt;/big&amp;gt;{{InlineItem|Electricity}}&lt;br /&gt;
*[[Compact Generator]]&lt;br /&gt;
*[[Generator]]&lt;br /&gt;
*[[Industrial Generator]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{InlineItem|Heat}}&amp;lt;big&amp;gt;→&amp;lt;/big&amp;gt;{{InlineItem|Kinetic}}&lt;br /&gt;
*[[Stirling Engine]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{InlineItem|Electricity}}&amp;lt;big&amp;gt;→&amp;lt;/big&amp;gt;{{InlineItem|Kinetic}}&lt;br /&gt;
*[[Electric Engine]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{InlineItem|Steam}}&amp;lt;big&amp;gt;→&amp;lt;/big&amp;gt;{{InlineItem|Kinetic}}&lt;br /&gt;
*[[Steam Engine]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{InlineItem|Heat}}&amp;lt;big&amp;gt;→&amp;lt;/big&amp;gt;{{InlineItem|Steam}}&lt;br /&gt;
*[[Boiler]]&lt;br /&gt;
*[[Industrial Boiler]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{InlineItem|Electricity}}&amp;lt;big&amp;gt;→&amp;lt;/big&amp;gt;{{InlineItem|Heat}}&lt;br /&gt;
*[[Electric Furnace]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Mechanics{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Productivity&amp;diff=10317</id>
		<title>Productivity</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Productivity&amp;diff=10317"/>
		<updated>2026-09-05T10:35:53Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Stub}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;translate&amp;gt;&lt;br /&gt;
&amp;lt;!--T:1--&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Productivity&#039;&#039;&#039; is an additional progress bar that fills up while crafting the main item.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:2--&amp;gt;&lt;br /&gt;
Upon reaching 100%, you receive an extra copy of the crafted item, and the productivity bar resets to zero.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:3--&amp;gt;&lt;br /&gt;
The percentage shown (e.g., 50%) indicates what fraction of the main crafting progress goes toward the productivity bar. Thus, 50% means an extra item every second crafting cycle.&lt;br /&gt;
&amp;lt;/translate&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Category:Mechanics{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Smelting&amp;diff=10316</id>
		<title>Smelting</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Smelting&amp;diff=10316"/>
		<updated>2026-09-05T10:35:53Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Stub}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;translate&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Smelting&#039;&#039;&#039; is the processing of any form of ore (gravel, dust, solution, etc.) into a finished resource, most often plates. &lt;br /&gt;
&amp;lt;/translate&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:T StoneSmelter.png]] [[Smelter]]&lt;br /&gt;
&lt;br /&gt;
[[File:T CopperBlastFurnace.png]] [[Blast Furnace]]&lt;br /&gt;
&lt;br /&gt;
[[File:T SteelArcSmelter.png]] [[Arc Smelter]]&lt;br /&gt;
&lt;br /&gt;
[[File:T StainlessSteelIndustrialSmelter.png]] [[Industrial Smelter]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Mechanics{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Refining&amp;diff=10315</id>
		<title>Refining</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Refining&amp;diff=10315"/>
		<updated>2026-09-05T10:35:52Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Stub}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;translate&amp;gt;&lt;br /&gt;
&amp;lt;!--T:1--&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Refining ores&#039;&#039;&#039; allows to obtain more of the primary resource or obtain a secondary resource. At most stages of refining, ore can be [[Smelting|smelted]] directly into the primary resource.&lt;br /&gt;
&amp;lt;/translate&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:T CopperAutomaticHammer.png]] [[Automatic Hammer]]&lt;br /&gt;
&lt;br /&gt;
[[File:T CopperMacerator.png]] [[Macerator]]&lt;br /&gt;
&lt;br /&gt;
[[File:T SteelOreWasher.png]] [[Ore Washer]]&lt;br /&gt;
&lt;br /&gt;
[[File:T SteelSeparator.png]] [[Separator]]&lt;br /&gt;
&lt;br /&gt;
[[File:T SteelElectrolyzer.png]] [[Electrolyzer]]&lt;br /&gt;
&lt;br /&gt;
[[File:T AluminiumChemicalBath.png]] [[Chemical Bath]]&lt;br /&gt;
&lt;br /&gt;
[[File:T AluminiumSifter.png]] [[Sifter]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Mechanics{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Fluids&amp;diff=10314</id>
		<title>Fluids</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Fluids&amp;diff=10314"/>
		<updated>2026-09-05T10:35:51Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Stub}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;translate&amp;gt;&lt;br /&gt;
== Fluids &amp;amp; Piping == &amp;lt;!--T:1--&amp;gt;&lt;br /&gt;
&amp;lt;/translate&amp;gt;&lt;br /&gt;
&amp;lt;translate&amp;gt;&lt;br /&gt;
&amp;lt;!--T:2--&amp;gt;&lt;br /&gt;
Fluids are a distinct type of item that cannot be held in the player&#039;s inventory. They are transported using [[Pump|Pumps]] through a network of [[Pipe|Pipes]]. Liquids can only be placed into dedicated [[Container]] or into the fluid input slots of machines that require them for a recipe. &lt;br /&gt;
&amp;lt;/translate&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;translate&amp;gt;&lt;br /&gt;
&amp;lt;!--T:3--&amp;gt;&lt;br /&gt;
Different types of liquids cannot be mixed in the same container or pipe segment. Pipes carrying different liquids must not intersect. Connected pipes and containers of the same liquids form a shared network, whose status (content and fill level) can be checked by Right-Clicking on any pipe within it. Pipes of different tiers (e.g., copper and steel) will not connect to each other and can intersect without issue, even if they carry the same fluid.&lt;br /&gt;
&amp;lt;/translate&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;translate&amp;gt;&lt;br /&gt;
&amp;lt;!--T:4--&amp;gt;&lt;br /&gt;
All [[Resource|Resources]] behave similarly to liquids: they are transmitted through their own dedicated pipes (e.g. [[Heat Pipe]], [[Cable]]) and they can only be used by machines with the corresponding input port. But Resource lines can freely intersect with each other and with any fluid pipes without causing conflicts.&lt;br /&gt;
&amp;lt;/translate&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Category:Mechanics{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Crafting&amp;diff=10313</id>
		<title>Crafting</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Crafting&amp;diff=10313"/>
		<updated>2026-09-05T10:35:51Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[File:PlayerCraft.jpg|thumb|Player crafting]]&lt;br /&gt;
&lt;br /&gt;
[[File:PlayerCraftQueue.jpg|thumb|Crafting queue]]&lt;br /&gt;
&lt;br /&gt;
[[File:SelectCraft.jpg|thumb|Select crafter]]&lt;br /&gt;
&lt;br /&gt;
[[File:AutoCraft.jpg|thumb|Autocrafter]]&lt;br /&gt;
&lt;br /&gt;
&amp;lt;translate&amp;gt;&lt;br /&gt;
&amp;lt;!--T:16--&amp;gt;&lt;br /&gt;
== Player Crafting == &lt;br /&gt;
The player can craft any item available in their personal crafting menu. If some ingredients are missing, the player can recursively craft the required subcomponents, automatically pulling materials from their inventory.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:17--&amp;gt;&lt;br /&gt;
Items queued for player crafting are added to the crafting queue and produced fairly quickly.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:18--&amp;gt;&lt;br /&gt;
Keep in mind that not all player recipes are fully resource-efficient. This is especially true for circuit recipes. To save resources, it’s recommended to craft circuits separately using an [[Assembler]] instead of doing it manually.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:19--&amp;gt;&lt;br /&gt;
To cancel a queued item, click on it in the crafting queue. When you hover over an item, a red outline indicates that clicking will cancel that order. Any unused resources will be refunded in the exact form they were consumed when the crafting order was placed.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:20--&amp;gt;&lt;br /&gt;
== Crafting Machines ==&lt;br /&gt;
Crafting Machines are the core automation blocks that perform in-game recipes without player intervention. To function, a machine must:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:21--&amp;gt;&lt;br /&gt;
1. Have a valid recipe set (either automatically or manually selected).&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:22--&amp;gt;&lt;br /&gt;
2. Receive the required input items or fluids.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:23--&amp;gt;&lt;br /&gt;
3. Be supplied with the necessary [[Resource]] (e.g., Electrcity or Heat).&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:24--&amp;gt;&lt;br /&gt;
4. Have available space in its output slot for the resulting product.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:25--&amp;gt;&lt;br /&gt;
If all conditions are met, the machine will operate continuously, processing the recipe until one of the requirements is no longer satisfied. There are two main types of machines, differing in how they determine which recipe to perform:&lt;br /&gt;
&lt;br /&gt;
=== Machines with Manual Recipe Selection === &amp;lt;!--T:26--&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:27--&amp;gt;&lt;br /&gt;
These machines require you to manually select a recipe. After pressing the Recipe button, a recipe selection menu opens. Once a recipe is chosen, the machine configures its input and output slots accordingly. Each slot is filtered to only accept valid items for that specific recipe, preventing incorrect materials from being placed.&lt;br /&gt;
&lt;br /&gt;
=== Machines with Automatic Crafting === &amp;lt;!--T:28--&amp;gt; &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:29--&amp;gt;&lt;br /&gt;
These machines automatically detect and select the appropriate recipe based on the items provided. Each unique combination of input items corresponds to a single recipe. The input slots of these machines are also filtered, allowing only valid ingredients for recipes the machine can perform.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:30--&amp;gt;&lt;br /&gt;
== Automation &amp;amp; Progression ==&lt;br /&gt;
The game is designed around progression through increasingly complex automation. As new technologies and recipes are unlocked, their time and resource costs grow, making manual crafting impractical.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--T:31--&amp;gt;&lt;br /&gt;
The fundamental automation loop involves moving items between machines by [[Robot Arm|robot arms]] and [[Conveyor|conveyors]]. [[Loader|Loaders]] will allow higher-volume, direct insertion and extraction of items, creating more compact and efficient production lines.&lt;br /&gt;
&amp;lt;/translate&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Category:Mechanics{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Mining&amp;diff=10312</id>
		<title>Mining</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Mining&amp;diff=10312"/>
		<updated>2026-09-05T10:35:50Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Overview ==&lt;br /&gt;
&lt;br /&gt;
There are many resources that must be collected in the world of Evospace.  This guide will list each resource, and where it can be found.&lt;br /&gt;
&lt;br /&gt;
=== Yield ===&lt;br /&gt;
Yield is a percentage value. It indicates the maximum total mining rate of a resource deposit.&lt;br /&gt;
&lt;br /&gt;
A Yield of 1000% means that 10 [[Drilling Rig]] can extract the resource at full speed.&lt;br /&gt;
&lt;br /&gt;
A Yield of 50% means that one Drilling Rig can extract the resource at half of its maximum speed.&lt;br /&gt;
&lt;br /&gt;
If the combined mining rate of all Drilling Rigs exceeds the Yield, the mining speed is limited to the Yield and evenly distributed among all active Drilling Rigs at same deposit.&lt;br /&gt;
&lt;br /&gt;
=== Deposit size ===&lt;br /&gt;
The total amount of ore available before the deposit is depleted.&lt;br /&gt;
&lt;br /&gt;
In versions 0.20.x, depletion does not destroy the deposit — instead, the extraction rate slows down to the minimum value.&lt;br /&gt;
&lt;br /&gt;
At the minimum rate, the resource becomes infinite.&lt;br /&gt;
__TOC__&lt;br /&gt;
&lt;br /&gt;
== Ores ==&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! Rowspan=&amp;quot;2&amp;quot; | Ore Name !! Rowspan=&amp;quot;2&amp;quot; | Game Icon || colspan=&amp;quot;2&amp;quot; | Products || Rowspan=&amp;quot;2&amp;quot; | Formula&lt;br /&gt;
|-&lt;br /&gt;
!  Primary&amp;lt;br/&amp;gt;Smelted or Processed  || Byproducts&lt;br /&gt;
|-&lt;br /&gt;
| [[Coal Ore]] || [[File:T_CoalOre.png]] || Coal || || C&lt;br /&gt;
|-&lt;br /&gt;
| [[Malachite Ore]] || [[File:T_MalachiteOre.png]] || [[Copper Plate]]|| [[Iron Dust]], [[Silicon Oxide]], [[Oxygen]]|| CuCO&amp;lt;sub&amp;gt;3&amp;lt;/sub&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| [[Chalcopyrite Ore]] || [[File:T_ChalcopyriteOre.png]] || [[Copper Plate]]||[[Iron Dust]], [[Gold Dust]], [[Sulfur]]|| CuFeS&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| [[Pyrite Ore]] || [[File:T_PyriteOre.png]] || [[Iron Plate]]|| [[Silicon Oxide]], [[Sulfur]], [[Tantalum Sludge|Tantalum]]  || FeS&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| [[Magnetite Ore]] || [[File:T_MagnetiteOre.png]] || [[Iron Plate]]|| [[Gold Dust]], [[Oxygen]]|| Fe&amp;lt;sub&amp;gt;3&amp;lt;/sub&amp;gt;O&amp;lt;sub&amp;gt;4&amp;lt;/sub&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| [[Bauxite Ore]] || [[File:T_BauxiteOre.png]] || [[Aluminium Plate]]|| [[Silicon Oxide]], [[Titanium Oxide Dust|Titanium]], [[Oxygen]]|| Al&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O&amp;lt;sub&amp;gt;3&amp;lt;/sub&amp;gt;+TiO&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| [[Ruby Ore]] || [[File:T_RubyOre.png]] || [[Aluminium Plate]]|| [[Mica Flakes]], [[Chromium Dust]], [[Silicon Oxide]], [[Oxygen]]|| CrAl&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O&amp;lt;sub&amp;gt;3&amp;lt;/sub&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| [[Cinnabar Ore]] || [[File:T_CinnabarOre.png]] || [[Sulfur]] || [[Silicon Oxide]], [[Rare Earth Sludge]], [[Mercury]]|| HgS&lt;br /&gt;
|-&lt;br /&gt;
| [[Thorianite Ore]] || [[File:T_ThorianiteOre.png]] || [[Thorium Dust]] || [[Uranium Dust]], [[Silicon Oxide]], [[Rare Earth Sludge]] || ThO&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;+UO&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
| [[Pyroplatite Ore]] || [[File:T_PyroplatiteOre.png]] || Gold&amp;lt;br /&amp;gt;Requires processing || Platinum  || AuS&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;+PtS&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;+RhS&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
== Dirt, Stone, etc. ==&lt;br /&gt;
&#039;&#039;Coming soon&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
== Others ==&lt;br /&gt;
&#039;&#039;Coming soon&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
__NEWSECTIONLINK__&lt;br /&gt;
&lt;br /&gt;
[[Category:Mechanics{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=FAQ&amp;diff=10311</id>
		<title>FAQ</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=FAQ&amp;diff=10311"/>
		<updated>2026-09-05T10:35:49Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Q: Where is game save folder&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Win: %localAppData%\Evospace\Saved&lt;br /&gt;
&lt;br /&gt;
Mac: ~/Library/Application Support/Epic/Evospace/Saved/SaveGames/&lt;br /&gt;
&lt;br /&gt;
Linux: ~/Library/Application Support/Epic/Evospace/Saved/SaveGames/&lt;br /&gt;
&lt;br /&gt;
----&lt;br /&gt;
&lt;br /&gt;
Q: How to reset all settings&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Remove your config and settings folder&lt;br /&gt;
&lt;br /&gt;
Evospace\Saved\Config&lt;br /&gt;
&lt;br /&gt;
Evospace\Saved\Settings&lt;br /&gt;
&lt;br /&gt;
[[Category:Guides{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Cheats&amp;diff=10310</id>
		<title>Cheats</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Cheats&amp;diff=10310"/>
		<updated>2026-09-05T10:35:48Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Cheats}}&lt;br /&gt;
The command line in the player log runs Lua in the game&#039;s script state. This page lists the lines that skip quests, move the player, produce items and control the weather.&lt;br /&gt;
&lt;br /&gt;
== Command line ==&lt;br /&gt;
&lt;br /&gt;
Two input slots open the same field. &#039;&#039;&#039;Console&#039;&#039;&#039; opens it in command mode, where the leading &amp;lt;code&amp;gt;/&amp;lt;/code&amp;gt; is implied. &#039;&#039;&#039;Chat&#039;&#039;&#039; opens it as chat, and a line starting with &amp;lt;code&amp;gt;/&amp;lt;/code&amp;gt; is still run as a command. Both slots are rebindable. Arrow keys recall previous lines.&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Command !! Effect&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;/help [command]&amp;lt;/code&amp;gt; || Lists the commands, or prints the usage of one&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;/time&amp;lt;/code&amp;gt; || Prints the day and the world clock, with &amp;lt;code&amp;gt;(frozen)&amp;lt;/code&amp;gt; while the day phase is held&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;/pos&amp;lt;/code&amp;gt; || Prints the block cell the player stands in&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;/lua &amp;amp;lt;code&amp;amp;gt;&amp;lt;/code&amp;gt; || Runs Lua. Everything below is run through it&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
The line is compiled as &amp;lt;code&amp;gt;return &amp;amp;lt;code&amp;amp;gt;&amp;lt;/code&amp;gt; first, so an expression prints its value. A line that does not compile that way is run as a chunk, so statements and loops work. &amp;lt;code&amp;gt;print&amp;lt;/code&amp;gt; writes to the console, the first 20 lines of it.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;lua&amp;quot;&amp;gt;&lt;br /&gt;
/lua 2 + 2&lt;br /&gt;
/lua for i = 1, 3 do print(i) end&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Quests ==&lt;br /&gt;
&lt;br /&gt;
Complete every quest that is active:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;lua&amp;quot;&amp;gt;&lt;br /&gt;
/lua for _, q in ipairs(quests:get_active_quests()) do quests:complete_quest(q) end&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Single quests, chapters and objectives:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;lua&amp;quot;&amp;gt;&lt;br /&gt;
/lua quests:complete_quest(StaticQuest.get(&amp;quot;FirstBlocks&amp;quot;))&lt;br /&gt;
/lua quests:unlock_quest(StaticQuest.get(&amp;quot;DrillingRig&amp;quot;))&lt;br /&gt;
/lua quests:unlock_chapter(StaticChapter.get(&amp;quot;OreToPower&amp;quot;))&lt;br /&gt;
/lua StaticQuest.get(&amp;quot;FirstBlocks&amp;quot;):set_objective_complete_by_id(&amp;quot;place_smelter&amp;quot;, true)&lt;br /&gt;
/lua StaticQuest.get(&amp;quot;FirstBlocks&amp;quot;):set_objective_progress(0, 10, 10, true)&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;code&amp;gt;quests:get_all_quests()&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;quests:get_all_chapters()&amp;lt;/code&amp;gt; list every quest and chapter. &amp;lt;code&amp;gt;quests:is_quest_active(q)&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;quests:is_quest_completed(q)&amp;lt;/code&amp;gt; test one.&lt;br /&gt;
&lt;br /&gt;
A quest that waits for a gameplay event completes when the event is emitted:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;lua&amp;quot;&amp;gt;&lt;br /&gt;
/lua EventSystem.get():emmit(defines.events.on_player_crafted, { item = StaticItem.get(&amp;quot;IronIngot&amp;quot;), count = 1 })&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Teleport ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;lua&amp;quot;&amp;gt;&lt;br /&gt;
/lua dim:teleport(Vec3i.new(0, 0, 80))&lt;br /&gt;
/lua dim:teleport(dim:spawn_point())&lt;br /&gt;
/lua dim:teleport(Vec3i.new(4000, -1200, dim:sample_height(4000, -1200) + 3))&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;code&amp;gt;dim:teleport_pending()&amp;lt;/code&amp;gt; is true while the target columns compile. &amp;lt;code&amp;gt;dim:streaming_ready()&amp;lt;/code&amp;gt; is true when loading and meshing around the player are done.&lt;br /&gt;
&lt;br /&gt;
== Blocks ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;lua&amp;quot;&amp;gt;&lt;br /&gt;
/lua dim:spawn_block_identity(Vec3i.new(10, 10, 60), StaticBlock.get(&amp;quot;Chest&amp;quot;))&lt;br /&gt;
/lua dim:set_cell(Vec3i.new(10, 10, 60), StaticBlock.get(&amp;quot;Air&amp;quot;))&lt;br /&gt;
/lua dim:clear_props(Vec3i.new(10, 10, 60))&lt;br /&gt;
/lua dim:get_cell(Vec3i.new(10, 10, 60)).name&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;code&amp;gt;dim:get_block(bpos)&amp;lt;/code&amp;gt; returns the block placed in a cell, which the sections below use to reach a chest or a machine. Positions are &amp;lt;code&amp;gt;Vec3i.new(x, y, z)&amp;lt;/code&amp;gt; in block cells. &amp;lt;code&amp;gt;cs.w2bp&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;cs.bp2w&amp;lt;/code&amp;gt; convert between world units and cells.&lt;br /&gt;
&lt;br /&gt;
== Items ==&lt;br /&gt;
&lt;br /&gt;
Items are added to a container. Place a chest, read its cell with &amp;lt;code&amp;gt;/pos&amp;lt;/code&amp;gt;, then fill it:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;lua&amp;quot;&amp;gt;&lt;br /&gt;
/lua StorageBlockLogic.cast(dim:get_block(Vec3i.new(10, 10, 60))).storage_access:add(StaticItem.get(&amp;quot;IronIngot&amp;quot;), 1000)&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;code&amp;gt;:sub(item, count)&amp;lt;/code&amp;gt; removes them again. Machine inventories take items the same way:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;lua&amp;quot;&amp;gt;&lt;br /&gt;
/lua AbstractCrafter.cast(dim:get_block(Vec3i.new(10, 10, 60))).crafter_input_container:get_access(0):add(StaticItem.get(&amp;quot;IronOre&amp;quot;), 100)&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Machines ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;lua&amp;quot;&amp;gt;&lt;br /&gt;
/lua AbstractCrafter.cast(dim:get_block(Vec3i.new(10, 10, 60))).energy_input_inventory:add_resource(100000)&lt;br /&gt;
/lua AbstractCrafter.cast(dim:get_block(Vec3i.new(10, 10, 60))).productivity = 500&lt;br /&gt;
/lua AbstractCrafter.cast(dim:get_block(Vec3i.new(10, 10, 60))).speed = 10&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;code&amp;gt;add_resource&amp;lt;/code&amp;gt; fills an energy, heat or fluid slot directly. The &#039;&#039;&#039;Admin Electric Generator&#039;&#039;&#039; block produces unlimited power and can be placed like any other block.&lt;br /&gt;
&lt;br /&gt;
== Recipes ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;lua&amp;quot;&amp;gt;&lt;br /&gt;
/lua Recipe.get(&amp;quot;SteelIngotRecipe&amp;quot;).locked = false&lt;br /&gt;
/lua Recipe.get(&amp;quot;SteelIngotRecipe&amp;quot;).productivity = 100&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Weather and time ==&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Line !! Effect&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;weather.set(&amp;quot;Rain&amp;quot;)&amp;lt;/code&amp;gt; || Transitions to a weather preset&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;weather.snap(&amp;quot;Rain&amp;quot;)&amp;lt;/code&amp;gt; || Switches to it at once&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;weather.clear()&amp;lt;/code&amp;gt; || Returns weather control to the biome&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;weather.wind(20)&amp;lt;/code&amp;gt; || Holds the wind speed, up to the planet maximum of 20 m/s&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;weather.wind_clear()&amp;lt;/code&amp;gt; || Releases the wind&lt;br /&gt;
|-&lt;br /&gt;
| &amp;lt;code&amp;gt;shot.time_of_day(13.5)&amp;lt;/code&amp;gt; || Holds the sky at a solar hour, 0..24&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
[[Category:Guides{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Hotkeys&amp;diff=10309</id>
		<title>Hotkeys</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Hotkeys&amp;diff=10309"/>
		<updated>2026-09-05T10:35:48Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Hotkeys are grouped by context, and the game switches context on its own: walking, driving and working inside a screen each listen to a different set. Everything below is the default binding. All of them can be reassigned in the settings, and a binding accepts a key combination, not only a single key.&lt;br /&gt;
&lt;br /&gt;
__TOC__&lt;br /&gt;
&lt;br /&gt;
== Movement ==&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Key !! Action !! Notes&lt;br /&gt;
|-&lt;br /&gt;
| W A S D || Move || —&lt;br /&gt;
|-&lt;br /&gt;
| Mouse || Look || —&lt;br /&gt;
|-&lt;br /&gt;
| Space || Jump || Also ascends while flying.&lt;br /&gt;
|-&lt;br /&gt;
| C || Crouch || Descends while flying. Crouching also prevents falling off the edge of a block.&lt;br /&gt;
|-&lt;br /&gt;
| Left Shift || Sprint || On a boat the same key is the throttle boost.&lt;br /&gt;
|-&lt;br /&gt;
| F || Change movement mode || Toggles flight, or uses the steampack or jetpack.&lt;br /&gt;
|-&lt;br /&gt;
| Shift + F || Switch Creative mode || Only in a world created in Creative mode.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
== Building and the world ==&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Key !! Action !! Notes&lt;br /&gt;
|-&lt;br /&gt;
| Left Mouse Button || Use the item in hand || Hold to mine with the Multitool. Press to place a block, hold to lay a run of them.&lt;br /&gt;
|-&lt;br /&gt;
| Right Mouse Button || Open the block || Opens the interface of the machine or block under the crosshair.&lt;br /&gt;
|-&lt;br /&gt;
| Shift + Right Mouse Button || Secondary action of the held item || The Multitool opens its settings this way.&lt;br /&gt;
|-&lt;br /&gt;
| Ctrl + Left Mouse Button || Take from the block&#039;s outputs || Pulls a machine&#039;s finished output straight into your inventory. Cmd on macOS. Works on chests, conveyors and robot arms as well, and takes from outputs only.&lt;br /&gt;
|-&lt;br /&gt;
| Middle Mouse Button || Recipes of the item under the crosshair || Opens the recipes that make it and the recipes that use it.&lt;br /&gt;
|-&lt;br /&gt;
| R || Rotate || Turns the placement preview. Hold Shift or Alt while rotating to work in another plane.&lt;br /&gt;
|-&lt;br /&gt;
| T || Use the block in place || Presses the block&#039;s own control without opening it. With no block under the crosshair, gets you into a vehicle you are standing next to.&lt;br /&gt;
|-&lt;br /&gt;
| Q || Pick block || Takes the block under the crosshair into your hand: in Creative mode always, otherwise only if you have one in the inventory.&lt;br /&gt;
|-&lt;br /&gt;
| Alt + Q || Empty hand || Puts down whatever the cursor is carrying.&lt;br /&gt;
|-&lt;br /&gt;
| G || Throw item || —&lt;br /&gt;
|-&lt;br /&gt;
| Y || Toggle replace mode || Replaces a block with the one in hand, of the same tier or another, and hides the block face outlines.&lt;br /&gt;
|-&lt;br /&gt;
| Up / Down Arrow || Raise / lower the build layer || —&lt;br /&gt;
|-&lt;br /&gt;
| Mouse Wheel || Vertical offset of the preview || —&lt;br /&gt;
|-&lt;br /&gt;
| Ctrl + Z || Undo || Cmd + Z on macOS. A dragged run of blocks undoes in one press.&lt;br /&gt;
|-&lt;br /&gt;
| Ctrl + Y || Redo || Cmd + Y on macOS.&lt;br /&gt;
|-&lt;br /&gt;
| Ctrl + C || Copy block settings || Writes the settings of the block under the crosshair to the clipboard.&lt;br /&gt;
|-&lt;br /&gt;
| Ctrl + V || Paste block settings || Applies the copied settings to the block under the crosshair.&lt;br /&gt;
|-&lt;br /&gt;
| L || Toggle flashlight || Needs a flashlight in the lighting slot.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
== Tools ==&lt;br /&gt;
&lt;br /&gt;
These select a tool directly, without taking a hotbar slot for it. Pressing the same combination again puts the tool away.&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Key !! Tool&lt;br /&gt;
|-&lt;br /&gt;
| Alt + Z || [[Multitool]]&lt;br /&gt;
|-&lt;br /&gt;
| Alt + X || Screwdriver&lt;br /&gt;
|-&lt;br /&gt;
| Alt + V || Ground Leveling Tool&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
== Hotbar ==&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Key !! Action !! Notes&lt;br /&gt;
|-&lt;br /&gt;
| 1 – 9, 0 || Select a hotbar slot || Selecting the slot you are already holding frees your hands.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
== Interface ==&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Key !! Opens !! Notes&lt;br /&gt;
|-&lt;br /&gt;
| E || Inventory || —&lt;br /&gt;
|-&lt;br /&gt;
| M || Map || —&lt;br /&gt;
|-&lt;br /&gt;
| J || Research || —&lt;br /&gt;
|-&lt;br /&gt;
| B || Quest book || —&lt;br /&gt;
|-&lt;br /&gt;
| X || Machine input and output icons || Shows which face of every machine takes a resource and which gives one.&lt;br /&gt;
|-&lt;br /&gt;
| . || Hide the interface || For screenshots.&lt;br /&gt;
|-&lt;br /&gt;
| Enter || Chat || —&lt;br /&gt;
|-&lt;br /&gt;
| / || Command console || The same field as the chat, opened in command mode. See [[Cheats]].&lt;br /&gt;
|-&lt;br /&gt;
| Esc || Menu, or close the open screen || —&lt;br /&gt;
|-&lt;br /&gt;
| Backspace || Back, in the recipe browser || —&lt;br /&gt;
|-&lt;br /&gt;
| Alt + Backspace || Forward, in the recipe browser || —&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
== Vehicles ==&lt;br /&gt;
&lt;br /&gt;
While you are driving, these replace the movement keys.&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Key !! Action&lt;br /&gt;
|-&lt;br /&gt;
| W / S || Throttle forward / back&lt;br /&gt;
|-&lt;br /&gt;
| A / D || Steer&lt;br /&gt;
|-&lt;br /&gt;
| Mouse || Look&lt;br /&gt;
|-&lt;br /&gt;
| Left Shift || Boost (boat)&lt;br /&gt;
|-&lt;br /&gt;
| Space || Handbrake&lt;br /&gt;
|-&lt;br /&gt;
| T || Leave the vehicle&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
[[Category:Guides{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Interface&amp;diff=10308</id>
		<title>Interface</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Interface&amp;diff=10308"/>
		<updated>2026-09-05T10:35:47Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This article describes the main elements of the Evospace user interface and explains their basic functions.&lt;br /&gt;
For a step-by-step introduction to gameplay mechanics, see [[Quick Start Guide]] and [[Hotkeys]] articles.&lt;br /&gt;
&lt;br /&gt;
__TOC__&lt;br /&gt;
&lt;br /&gt;
== Map &amp;amp; World Generation ==&lt;br /&gt;
&lt;br /&gt;
When starting a new game, you will first see the &#039;&#039;&#039;world generation screen&#039;&#039;&#039;.&lt;br /&gt;
Here you can configure the main parameters of your world before creating it.&lt;br /&gt;
&lt;br /&gt;
=== World Generation Settings ===&lt;br /&gt;
&lt;br /&gt;
On the right side of the screen, you can configure the world generation settings:&lt;br /&gt;
&lt;br /&gt;
[[File:WorldGenerator_Settings.png|right|360px|thumb|World Generation Settings]]&lt;br /&gt;
&#039;&#039;&#039;World Name&#039;&#039;&#039;  &lt;br /&gt;
Each world must have a unique name.  &lt;br /&gt;
If a name is already in use, it will be highlighted in red and you will not be able to proceed.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Generator&#039;&#039;&#039;  &lt;br /&gt;
Determines the overall appearance of the map.  &lt;br /&gt;
The &#039;&#039;Concrete World&#039;&#039; generator differs significantly from other options: it contains no resources and no decorations.  &lt;br /&gt;
This generator is intended only for use in Creative mode.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Mode&#039;&#039;&#039;  &lt;br /&gt;
Defines the gameplay mode:&lt;br /&gt;
* &#039;&#039;&#039;Normal&#039;&#039;&#039; — standard gameplay experience.&lt;br /&gt;
* &#039;&#039;&#039;Creative&#039;&#039;&#039; — unlimited resources, flight enabled, and instant research completion.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Research&#039;&#039;&#039;  &lt;br /&gt;
Controls research progression:&lt;br /&gt;
* &#039;&#039;&#039;Standard&#039;&#039;&#039; — gradual research progression.&lt;br /&gt;
* &#039;&#039;&#039;All Completed&#039;&#039;&#039; — all research unlocked at the start (recommended only for Creative mode).&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Deposits&#039;&#039;&#039;  &lt;br /&gt;
Defines how resource deposits behave:&lt;br /&gt;
* &#039;&#039;&#039;Depletable&#039;&#039;&#039; — extraction speed gradually decreases over time.&lt;br /&gt;
* &#039;&#039;&#039;Infinite&#039;&#039;&#039; — deposits never deplete.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;World Seed&#039;&#039;&#039;  &lt;br /&gt;
A combination of letters and numbers used to generate the world.  &lt;br /&gt;
Worlds created with the same generator and seed will always have identical layouts.&lt;br /&gt;
&lt;br /&gt;
=== Map Display Filters ===&lt;br /&gt;
&lt;br /&gt;
At the bottom of the screen, you can find map display options.&lt;br /&gt;
These settings do not affect world generation and are used only as visual filters:&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Fertility&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Required for autofarms and especially important during the early stages of the game.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Oil Deposits&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Oil becomes an important resource during the mid and late game.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Ore Deposits&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Ores are the primary source of resources at all stages of the game.  &lt;br /&gt;
Resource variety is important, as ore deposits are infinite.  &lt;br /&gt;
Pay special attention to [[Chalcopyrite]] and [[Malachite Ore|Malachite]], as these ores contain copper required for early progression.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Display Settings&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Allows enabling the display of:&lt;br /&gt;
* Ore names&lt;br /&gt;
* Ore composition&lt;br /&gt;
* Fertility percentage&lt;br /&gt;
* Oil deposit percentage&lt;br /&gt;
&lt;br /&gt;
The percentage or &#039;&#039;&#039;Yield&#039;&#039;&#039; value on the map indicates the resource extraction efficiency. Each machine extracting the corresponding resource (such as an [[Automatic Farm]] or a [[Pumpjack]]) uses up to 100% of this value to operate at full capacity. For example, a fertility of 50% would mean that one Auto-Farm will operate at half its maximum speed, while a second Automatic Farm in that location will not work at all.&lt;br /&gt;
&lt;br /&gt;
== Hotbar ==&lt;br /&gt;
[[File:Hotbar_interface.png|thumb|center|800px|Hotbar showing the Multitool and Basic Platforms at the start of the game]]&lt;br /&gt;
&lt;br /&gt;
At the bottom center of the screen, you can see the &#039;&#039;&#039;hotbar&#039;&#039;&#039;, which provides quick access to items.&lt;br /&gt;
&lt;br /&gt;
The leftmost slot displays the item currently held in your hands.  &lt;br /&gt;
If you are not holding anything, it will show &#039;&#039;&#039;Empty Hand&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
The first numbered slot contains the &#039;&#039;&#039;[[Multitool]]&#039;&#039;&#039;.  &lt;br /&gt;
This is your primary tool used to mine blocks, machines, terrain, and resources.&lt;br /&gt;
&lt;br /&gt;
The second slot contains &#039;&#039;&#039;[[Basic Platform]]&#039;&#039;&#039;, identical to the blocks your starting platform is made of.  &lt;br /&gt;
At the beginning of the game, you receive &#039;&#039;&#039;999 Basic Platforms&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
=== Using the Hotbar ===&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot; style=&amp;quot;width:60%;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;width:55%; vertical-align:top;&amp;quot; |&lt;br /&gt;
Try using the Multitool on nearby platform blocks:&lt;br /&gt;
&lt;br /&gt;
# Select the Multitool by pressing &#039;&#039;&#039;1&#039;&#039;&#039; on your keyboard.&lt;br /&gt;
# Aim the crosshair at a nearby base block.&lt;br /&gt;
# Hold the &#039;&#039;&#039;Left Mouse Button&#039;&#039;&#039; to mine the block.&lt;br /&gt;
&lt;br /&gt;
Next, try placing a Basic Platform back:&lt;br /&gt;
&lt;br /&gt;
# Select Basic Platform by pressing &#039;&#039;&#039;2&#039;&#039;&#039;.&lt;br /&gt;
# Aim the block preview at the desired position.&lt;br /&gt;
# Press the &#039;&#039;&#039;Left Mouse Button&#039;&#039;&#039; to place the block.&lt;br /&gt;
&lt;br /&gt;
To free your hands, select the currently held item again.&lt;br /&gt;
| style=&amp;quot;width:45%; vertical-align:top; text-align:center;&amp;quot; |&lt;br /&gt;
[[File:StartGuide_multitool.gif|frameless|360px]]&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
=== Interacting with Blocks ===&lt;br /&gt;
&lt;br /&gt;
Using the &#039;&#039;&#039;Right Mouse Button&#039;&#039;&#039; while holding an empty hand opens the interface of a block or machine.&lt;br /&gt;
&lt;br /&gt;
== Inventory ==&lt;br /&gt;
&lt;br /&gt;
To open the inventory, press &#039;&#039;&#039;E&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
The central panel displays your &#039;&#039;&#039;Inventory&#039;&#039;&#039;, while the panel on the right is the &#039;&#039;&#039;Catalog&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
The Inventory stores all collected resources, blocks, and any items you craft.&lt;br /&gt;
At the start of the game, your inventory contains logs, stones, and &#039;&#039;&#039;Basic Platforms&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
At the top of the Catalog, you will find four buttons:&lt;br /&gt;
* &#039;&#039;&#039;Unlocked&#039;&#039;&#039; — shows only recipes you currently have access to.&lt;br /&gt;
* &#039;&#039;&#039;Favorites&#039;&#039;&#039; — displays recipes marked as favorites.&lt;br /&gt;
* &#039;&#039;&#039;All&#039;&#039;&#039; — shows all available recipes.&lt;br /&gt;
* &#039;&#039;&#039;Search&#039;&#039;&#039; — used together with the search field located to the right of the buttons.&lt;br /&gt;
&lt;br /&gt;
=== Inventory and Hotbar Interaction ===&lt;br /&gt;
&lt;br /&gt;
To assign an item to the hotbar, click and hold it in the Inventory using the &#039;&#039;&#039;Left Mouse Button&#039;&#039;&#039; and place it into any free hotbar slot.&lt;br /&gt;
&lt;br /&gt;
To clear a hotbar slot, right-click the slot using the &#039;&#039;&#039;Right Mouse Button&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
You can place blocks and machines without assigning them to the hotbar.&lt;br /&gt;
Simply pick up the item in the Inventory, then close the Inventory by pressing &#039;&#039;&#039;E&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
== Crafting Items ==&lt;br /&gt;
&lt;br /&gt;
To craft an item, click on its recipe with the &#039;&#039;&#039;Left Mouse Button&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
To access additional options, click on a recipe with the &#039;&#039;&#039;Right Mouse Button&#039;&#039;&#039;.  &lt;br /&gt;
This menu allows you to:&lt;br /&gt;
* Craft multiple items at once&lt;br /&gt;
* View the research required for the item&lt;br /&gt;
* Add the recipe to &#039;&#039;&#039;Favorites&#039;&#039;&#039; for quick access in the Catalog&lt;br /&gt;
&lt;br /&gt;
To view all recipes related to the selected item, click the recipe with the &#039;&#039;&#039;Middle Mouse Button&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
== Other Interface Elements ==&lt;br /&gt;
&lt;br /&gt;
In the upper-left corner of the screen, you can see a tooltip displaying information about the item currently under the crosshair.&lt;br /&gt;
&lt;br /&gt;
In the lower-left corner of the screen, there is a group of interface buttons.&lt;br /&gt;
&lt;br /&gt;
The top row contains time control buttons:&lt;br /&gt;
* The first four buttons allow you to select the time of day.&lt;br /&gt;
* The button with the &#039;&#039;&#039;L&#039;&#039;&#039; icon freezes time.&lt;br /&gt;
&lt;br /&gt;
The bottom row of buttons starts with the &#039;&#039;&#039;Research&#039;&#039;&#039; button, which opens the Research window.&lt;br /&gt;
It is followed by:&lt;br /&gt;
* A button to toggle &#039;&#039;&#039;Creative Mode&#039;&#039;&#039; (available only when using this mode).&lt;br /&gt;
* A &#039;&#039;&#039;Flight&#039;&#039;&#039; toggle button, available in Creative mode or after obtaining a jetpack.&lt;br /&gt;
* A button that highlights machine inputs and outputs.&lt;br /&gt;
&lt;br /&gt;
[[Category:Guides{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Quick_Start_Guide&amp;diff=10307</id>
		<title>Quick Start Guide</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Quick_Start_Guide&amp;diff=10307"/>
		<updated>2026-09-05T10:35:46Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;This article covers the very first steps of progression, explaining how resource extraction and machines work, and how to build a small starter factory.&lt;br /&gt;
New players are also encouraged to familiarize themselves with the [[Interface]] and [[Hotkeys]] articles.&lt;br /&gt;
&lt;br /&gt;
__TOC__&lt;br /&gt;
&lt;br /&gt;
== Manual Resource Collection ==&lt;br /&gt;
&lt;br /&gt;
This section explains how to manually gather the resources required for early progression.&lt;br /&gt;
&lt;br /&gt;
=== Finding Your Way ===&lt;br /&gt;
&lt;br /&gt;
During the early game, you will need to collect several resources manually.&lt;br /&gt;
&lt;br /&gt;
To avoid getting lost, use the map by pressing &#039;&#039;&#039;M&#039;&#039;&#039;.  &lt;br /&gt;
If you do lose your way, press &#039;&#039;&#039;Escape&#039;&#039;&#039; and select &#039;&#039;&#039;Teleport to Home&#039;&#039;&#039;.  &lt;br /&gt;
This will instantly return you to the [[Spawner]] on your starting platform.&lt;br /&gt;
&lt;br /&gt;
=== Collecting Copper Ore ===&lt;br /&gt;
&lt;br /&gt;
First, collect at least &#039;&#039;&#039;50 units of copper ore&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
Both [[Malachite Ore|Malachite]] and [[Chalcopyrite Ore|Chalcopyrite]] can be used, as they contain copper.&lt;br /&gt;
These resources can be found in several forms:&lt;br /&gt;
* Resource clusters, visible on the map and on the compass&lt;br /&gt;
* Surface deposits directly in the terrain&lt;br /&gt;
&lt;br /&gt;
Malachite surface deposits are &#039;&#039;&#039;green&#039;&#039;&#039;, while Chalcopyrite deposits are &#039;&#039;&#039;reddish-orange&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
Both clusters and deposits can be mined using the [[Multitool]].&lt;br /&gt;
However ore clusters never deplete when mined manually, but surface deposits are depleted when you dig them up.&lt;br /&gt;
&lt;br /&gt;
=== Collecting Fuel ===&lt;br /&gt;
&lt;br /&gt;
Next, collect &#039;&#039;&#039;30 units of any fuel&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
The best fuel options at the start of the game are:&lt;br /&gt;
* [[Logs]] — obtained by cutting down trees&lt;br /&gt;
* [[Coal Ore|Coal]] — mined from clusters or surface deposits, similar to ores&lt;br /&gt;
&lt;br /&gt;
=== Returning to Base ===&lt;br /&gt;
&lt;br /&gt;
After collecting the required resources, return to your base manually or by using &#039;&#039;&#039;Teleport to Home&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
You are now ready to begin building your first machines.&lt;br /&gt;
&lt;br /&gt;
== Smelting Copper ==&lt;br /&gt;
&lt;br /&gt;
This section explains how to smelt copper and produce your first metal plates.&lt;br /&gt;
&lt;br /&gt;
=== Preparing Stone ===&lt;br /&gt;
&lt;br /&gt;
At the start of the game, you have access to 99 units of [[Stone Surface|stone]], which is sufficient for early progression.&lt;br /&gt;
&lt;br /&gt;
If you need more stone, you can:&lt;br /&gt;
* Mine stone rocks scattered across the world&lt;br /&gt;
* Dig underground until you reach the stone layer&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:First_Steps_Stone1.png|There are small stones.&lt;br /&gt;
File:First_Steps_Stone2.png|There are also large stones.&lt;br /&gt;
File:First_Steps_Stone4.png|But there is still more stone underground.&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
Note that the [[Building Material]] recipe requires &#039;&#039;&#039;white stone&#039;&#039;&#039;.&lt;br /&gt;
Red or dark stone variants cannot be used for this recipe.&lt;br /&gt;
&lt;br /&gt;
=== Crafting the Furnace and Smelter ===&lt;br /&gt;
&lt;br /&gt;
Return to your base and open the Inventory by pressing &#039;&#039;&#039;E&#039;&#039;&#039;.&lt;br /&gt;
In the &#039;&#039;&#039;Catalog&#039;&#039;&#039;, select the &#039;&#039;&#039;Unlocked&#039;&#039;&#039; tab.&lt;br /&gt;
&lt;br /&gt;
In the &#039;&#039;&#039;Stone&#039;&#039;&#039; category, craft the following machines by clicking on them with the &#039;&#039;&#039;Left Mouse Button&#039;&#039;&#039;:&lt;br /&gt;
* [[Stone Furnace]]&lt;br /&gt;
* [[Stone Smelter]]&lt;br /&gt;
&lt;br /&gt;
Crafting progress is displayed in the lower-left corner of the screen.&lt;br /&gt;
By clicking on an item currently being crafted, you can cancel its production.&lt;br /&gt;
&lt;br /&gt;
=== Placing the Furnace ===&lt;br /&gt;
&lt;br /&gt;
[[File:First_Steps_PlacingFurnace.png|right|thumb|Working Furnace &amp;amp; Smelter]]&lt;br /&gt;
Select the &#039;&#039;&#039;Stone Furnace&#039;&#039;&#039; in your Inventory and close the Inventory.&lt;br /&gt;
&lt;br /&gt;
You will see a placement preview of the furnace.&lt;br /&gt;
To rotate the preview, press &#039;&#039;&#039;R&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
Choose a location on your platform and place the furnace using the &#039;&#039;&#039;Left Mouse Button&#039;&#039;&#039;.&lt;br /&gt;
If you are not satisfied with the placement, you can always remove the machine using the Multitool.&lt;br /&gt;
&lt;br /&gt;
Notice the &#039;&#039;&#039;red circle&#039;&#039;&#039; on top of the furnace — this is its &#039;&#039;&#039;heat output&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
=== Connecting the Smelter ===&lt;br /&gt;
&lt;br /&gt;
Next, select the &#039;&#039;&#039;Stone Smelter&#039;&#039;&#039; in your Inventory and place it directly on top of the furnace.&lt;br /&gt;
This connects the heat output of the furnace to the heat input of the smelter.&lt;br /&gt;
&lt;br /&gt;
The furnace will now supply heat, allowing the smelter to operate.&lt;br /&gt;
&lt;br /&gt;
==== Machine Inputs and Outputs ====&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;Tip:&#039;&#039; All machines have inputs and outputs.&lt;br /&gt;
&lt;br /&gt;
* Inputs are usually displayed with a &#039;&#039;&#039;solid outline&#039;&#039;&#039;&lt;br /&gt;
* Outputs are usually displayed with a &#039;&#039;&#039;dashed outline&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
However, &#039;&#039;&#039;heat, kinetic, and electrical outputs&#039;&#039;&#039; are always shown with a solid outline.&lt;br /&gt;
The machine tooltip clearly indicates which resources the machine accepts and which it outputs.&lt;br /&gt;
&lt;br /&gt;
=== Smelting Copper ===&lt;br /&gt;
&lt;br /&gt;
Finally, open the &#039;&#039;&#039;Stone Smelter&#039;&#039;&#039; using the &#039;&#039;&#039;Right Mouse Button&#039;&#039;&#039; and place the mined &#039;&#039;&#039;copper ore&#039;&#039;&#039; inside it.&lt;br /&gt;
Place &#039;&#039;&#039;Fuel&#039;&#039;&#039; into the &#039;&#039;&#039;Stone Furnace&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
If everything is set up correctly:&lt;br /&gt;
* The furnace will light up with a fire animation&lt;br /&gt;
* Molten metal will flow inside the smelter&lt;br /&gt;
* The smelter recipe progress bar will begin to fill&lt;br /&gt;
&lt;br /&gt;
Once the progress bar is complete, you will receive the final product — a [[Copper Plate]].&lt;br /&gt;
&lt;br /&gt;
== Researching New Machines ==&lt;br /&gt;
&lt;br /&gt;
Before you can begin research, you must build and power a [[Computer]] so that it can start generating &#039;&#039;&#039;Computation&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
=== Preparing for Research ===&lt;br /&gt;
&lt;br /&gt;
Wait until at least &#039;&#039;&#039;23 Copper Plates&#039;&#039;&#039; have been smelted, then collect them.&lt;br /&gt;
After that, open the &#039;&#039;&#039;Catalog&#039;&#039;&#039; and craft the following machines:&lt;br /&gt;
&lt;br /&gt;
# [[Stone Furnace]] &lt;br /&gt;
# [[Copper Stirling Engine]]&lt;br /&gt;
# [[Copper Compact Generator]]&lt;br /&gt;
# [[Copper Computer]]&lt;br /&gt;
&lt;br /&gt;
=== Building the Research Setup ===&lt;br /&gt;
&lt;br /&gt;
Now place the machines in sequence, matching their inputs and outputs by color.&lt;br /&gt;
&lt;br /&gt;
# Place the &#039;&#039;&#039;Stone Furnace&#039;&#039;&#039;.&lt;br /&gt;
# Place the &#039;&#039;&#039;Copper Stirling Engine&#039;&#039;&#039; on top of the furnace.&lt;br /&gt;
# Attach the &#039;&#039;&#039;Copper Compact Generator&#039;&#039;&#039; to the Stirling Engine, connecting the &#039;&#039;&#039;yellow output&#039;&#039;&#039; to the &#039;&#039;&#039;yellow input&#039;&#039;&#039;.&lt;br /&gt;
# Finally, place the &#039;&#039;&#039;Copper Computer&#039;&#039;&#039;, connecting the &#039;&#039;&#039;blue output&#039;&#039;&#039; to the &#039;&#039;&#039;blue input&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
Insert &#039;&#039;&#039;Fuel&#039;&#039;&#039; into the furnace at the bottom of the structure.&lt;br /&gt;
Once powered, the computer will begin operating and generating Computation.&lt;br /&gt;
[[File:First_Steps_ResearchSetup.jpg|thumb|center|700px|Early-game research setup]]&lt;br /&gt;
&lt;br /&gt;
=== Unlocking Research ===&lt;br /&gt;
&lt;br /&gt;
Open the Research tree in one of the following ways:&lt;br /&gt;
* Click the &#039;&#039;&#039;Research&#039;&#039;&#039; button in the lower-left corner of the screen&lt;br /&gt;
* Press the &#039;&#039;&#039;J&#039;&#039;&#039; hotkey&lt;br /&gt;
&lt;br /&gt;
Your primary goal is to research &#039;&#039;&#039;Automatic Mining&#039;&#039;&#039;.&lt;br /&gt;
However, this technology is locked behind other research nodes, so you must unlock them first.&lt;br /&gt;
&lt;br /&gt;
Follow this order:&lt;br /&gt;
# Select &#039;&#039;&#039;Basic Machines&#039;&#039;&#039; and click &#039;&#039;&#039;Start Research&#039;&#039;&#039; in the upper-right corner of the screen.&lt;br /&gt;
# Add &#039;&#039;&#039;Automation&#039;&#039;&#039; to the research queue.&lt;br /&gt;
# Add &#039;&#039;&#039;Automatic Mining&#039;&#039;&#039; to the research queue.&lt;br /&gt;
&lt;br /&gt;
Once all required research has been queued, all that remains is to wait for the research to complete.&lt;br /&gt;
&lt;br /&gt;
Note: completed research are displayed in &#039;&#039;&#039;green&#039;&#039;&#039;. Queued research are &#039;&#039;&#039;blue&#039;&#039;&#039;. Unavailable research are &#039;&#039;&#039;red&#039;&#039;&#039;, and &#039;&#039;&#039;orange&#039;&#039;&#039; indicates research that can be completed because their dependencies are queued. &lt;br /&gt;
&lt;br /&gt;
A small blue &amp;quot;i&amp;quot; icon on a research item indicates that it is required to open the [[Portal]] - thus completing the game.&lt;br /&gt;
&lt;br /&gt;
== Automatic Mining ==&lt;br /&gt;
&lt;br /&gt;
After researching &#039;&#039;&#039;Automatic Mining&#039;&#039;&#039;, you gain access to automated ore extraction.&lt;br /&gt;
From this point on, you no longer need to mine ores manually.&lt;br /&gt;
&lt;br /&gt;
=== Preparing the Machines ===&lt;br /&gt;
&lt;br /&gt;
To set up automatic mining, craft the following machines:&lt;br /&gt;
* [[Stone Furnace]]&lt;br /&gt;
* [[Stirling Engine]]&lt;br /&gt;
* [[Drilling Rig]]&lt;br /&gt;
* [[Stone Chest]]&lt;br /&gt;
&lt;br /&gt;
=== Finding a Copper Cluster ===&lt;br /&gt;
&lt;br /&gt;
Open the map by pressing &#039;&#039;&#039;M&#039;&#039;&#039; and locate the nearest copper ore cluster.&lt;br /&gt;
Both &#039;&#039;&#039;Malachite&#039;&#039;&#039; and &#039;&#039;&#039;Chalcopyrite&#039;&#039;&#039; are suitable.&lt;br /&gt;
&lt;br /&gt;
Bring some &#039;&#039;&#039;Fuel&#039;&#039;&#039; with you (or gather it along the way) and travel to the cluster.&lt;br /&gt;
&lt;br /&gt;
The Drilling Rig extracts the ore corresponding to the cluster it is placed near.&lt;br /&gt;
It has:&lt;br /&gt;
* Unlimited vertical range&lt;br /&gt;
* Limited horizontal range&lt;br /&gt;
&lt;br /&gt;
=== Preparing the Platform ===&lt;br /&gt;
&lt;br /&gt;
Once you reach the copper cluster, build a small platform slightly above it for convenience.&lt;br /&gt;
&lt;br /&gt;
Create a &#039;&#039;&#039;6×6&#039;&#039;&#039; platform using &#039;&#039;&#039;Basic Platforms&#039;&#039;&#039;.&lt;br /&gt;
You can hold the block placement button to create lines or flat surfaces more easily.&lt;br /&gt;
&lt;br /&gt;
Before placing the &#039;&#039;&#039;Drilling Rig&#039;&#039;&#039;, make sure that the tooltip at the top of the screen shows &#039;&#039;&#039;copper ore&#039;&#039;&#039;.&lt;br /&gt;
If it shows &#039;&#039;&#039;stone&#039;&#039;&#039;, the rig is placed too far from the cluster and will mine stone instead.&lt;br /&gt;
&lt;br /&gt;
=== Connecting the Machines ===&lt;br /&gt;
&lt;br /&gt;
The Drilling Rig has A kinetic energy input and an item output, shown as a dashed square.&lt;br /&gt;
&lt;br /&gt;
Place a &#039;&#039;&#039;Stone Chest&#039;&#039;&#039; at the item output.&lt;br /&gt;
&lt;br /&gt;
Connect a &#039;&#039;&#039;Stirling Engine&#039;&#039;&#039; to the kinetic energy input.&lt;br /&gt;
To power the Stirling Engine, you have two options:&lt;br /&gt;
* Dig out one block below the engine and place a &#039;&#039;&#039;Stone Furnace&#039;&#039;&#039; underneath&lt;br /&gt;
* Rotate the Stirling Engine horizontally using &#039;&#039;&#039;Shift + R&#039;&#039;&#039; and place the furnace next to it&lt;br /&gt;
* Or install a drill on a small 3x3 platform&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:First_Steps_DrillingRigVertical.png|Underneath design&lt;br /&gt;
File:First_Steps_DrillingRigHorizontal.png|Horizontal design&lt;br /&gt;
File:First_Steps_DrillingRigPlatform.jpg|Platform design&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Starting Production ===&lt;br /&gt;
&lt;br /&gt;
Insert &#039;&#039;&#039;Fuel&#039;&#039;&#039; into the furnace to start the setup.&lt;br /&gt;
&lt;br /&gt;
After the drilling progress bar fills up, the Drilling Rig will output ore directly into the Stone Chest.&lt;br /&gt;
As long as the furnace has fuel, ore extraction will continue automatically.&lt;br /&gt;
&lt;br /&gt;
== Next Steps (Homework) ==&lt;br /&gt;
At this point, you have a working basic factory and access to automation. Here are several directions you can take next to continue your progress:&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Automate fuel production&#039;&#039;&#039;&lt;br /&gt;
Coal is the most reliable option: you’ll only need one more Drilling Rig placed on a coal cluster, and it will be able to supply fuel both for itself and for other machines. Alternatively, if the nearby soil fertility allows it, you can build an [[Automatic Farm]] and supply it with water using an [[Atmospheric Condenser]].&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Automate copper ore processing&#039;&#039;&#039;&lt;br /&gt;
Use [[Conveyor|conveyors]] to deliver ore to Smelters; to place items onto them, use [[Robot Arm]].&lt;br /&gt;
With the same Robot Arms, unload the smelters onto another conveyor and place a Chest at the end.&lt;br /&gt;
Don’t forget to supply fuel to all furnaces!&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Improve ore smelting efficiency&#039;&#039;&#039;&lt;br /&gt;
Middle-click (MMB) on any copper ore and check its processing recipes.&lt;br /&gt;
Some of them allow you to produce more than one plate from a single unit of ore.&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Explore the machines you’ve already unlocked&#039;&#039;&#039;&lt;br /&gt;
Use MMB to inspect any machine (in the Catalogue, Research tree, inventory, or after placing it in the world).&lt;br /&gt;
Compare their input and output values, examine available recipes, and think about how you can use them right now.&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Set up your first Circuit production&#039;&#039;&#039;&lt;br /&gt;
This will be your first truly complex and multi-stage task, but it’s essential: research costs increase exponentially with your progress.&lt;br /&gt;
Insert the appropriate [[Circuit]] into Computers — this will dramatically increase their computation output.&lt;br /&gt;
&lt;br /&gt;
== Closing ==&lt;br /&gt;
We hope you find this guide useful.  If you have any comments or suggestions, please feel free to put them into the &#039;&#039;&#039;Talk&#039;&#039;&#039; page, and we&#039;ll review them.  Also, if you have any questions, we have a Discord channel here : [https://discord.com/channels/446797368839503893/500231296178585600 General Discord Channel]&lt;br /&gt;
&lt;br /&gt;
[[Category:Guides{{#translation:}}]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Template:MetalTier&amp;diff=10306</id>
		<title>Template:MetalTier</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Template:MetalTier&amp;diff=10306"/>
		<updated>2026-09-05T10:35:45Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#invoke:InfoboxItem|show|{{{1}}}Plate}}&lt;br /&gt;
{{#invoke:InfoboxItem|show|{{{1}}}Parts}}&lt;br /&gt;
&lt;br /&gt;
{{{1}}} Is a tier of metals and Evospace technology progression&amp;lt;includeonly&amp;gt;[[Category:Tiers{{#translation:}}]]&amp;lt;/includeonly&amp;gt;&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Template:Ore&amp;diff=10305</id>
		<title>Template:Ore</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Template:Ore&amp;diff=10305"/>
		<updated>2026-09-05T10:35:45Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;includeonly&amp;gt;{{#invoke:InfoboxItem|show|{{{1}}}Ore}}{{#invoke:InfoboxItem|show|{{{1}}}OreImpureGravel}}{{#invoke:InfoboxItem|show|{{{1}}}OreGravel}}{{#invoke:InfoboxItem|show|{{{1}}}OreDust}}{{#invoke:InfoboxItem|show|{{{1}}}Dust}}{{#invoke:InfoboxItem|show|{{{1}}}Crystal}}&lt;br /&gt;
=== Recipes ===&lt;br /&gt;
{{#invoke:RecipeLoader|getAll|Data/{{{1}}}Ore/InInput}}{{#invoke:RecipeLoader|getAll|Data/{{{1}}}OreImpureGravel/InInput}}{{#invoke:RecipeLoader|getAll|Data/{{{1}}}OreGravel/InInput}}{{#invoke:RecipeLoader|getAll|Data/{{{1}}}OreDust/InInput}}{{#invoke:RecipeLoader|getAll|Data/{{{1}}}Dust/InInput}}{{#invoke:RecipeLoader|getAll|Data/{{{1}}}Crystal/InInput}}[[Category:Ores{{#translation:}}]]&amp;lt;/includeonly&amp;gt;&lt;br /&gt;
&amp;lt;noinclude&amp;gt;&lt;br /&gt;
Usage:&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
{{Ore|Malachite}}&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Template:Machine&amp;diff=10304</id>
		<title>Template:Machine</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Template:Machine&amp;diff=10304"/>
		<updated>2026-09-05T10:35:44Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Send translated pages to the language subcategory instead of the flat one&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;includeonly&amp;gt;{{ItemMachine|Stone{{{1}}}}}{{ItemMachine|Copper{{{1}}}}}{{ItemMachine|Steel{{{1}}}}}{{ItemMachine|Aluminium{{{1}}}}}{{ItemMachine|StainlessSteel{{{1}}}}}{{ItemMachine|Titanium{{{1}}}}}{{ItemMachine|Composite{{{1}}}}}{{ItemMachine|Neutronium{{{1}}}}}[[Category:Machines{{#translation:}}]]&amp;lt;/includeonly&amp;gt;&lt;br /&gt;
&amp;lt;noinclude&amp;gt;&lt;br /&gt;
Usage:&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
{{Machine|Furnace}}&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Category:Mechanics/ru&amp;diff=10303</id>
		<title>Category:Mechanics/ru</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Category:Mechanics/ru&amp;diff=10303"/>
		<updated>2026-09-05T10:35:44Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Language subcategory for translated pages&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Translated pages of [[:Category:Mechanics|Mechanics]] in this language.&lt;br /&gt;
&lt;br /&gt;
[[Category:Mechanics]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Category:Mechanics/en&amp;diff=10302</id>
		<title>Category:Mechanics/en</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Category:Mechanics/en&amp;diff=10302"/>
		<updated>2026-09-05T10:35:43Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Language subcategory for translated pages&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Translated pages of [[:Category:Mechanics|Mechanics]] in this language.&lt;br /&gt;
&lt;br /&gt;
[[Category:Mechanics]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
	<entry>
		<id>https://wiki.evospace.tech/index.php?title=Category:Machines/ru&amp;diff=10301</id>
		<title>Category:Machines/ru</title>
		<link rel="alternate" type="text/html" href="https://wiki.evospace.tech/index.php?title=Category:Machines/ru&amp;diff=10301"/>
		<updated>2026-09-05T10:35:43Z</updated>

		<summary type="html">&lt;p&gt;EvoBot: Language subcategory for translated pages&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Translated pages of [[:Category:Machines|Machines]] in this language.&lt;br /&gt;
&lt;br /&gt;
[[Category:Machines]]&lt;/div&gt;</summary>
		<author><name>EvoBot</name></author>
	</entry>
</feed>