/*
 * egamers-chrome.css — the Stitch global header and footer (egamers.io only).
 *
 * Printed by Theme\StitchChrome; loaded only where Config says egamers, so
 * cryptogames.gg never sees one byte of it. Every rule starts at .cgx (the two
 * roots) or at a Pixwell selector being hidden — nothing here is a bare element rule.
 *
 * Values are the Stitch export's own Tailwind classes, spelled out: surface
 * tokens via the same --c-* triplets as stitch-tailwind.css (dark default, light
 * under body[data-theme="default"]), spacing .25/.5/1/1.5/2rem, the design's type
 * scale (Plus Jakarta Sans headlines, Inter body).
 *
 * ⚠️ Pixwell styles bare button/input/a:hover/h4/ul/li/p. Each element class below
 * resets what matters (padding, radius, background, text-transform, bullets,
 * colour on :hover) at a specificity the theme's rules cannot beat.
 */

/* ================================================================ tokens */
.cgx {
	--c-surface: 19 17 28; --c-surface-container: 26 23 38; --c-surface-container-low: 19 17 28; --c-surface-container-lowest: 13 11 20;
	--c-surface-container-high: 36 32 56; --c-surface-container-highest: 43 40 54;
	--c-on-surface: 248 250 252; --c-on-surface-variant: 148 163 184; --c-outline: 149 142 160; --c-outline-variant: 73 68 84;
	--c-primary: 139 92 246; --c-on-primary: 255 255 255; --c-primary-container: 160 120 255; --c-on-primary-container: 255 255 255;
	--c-secondary: 16 185 129; --c-tertiary: 56 189 248; --c-error: 251 113 133;
	--cgx-head: 'Plus Jakarta Sans', 'Poppins', sans-serif; --cgx-ui: 'Inter', 'Poppins', sans-serif;
	--cgx-shadow: 0 4px 24px rgba(0, 0, 0, .45);
	--cgx-glow: 0 0 16px rgba(160, 120, 255, .25);
	font-family: var(--cgx-ui);
	color: rgb(var(--c-on-surface));
	-webkit-font-smoothing: antialiased;
	text-transform: none;
	letter-spacing: normal;
	box-sizing: border-box;
}
body[data-theme="default"] .cgx {
	--c-surface: 255 255 255; --c-surface-container: 241 239 248; --c-surface-container-low: 255 255 255; --c-surface-container-lowest: 244 242 250;
	--c-surface-container-high: 231 227 243; --c-surface-container-highest: 221 216 238;
	--c-on-surface: 20 18 29; --c-on-surface-variant: 85 80 109; --c-outline: 122 117 148; --c-outline-variant: 207 201 226;
	--c-primary: 124 58 237; --c-primary-container: 139 92 246;
	--c-secondary: 5 150 105; --c-tertiary: 2 132 199; --c-error: 225 29 72;
	--cgx-shadow: 0 4px 24px rgba(40, 30, 80, .12);
	--cgx-glow: 0 0 16px rgba(124, 58, 237, .18);
}
.cgx *, .cgx *::before, .cgx *::after { box-sizing: border-box; }

/* ---- the traps: theme styling on bare elements, undone inside the chrome ---- */
.cgx ul, .cgx li { list-style: none; margin: 0; padding: 0; }
.cgx li::before, .cgx li::after { content: none; }
.cgx p, .cgx h4 { margin: 0; padding: 0; text-transform: none; letter-spacing: normal; }
.cgx a, body[data-theme] .cgx a:hover, body[data-theme] .cgx a:focus, body[data-theme] .cgx a:active { text-decoration: none; text-transform: none; }
.cgx button { font-family: inherit; text-transform: none; letter-spacing: normal; min-width: 0; min-height: 0; width: auto; height: auto; margin: 0; box-shadow: none; text-shadow: none; line-height: 1; cursor: pointer; }
.cgx input { text-transform: none; letter-spacing: normal; margin: 0; box-shadow: none; min-width: 0; height: auto; }
.cgx .material-symbols-outlined { line-height: 1; font-size: 24px; text-transform: none; letter-spacing: normal; flex: 0 0 auto; user-select: none; }
.cgx :is(a, button, input, summary):focus-visible { outline: 2px solid rgb(var(--c-primary)); outline-offset: 2px; }
.cgx-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* ================================================================ Pixwell: hidden, never deleted */
#site-header.header-wrap, footer.footer-wrap { display: none !important; }
body { padding-top: 80px; }
html.cgx-lock { overflow: hidden; }
/* pages that reserved room for Pixwell's 76px fixed bar: the Stitch bar is 80px and already offset by body */
body .eg, body .eg-prof-page { padding-top: 0; }
body .eg-tabs, body .eg .cg-tabs, body .cg-tabs { top: 80px; }
body.admin-bar .eg-tabs, body.admin-bar .eg .cg-tabs, body.admin-bar .cg-tabs { top: 112px; }
@media screen and (max-width: 782px) {
	body.admin-bar .eg-tabs, body.admin-bar .eg .cg-tabs, body.admin-bar .cg-tabs { top: 126px; }
}

/* ================================================================ header */
.cgx-header {
	position: fixed; top: 0; left: 0; right: 0; z-index: 9990;
	background: rgb(var(--c-surface) / .85);
	-webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
	box-shadow: var(--cgx-shadow);
}
body.admin-bar .cgx-header { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar .cgx-header { top: 46px; } }
.cgx-bar {
	height: 80px; max-width: 1440px; margin: 0 auto; padding: 0 1rem;
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
@media (min-width: 1024px) { .cgx-bar { padding: 0 2rem; } }
.cgx-left { display: flex; align-items: center; gap: 1.5rem; flex-shrink: 0; min-width: 0; }
.cgx-right { display: flex; align-items: center; gap: .5rem; flex-shrink: 0; }

/* logo tile + wordmark */
.cgx-brand { display: flex; align-items: center; gap: .5rem; color: inherit; }
.cgx-logo {
	width: 40px; height: 40px; border-radius: .75rem; display: flex; align-items: center; justify-content: center;
	background: rgb(var(--c-surface-container-high)); box-shadow: var(--cgx-glow); transition: background-color .15s;
}
.cgx-logo .material-symbols-outlined { font-size: 24px; color: rgb(var(--c-primary)); transition: color .15s; }
.cgx-brand:hover .cgx-logo { background: rgb(var(--c-primary-container)); }
.cgx-brand:hover .cgx-logo .material-symbols-outlined { color: rgb(var(--c-on-primary-container)); }
.cgx-brandtext { display: flex; flex-direction: column; }
.cgx-name { font: 600 18px/26px var(--cgx-head); letter-spacing: normal; color: rgb(var(--c-on-surface)); display: flex; align-items: center; }
.cgx-name span { color: rgb(var(--c-primary)); }
.cgx-tag { font: 600 11px/14px var(--cgx-ui); letter-spacing: .05em; text-transform: uppercase; color: rgb(var(--c-on-surface-variant)); margin-top: -.25rem; }

/* nav — hidden below the design's xl breakpoint, the drawer takes over */
.cgx-nav { display: none; }
@media (min-width: 1280px) { .cgx-nav { display: block; } }
.cgx-menu { display: flex; align-items: center; gap: .25rem; }
.cgx-item { position: relative; display: flex; align-items: center; }
.cgx .cgx-link, .cgx button.cgx-toggle {
	display: inline-flex; align-items: center; gap: .125rem; padding: .5rem .75rem; border: 0; border-radius: .5rem;
	background: transparent; color: rgb(var(--c-on-surface-variant));
	font: 600 12px/16px var(--cgx-ui); letter-spacing: .04em; text-transform: none; white-space: nowrap; transition: color .15s, background-color .15s;
}
.cgx .cgx-link .material-symbols-outlined { font-size: 16px; }
body[data-theme] .cgx a.cgx-link:hover, body[data-theme] .cgx button.cgx-toggle:hover,
.cgx-item:hover > .cgx-link, .cgx-item.is-open > .cgx-link {
	color: rgb(var(--c-on-surface)); background: rgb(var(--c-surface-container-high));
}
.cgx .cgx-link.is-active, body[data-theme] .cgx a.cgx-link.is-active:hover {
	background: rgb(var(--c-surface-container-highest)); color: rgb(var(--c-on-surface)); font-weight: 600; border-radius: .5rem;
}
.cgx button.cgx-caret {
	width: 22px; height: 28px; margin-left: -.375rem; padding: 0; border: 0; border-radius: .375rem; background: transparent;
	color: rgb(var(--c-on-surface-variant)); display: inline-flex; align-items: center; justify-content: center;
}
.cgx button.cgx-caret .material-symbols-outlined { font-size: 18px; transition: transform .15s; }
.cgx button.cgx-caret:hover { color: rgb(var(--c-on-surface)); background: rgb(var(--c-surface-container-high)); }
.cgx-item.is-open .cgx-caret .material-symbols-outlined, .cgx-item.is-open .cgx-toggle .material-symbols-outlined { transform: rotate(180deg); }

/* dropdown — leaf children share a column, a child with children heads its own */
.cgx-panel { display: none; position: absolute; top: 100%; left: 0; padding-top: .5rem; z-index: 2; }
.cgx-item:nth-last-child(-n+2) > .cgx-panel { left: auto; right: 0; }
.cgx-item.is-open > .cgx-panel, .cgx-item:focus-within > .cgx-panel { display: block; }
@media (hover: hover) { .cgx-item:hover > .cgx-panel { display: block; } }
.cgx-panel-in {
	display: flex; align-items: flex-start; gap: 1.5rem; padding: .75rem; max-height: calc(100vh - 140px); overflow: auto;
	background: rgb(var(--c-surface-container-low)); border: 1px solid rgb(var(--c-outline-variant) / .3); border-radius: .75rem;
	box-shadow: 0 16px 40px -8px rgba(0, 0, 0, .6), 0 0 20px 0 rgba(139, 92, 246, .12);
}
body[data-theme="default"] .cgx-panel-in { box-shadow: 0 16px 40px -8px rgba(40, 30, 80, .22); }
.cgx-col { min-width: 190px; }
.cgx .cgx-coltitle { display: block; padding: .375rem .5rem; font: 600 15px/22px var(--cgx-head); color: rgb(var(--c-on-surface)); text-transform: none; }
body[data-theme] .cgx a.cgx-coltitle:hover { color: rgb(var(--c-primary)); }
.cgx .cgx-sublink, .cgx .cgx-subhead {
	display: block; padding: .375rem .5rem; border-radius: .375rem; font: 400 13px/20px var(--cgx-ui); letter-spacing: normal;
	color: rgb(var(--c-on-surface-variant)); text-transform: none; white-space: nowrap; transition: color .15s, background-color .15s;
}
.cgx .cgx-subhead { font-weight: 600; color: rgb(var(--c-on-surface)); }
body[data-theme] .cgx a.cgx-sublink:hover { color: rgb(var(--c-on-surface)); background: rgb(var(--c-surface-container-high)); }
.cgx .cgx-d2 > a, .cgx .cgx-d2 > span { padding-left: 1.25rem; }
.cgx .cgx-d3 > a, .cgx .cgx-d3 > span { padding-left: 2rem; }

/* search */
.cgx-search {
	display: none; align-items: center; width: 12rem; padding: .375rem .75rem; margin: 0;
	background: rgb(var(--c-surface-container-low)); border-radius: .5rem; transition: width .15s;
}
@media (min-width: 768px) { .cgx-search { display: flex; } }
@media (min-width: 1024px) { .cgx-search { width: 14rem; } }
.cgx-search:focus-within { width: 16rem; }
.cgx-search .material-symbols-outlined { font-size: 18px; color: rgb(var(--c-outline)); margin-right: .5rem; }
.cgx .cgx-search input[type="search"] {
	flex: 1; width: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none;
	font: 400 13px/20px var(--cgx-ui); color: rgb(var(--c-on-surface));
}
.cgx .cgx-search input::placeholder { color: rgb(var(--c-outline)); opacity: 1; }
.cgx .cgx-search input::-webkit-search-cancel-button { display: none; }
.cgx .cgx-search kbd {
	font: 600 11px/14px var(--cgx-ui); letter-spacing: .05em; background: rgb(var(--c-surface-container-high)); color: rgb(var(--c-on-surface-variant));
	padding: .125rem .375rem; border-radius: .25rem; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); border: 0;
}

/* Submit Game */
.cgx .cgx-submit {
	display: none; align-items: center; gap: .375rem; padding: .5rem .875rem; border-radius: .5rem;
	background: rgb(var(--c-primary-container)); color: rgb(var(--c-on-primary-container));
	font: 600 15px/22px var(--cgx-head); transition: all .15s; box-shadow: 0 4px 16px rgba(160, 120, 255, .3); white-space: nowrap;
}
@media (min-width: 640px) { .cgx .cgx-submit { display: inline-flex; } }
.cgx .cgx-submit .material-symbols-outlined { font-size: 18px; }
body[data-theme] .cgx a.cgx-submit:hover { background: rgb(var(--c-primary)); color: rgb(var(--c-on-primary)); }

/* icon buttons, theme switcher, account */
.cgx-icons { display: flex; align-items: center; gap: .25rem; }
.cgx .cgx-ibtn, .cgx button.cgx-ibtn, .cgx button.cgx-burger {
	width: 36px; height: 36px; padding: 0; border: 0; border-radius: .5rem; display: inline-flex; align-items: center; justify-content: center;
	background: rgb(var(--c-surface-container-low)); color: rgb(var(--c-on-surface-variant)); transition: color .15s, background-color .15s;
}
.cgx .cgx-ibtn .material-symbols-outlined, .cgx .cgx-burger .material-symbols-outlined { font-size: 20px; }
body[data-theme] .cgx a.cgx-ibtn:hover, body[data-theme] .cgx button.cgx-ibtn:hover, body[data-theme] .cgx button.cgx-burger:hover {
	background: rgb(var(--c-surface-container-high)); color: rgb(var(--c-on-surface));
}
/* the icon reflects the live state: dark_mode while dark, light_mode while light */
.cgx .cgx-ic-light { display: none; }
body[data-theme="default"] .cgx .cgx-ic-dark { display: none; }
body[data-theme="default"] .cgx .cgx-ic-light { display: inline-block; }
.cgx .cgx-account {
	width: 32px; height: 32px; border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center;
	background: rgb(var(--c-primary)); color: rgb(var(--c-on-primary)); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);
}
body[data-theme] .cgx a.cgx-account:hover { color: rgb(var(--c-on-primary)); background: rgb(var(--c-primary-container)); }
.cgx .cgx-account .material-symbols-outlined { font-size: 18px; }

/* hamburger: below the nav breakpoint only */
@media (min-width: 1280px) { .cgx .cgx-burger, .cgx button.cgx-burger { display: none; } }
.cgx .cgx-ic-close { display: none; }
.cgx-header.is-open .cgx-ic-open { display: none; }
.cgx-header.is-open .cgx-ic-close { display: inline-block; }

/* mobile drawer */
.cgx-drawer {
	display: none; position: fixed; top: 80px; left: 0; right: 0; bottom: 0; overflow-y: auto; padding: 1rem 1rem 2rem;
	background: rgb(var(--c-surface)); border-top: 1px solid rgb(var(--c-outline-variant) / .3);
}
body.admin-bar .cgx-drawer { top: 112px; }
@media screen and (max-width: 782px) { body.admin-bar .cgx-drawer { top: 126px; } }
.cgx-header.is-open .cgx-drawer { display: block; }
@media (min-width: 1280px) { .cgx-header.is-open .cgx-drawer { display: none; } }
.cgx-search.cgx-search-d { display: flex; width: 100%; margin-bottom: 1rem; background: rgb(var(--c-surface-container)); padding: .625rem .75rem; }
.cgx-search.cgx-search-d:focus-within { width: 100%; }
.cgx-search.cgx-search-d kbd { display: none; }
.cgx .cgx-dlist > li { border-bottom: 1px solid rgb(var(--c-outline-variant) / .25); }
.cgx .cgx-dlink, .cgx .cgx-dsum {
	display: block; padding: .75rem .5rem; font: 600 15px/22px var(--cgx-head); color: rgb(var(--c-on-surface)); text-transform: none; letter-spacing: normal;
}
body[data-theme] .cgx a.cgx-dlink:hover { color: rgb(var(--c-primary)); }
.cgx .cgx-dlink.is-active { color: rgb(var(--c-primary)); }
.cgx .cgx-dsum { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.cgx .cgx-dsum::-webkit-details-marker { display: none; }
.cgx .cgx-dsum::marker { content: ''; }
.cgx .cgx-dsum::after {
	content: ''; width: 8px; height: 8px; border-right: 2px solid rgb(var(--c-on-surface-variant)); border-bottom: 2px solid rgb(var(--c-on-surface-variant));
	transform: rotate(45deg); margin-right: .25rem; transition: transform .15s;
}
.cgx .cgx-dd[open] > .cgx-dsum::after { transform: rotate(225deg); }
.cgx .cgx-dd ul { padding-left: .75rem; border-left: 1px solid rgb(var(--c-outline-variant) / .4); margin: 0 0 .5rem .5rem; }
.cgx .cgx-dd .cgx-dlink, .cgx .cgx-dd .cgx-dsum { font: 500 14px/20px var(--cgx-ui); padding: .5rem; color: rgb(var(--c-on-surface-variant)); }
.cgx .cgx-dd .cgx-dlink.is-active { color: rgb(var(--c-primary)); }
.cgx-submit.cgx-submit-d { display: inline-flex; margin-top: 1.25rem; }

/* ================================================================ footer */
.cgx-footer { width: 100%; background: rgb(var(--c-surface-container-lowest)); margin-top: 2rem; position: relative; z-index: 1; }
.cgx-fin { max-width: 1440px; margin: 0 auto; padding: 2rem 1rem 1.5rem; }
@media (min-width: 1024px) { .cgx-fin { padding: 2rem 2rem 1.5rem; } }
.cgx-fgrid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 2rem; }
@media (min-width: 768px) { .cgx-fgrid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .cgx-fgrid { grid-template-columns: repeat(5, 1fr); } .cgx-fbrand { grid-column: span 2; } }
.cgx-fbrand > * + * { margin-top: .5rem; }
.cgx-fbrandrow { display: flex; align-items: center; gap: .5rem; }
.cgx-flogo {
	width: 36px; height: 36px; border-radius: .5rem; display: flex; align-items: center; justify-content: center;
	background: rgb(var(--c-surface-container)); color: rgb(var(--c-primary)); box-shadow: 0 0 12px rgba(160, 120, 255, .2);
}
.cgx-flogo .material-symbols-outlined { font-size: 22px; }
.cgx .cgx-fname { font: 600 18px/26px var(--cgx-head); color: rgb(var(--c-on-surface)); }
.cgx .cgx-fname span { color: rgb(var(--c-primary)); }
body[data-theme] .cgx a.cgx-fname:hover { color: rgb(var(--c-on-surface)); }
.cgx .cgx-p { font: 400 13px/20px var(--cgx-ui); color: rgb(var(--c-on-surface-variant)); text-transform: none; }
.cgx .cgx-blurb { max-width: 24rem; }
.cgx-socs { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding-top: .25rem; }
.cgx .cgx-soc {
	width: 36px; height: 36px; border-radius: .5rem; display: inline-flex; align-items: center; justify-content: center;
	background: rgb(var(--c-surface-container-low)); color: rgb(var(--c-on-surface-variant)); transition: color .15s, background-color .15s;
}
.cgx .cgx-soc .material-symbols-outlined { font-size: 20px; }
body[data-theme] .cgx a.cgx-soc:hover { background: rgb(var(--c-surface-container)); }
body[data-theme] .cgx a.cgx-soc-primary:hover { color: rgb(var(--c-primary)); }
body[data-theme] .cgx a.cgx-soc-secondary:hover { color: rgb(var(--c-secondary)); }
body[data-theme] .cgx a.cgx-soc-tertiary:hover { color: rgb(var(--c-tertiary)); }
body[data-theme] .cgx a.cgx-soc-error:hover { color: rgb(var(--c-error)); }
.cgx .cgx-h4 { font: 600 15px/22px var(--cgx-head); color: rgb(var(--c-on-surface)); margin-bottom: .5rem; text-transform: none; letter-spacing: normal; }
.cgx-flist > li + li { margin-top: .25rem; }
.cgx .cgx-flist a { font: 400 13px/20px var(--cgx-ui); color: rgb(var(--c-on-surface-variant)); text-transform: none; transition: color .15s; }
body[data-theme] .cgx .cgx-flist a:hover { color: rgb(var(--c-on-surface)); }

/* newsletter */
.cgx-fnews > * + *, .cgx-news > * + * { margin-top: .5rem; }
.cgx-news .cgx-h4 { margin-bottom: 0; }
.cgx-form { display: flex; flex-direction: column; gap: .5rem; margin: 0; padding: 0; background: none; border: 0; }
.cgx .cgx-email {
	display: block; width: 100%; padding: .625rem .875rem; border: 0; border-radius: .5rem; outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none;
	background: rgb(var(--c-surface-container-low)); color: rgb(var(--c-on-surface)); font: 400 13px/20px var(--cgx-ui); transition: background-color .15s;
}
.cgx .cgx-email::placeholder { color: rgb(var(--c-outline)); opacity: 1; }
.cgx .cgx-email:focus { background: rgb(var(--c-surface-container)); }
.cgx .cg-newsletter-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.cgx .cgx-subscribe {
	display: block; width: 100%; padding: .625rem 1rem; border: 0; border-radius: .5rem; text-align: center;
	background: rgb(var(--c-primary)); color: rgb(var(--c-on-primary)); font: 600 15px/22px var(--cgx-head); transition: background-color .15s, color .15s;
}
body[data-theme] .cgx button.cgx-subscribe:hover { background: rgb(var(--c-primary-container)); color: rgb(var(--c-on-primary-container)); }
.cgx .cgx-subscribe:disabled { opacity: .6; cursor: default; }
.cgx .cgx-msg { font: 400 12px/16px var(--cgx-ui); color: rgb(var(--c-on-surface-variant)); min-height: 0; }
.cgx .cgx-msg:empty { display: none; }
.cgx .cgx-consent { font: 400 11px/14px var(--cgx-ui); color: rgb(var(--c-outline)); }
body[data-theme] .cgx .cgx-consent a { color: inherit; text-decoration: underline; }

/* disclaimer card + bottom row */
.cgx-disc { background: rgb(var(--c-surface-container-low)); padding: 1rem; border-radius: .75rem; margin-bottom: 1.5rem; }
.cgx .cgx-disc-t {
	display: flex; align-items: center; gap: .25rem; margin-bottom: .25rem; font: 600 11px/14px var(--cgx-ui);
	letter-spacing: .05em; text-transform: uppercase; color: rgb(var(--c-outline));
}
.cgx .cgx-disc-t .material-symbols-outlined { font-size: 16px; color: rgb(var(--c-error)); }
.cgx-fbottom { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: .5rem; padding-top: .5rem; }
@media (min-width: 640px) { .cgx-fbottom { flex-direction: row; } }
.cgx .cgx-copy { font: 400 13px/20px var(--cgx-ui); color: rgb(var(--c-outline)); }
.cgx-legal { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: .5rem 1rem; }
.cgx .cgx-legal a { font: 400 13px/20px var(--cgx-ui); color: rgb(var(--c-outline)); transition: color .15s; }
body[data-theme] .cgx .cgx-legal a:hover { color: rgb(var(--c-on-surface)); }
.cgx-credit { margin-top: .5rem; color: rgb(var(--c-outline)); }
.cgx .cgx-credit p { margin: 0; text-align: center; }
body[data-theme] .cgx .cgx-credit a { color: rgb(var(--c-on-surface-variant)); }
body[data-theme] .cgx .cgx-credit a:hover { color: rgb(var(--c-primary)); }

/* the site's own logo image (header + footer): fixed height, auto width, no tile around it */
.cgx .cgx-logoimg { display: block; height: 40px; width: auto; max-width: 200px; object-fit: contain; }
.cgx-brand:hover .cgx-logoimg { opacity: .9; }