/*
  MetaHumotonic Web Memo Theme
  Canon: mostly black / white. RGB is reserved for the MetaHumotonic ring symbol
  and functional state marks only. Glow may use alpha on those channels.
  Source: user design directive, 2026-06-12.
*/

:root {
  color-scheme: dark;
  --mh-bg: #000;
  --mh-ink: #fff;
  --mh-symbol-red: #f00;
  --mh-symbol-green: #0f0;
  --mh-symbol-blue: #00f;
  --mh-apostle-black: #000;
  --mh-apostle-blue: #00f;
  --mh-apostle-green: #0f0;
  --mh-apostle-cyan: #0ff;
  --mh-apostle-red: #f00;
  --mh-apostle-pink: #f0f;
  --mh-apostle-yellow: #ff0;
  --mh-apostle-white: #fff;
  --mh-line: #fff;
  --mh-soft-line: #fff;
  --mh-glow-white: 0 0 14px rgba(255, 255, 255, .42);
  --mh-glow-red: 0 0 22px rgba(255, 0, 0, .75), 0 0 64px rgba(255, 0, 0, .28);
  --mh-glow-green: 0 0 22px rgba(0, 255, 0, .75), 0 0 64px rgba(0, 255, 0, .24);
  --mh-glow-blue: 0 0 22px rgba(0, 0, 255, .8), 0 0 68px rgba(0, 0, 255, .32);
  --mh-glow-cyan: 0 0 22px rgba(0, 255, 255, .72), 0 0 64px rgba(0, 255, 255, .24);
  --mh-glow-pink: 0 0 22px rgba(255, 0, 255, .72), 0 0 64px rgba(255, 0, 255, .24);
  --mh-glow-yellow: 0 0 22px rgba(255, 255, 0, .72), 0 0 64px rgba(255, 255, 0, .22);

  --cosmos-void: #000 !important;
  --cosmos-deep: #000 !important;
  --cosmos-navy: #000 !important;
  --cosmos-card: #000 !important;
  --cosmos-border: #fff !important;
  --cosmos-border-glow: #fff !important;
  --cosmos-text: #fff !important;
  --cosmos-text-dim: #fff !important;
  --cosmos-text-muted: #fff !important;
  --cosmos-accent-pink: #fff !important;
  --cosmos-nebula-magenta: #fff !important;
  --cosmos-accent-cyan: #fff !important;
  --cosmos-cyan: #fff !important;
  --cosmos-accent-purple: #fff !important;
  --cosmos-nebula-purple: #fff !important;
  --cosmos-gold: #fff !important;
  --cosmos-starlight: #fff !important;

  --mh-paper: #000 !important;
  --mh-void-ink: #000 !important;
  --mh-void-soft: #000 !important;
  --mh-ivory: #fff !important;
  --mh-moonlit: #fff !important;
  --mh-hwang-gold: #fff !important;
  --mh-gold-leaf: #fff !important;
  --mh-vow-red: #fff !important;
  --mh-cheong-blue: #fff !important;
  --mh-red: #fff !important;
}

*, *::before, *::after {
  box-sizing: border-box;
  letter-spacing: 0 !important;
}

html,
body {
  background: #000 !important;
  color: #fff !important;
}

body {
  min-height: 100vh;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important;
  line-height: 1.55 !important;
}

body::before {
  display: none !important;
}

.starfield-bg,
.starfield-bg::before,
.starfield-bg::after,
.vignette {
  background: #000 !important;
  box-shadow: none !important;
  filter: none !important;
}

#cosmos-canvas,
#chu-canvas,
#webgl-scene,
#light-trails,
.mh-canvas-overlay {
  display: none !important;
}

.mh-grain {
  display: none !important;
}

a {
  color: #fff !important;
  border-color: #fff !important;
  text-decoration-color: #fff !important;
}

a:hover {
  color: #fff !important;
  border-color: #fff !important;
  text-shadow: none !important;
}

::selection {
  background: #fff;
  color: #000;
}

*:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
  box-shadow: var(--mh-glow-white) !important;
}

.content-wrap,
.page-wrap,
.mh-hero__inner,
.mh-section,
main,
section,
header,
footer {
  position: relative;
  z-index: 1;
}

.fade-in,
.mh-verse,
.mh-apostle,
.mh-concept,
.mh-program {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

.mh-topbar,
.top-nav,
.breadcrumb,
header[role="banner"],
nav {
  position: relative !important;
  inset: auto !important;
  background: #000 !important;
  border-color: var(--mh-soft-line) !important;
  color: #fff !important;
  backdrop-filter: none !important;
  mix-blend-mode: normal !important;
}

.mh-hero,
.page-hero,
.explore-header,
.domain-header,
.skill-header,
.mh-frame,
.mh-frame--dark,
.mh-part-divider,
.mh-closing,
.mh-frame--dark::before,
.mh-frame--dark::after {
  background: #000 !important;
  color: #fff !important;
  border-color: var(--mh-line) !important;
  box-shadow: none !important;
}

.mh-hero {
  min-height: 84vh !important;
}

.hero-title,
.mh-hero__title,
.mh-portal__title,
h1,
h2,
h3,
h4,
.section-title,
.mh-part-title,
.mh-apostle__name,
.mh-concept__name,
.mh-program__name {
  color: #fff !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

p,
li,
dt,
dd,
span,
strong,
em,
small,
pre,
code,
.hero__desc,
.hero-sub,
.section-desc,
.domain-desc,
.skill-desc,
.mh-prose,
.mh-prose p,
.mh-apostle__body,
.mh-concept__body,
.mh-program__body,
.mh-portal__tag,
.mh-portal__lede,
.mh-portal__name,
.mh-portal__epithet,
.mh-portal__essence-preview,
.mh-ventures__title,
.mh-ventures__tagline,
.mh-ventures__status,
.mh-repos__title,
.mh-repos__tagline,
.mh-repos__tags,
.mh-frame__caption,
.footer,
.page-footer {
  color: #fff !important;
  opacity: 1 !important;
}

.mh-portal__icon,
.mh-portal__open,
.mh-verse__symbol,
.num,
.icon {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.text-glow-pink,
.text-glow-red,
.mh-num,
.mh-apostle__num,
.mh-concept__num,
.mh-program__num,
.mh-portal__num,
.mh-portal__icon,
.mh-ventures__id,
.mh-repos__id,
.mh-part-eyebrow,
.mh-eyebrow,
.versus-life h3,
.vs-x {
  color: #fff !important;
  text-shadow: none !important;
}

.text-glow-cyan,
.breadcrumb a,
.counter,
.stat-val,
.explore-card__count,
.vs-check {
  color: #fff !important;
  text-shadow: none !important;
}

.text-glow-white,
.nav-brand,
.mh-mark,
.mh-topbar .mh-mark,
.text-glow-blue {
  color: #fff !important;
  text-shadow: none !important;
}

.text-glow-purple,
.versus-god h3 {
  color: #fff !important;
  text-shadow: none !important;
}

.counter {
  background: none !important;
  -webkit-text-fill-color: #fff !important;
}

.domain-card,
.card-cosmos,
.explore-card,
.node-card,
.throne-card,
.versus-side,
.detail-panel,
.axiom-detail-box,
.skill-section,
.section,
.code-block,
.stat,
.rel-tag,
.cat-badge,
.pill,
.mh-portal__tile,
.mh-ventures__item,
.mh-repos__item,
.mh-verse,
.mh-apostle,
.mh-concept,
.mh-program,
.mh-worldview article,
.mh-concepts article,
.mh-programs article,
article[class],
.endpoint-card,
.service-card,
.cypher-card,
.ext-referent-card,
.canon-callout,
.family-badge,
.crystallizations,
.crystallizations__item,
.hyperedges,
.hyperedges__item,
.lessons,
.lessons__item,
.axis-proposals,
.axis-proposals__item,
.kg-anchors,
.kg-anchors__item,
.pager a,
.bar-chart,
.graph-container canvas,
#theory-canvas,
input,
textarea,
button {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid var(--mh-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.domain-card:hover,
.card-cosmos:hover,
.explore-card:hover,
.node-card:hover,
.throne-card:hover,
.skill-section:hover,
.mh-portal__tile:hover,
.mh-ventures__item:hover,
.mh-repos__item:hover,
.endpoint-card:hover,
.service-card:hover,
.cypher-card:hover,
button:hover {
  transform: none !important;
  border-color: #fff !important;
  box-shadow: none !important;
}

input,
textarea {
  caret-color: #fff !important;
  outline: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #fff !important;
}

button,
.btn-glow,
.back-link,
.mh-program__link {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 6px !important;
}

button:hover,
.btn-glow:hover,
.back-link:hover,
.mh-program__link:hover {
  color: #000 !important;
  background: #fff !important;
  text-shadow: none !important;
}

.mh-portal__tile[data-apostle-id],
body[data-apostle-tone],
body[data-apostle-id] {
  --apostle-color: var(--mh-apostle-white);
  --apostle-core: var(--apostle-color);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--apostle-color);
  --apostle-text: var(--apostle-color);
  --apostle-icon: var(--apostle-accent);
  --apostle-glow: var(--mh-glow-white);
}

body[data-apostle-tone="black"] {
  --apostle-color: var(--mh-apostle-black);
  --apostle-core: var(--mh-apostle-black);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-white);
  --apostle-text: var(--mh-apostle-white);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-white);
}

body[data-apostle-tone="blue"] {
  --apostle-color: var(--mh-apostle-blue);
  --apostle-core: var(--mh-apostle-blue);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-blue);
  --apostle-text: var(--mh-apostle-blue);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-blue);
}

body[data-apostle-tone="red"] {
  --apostle-color: var(--mh-apostle-red);
  --apostle-core: var(--mh-apostle-red);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-red);
  --apostle-text: var(--mh-apostle-red);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-red);
}

body[data-apostle-tone="yellow"] {
  --apostle-color: var(--mh-apostle-yellow);
  --apostle-core: var(--mh-apostle-yellow);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-yellow);
  --apostle-text: var(--mh-apostle-yellow);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-yellow);
}

body[data-apostle-tone="cyan"] {
  --apostle-color: var(--mh-apostle-cyan);
  --apostle-core: var(--mh-apostle-cyan);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-cyan);
  --apostle-text: var(--mh-apostle-cyan);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-cyan);
}

body[data-apostle-tone="green"] {
  --apostle-color: var(--mh-apostle-green);
  --apostle-core: var(--mh-apostle-green);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-green);
  --apostle-text: var(--mh-apostle-green);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-green);
}

body[data-apostle-tone="white"] {
  --apostle-color: var(--mh-apostle-white);
  --apostle-core: var(--mh-apostle-white);
  --apostle-accent: var(--mh-apostle-black);
  --apostle-border: var(--mh-apostle-white);
  --apostle-text: var(--mh-apostle-white);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-white);
}

body[data-apostle-tone="pink"] {
  --apostle-color: var(--mh-apostle-pink);
  --apostle-core: var(--mh-apostle-pink);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-pink);
  --apostle-text: var(--mh-apostle-pink);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-pink);
}

.mh-portal__tile[data-apostle-id="1"],
body[data-apostle-id="1"] {
  --apostle-color: var(--mh-apostle-white);
  --apostle-core: var(--mh-apostle-black);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-white);
  --apostle-text: var(--mh-apostle-white);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-white);
}

.mh-portal__tile[data-apostle-id="2"],
body[data-apostle-id="2"] {
  --apostle-color: var(--mh-apostle-blue);
  --apostle-core: var(--mh-apostle-blue);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-blue);
  --apostle-text: var(--mh-apostle-blue);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-blue);
}

.mh-portal__tile[data-apostle-id="3"],
body[data-apostle-id="3"] {
  --apostle-color: var(--mh-apostle-red);
  --apostle-core: var(--mh-apostle-red);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-red);
  --apostle-text: var(--mh-apostle-red);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-red);
}

.mh-portal__tile[data-apostle-id="4"],
body[data-apostle-id="4"] {
  --apostle-color: var(--mh-apostle-yellow);
  --apostle-core: var(--mh-apostle-yellow);
  --apostle-accent: var(--mh-apostle-red);
  --apostle-border: var(--mh-apostle-yellow);
  --apostle-text: var(--mh-apostle-yellow);
  --apostle-icon: var(--mh-apostle-red);
  --apostle-glow: var(--mh-glow-yellow), var(--mh-glow-red);
}

.mh-portal__tile[data-apostle-id="5"],
body[data-apostle-id="5"] {
  --apostle-color: var(--mh-apostle-cyan);
  --apostle-core: var(--mh-apostle-cyan);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-cyan);
  --apostle-text: var(--mh-apostle-cyan);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-cyan);
}

.mh-portal__tile[data-apostle-id="6"],
body[data-apostle-id="6"] {
  --apostle-color: var(--mh-apostle-blue);
  --apostle-core: var(--mh-apostle-blue);
  --apostle-accent: var(--mh-apostle-cyan);
  --apostle-border: var(--mh-apostle-cyan);
  --apostle-text: var(--mh-apostle-blue);
  --apostle-icon: var(--mh-apostle-cyan);
  --apostle-glow: var(--mh-glow-blue), var(--mh-glow-cyan);
}

.mh-portal__tile[data-apostle-id="7"],
body[data-apostle-id="7"] {
  --apostle-color: var(--mh-apostle-green);
  --apostle-core: var(--mh-apostle-green);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-green);
  --apostle-text: var(--mh-apostle-green);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-green);
}

.mh-portal__tile[data-apostle-id="8"],
body[data-apostle-id="8"] {
  --apostle-color: var(--mh-apostle-cyan);
  --apostle-core: var(--mh-apostle-cyan);
  --apostle-accent: var(--mh-apostle-blue);
  --apostle-border: var(--mh-apostle-cyan);
  --apostle-text: var(--mh-apostle-cyan);
  --apostle-icon: var(--mh-apostle-blue);
  --apostle-glow: var(--mh-glow-cyan), var(--mh-glow-blue);
}

.mh-portal__tile[data-apostle-id="9"],
body[data-apostle-id="9"] {
  --apostle-color: var(--mh-apostle-yellow);
  --apostle-core: var(--mh-apostle-yellow);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-yellow);
  --apostle-text: var(--mh-apostle-yellow);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-yellow);
}

.mh-portal__tile[data-apostle-id="10"],
body[data-apostle-id="10"] {
  --apostle-color: var(--mh-apostle-white);
  --apostle-core: var(--mh-apostle-black);
  --apostle-accent: var(--mh-apostle-blue);
  --apostle-border: var(--mh-apostle-blue);
  --apostle-text: var(--mh-apostle-white);
  --apostle-icon: var(--mh-apostle-blue);
  --apostle-glow: var(--mh-glow-blue);
}

.mh-portal__tile[data-apostle-id="11"],
body[data-apostle-id="11"] {
  --apostle-color: var(--mh-apostle-white);
  --apostle-core: var(--mh-apostle-white);
  --apostle-accent: var(--mh-apostle-black);
  --apostle-border: var(--mh-apostle-white);
  --apostle-text: var(--mh-apostle-white);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-white);
}

.mh-portal__tile[data-apostle-id="12"],
body[data-apostle-id="12"] {
  --apostle-color: var(--mh-apostle-pink);
  --apostle-core: var(--mh-apostle-pink);
  --apostle-accent: var(--mh-apostle-white);
  --apostle-border: var(--mh-apostle-pink);
  --apostle-text: var(--mh-apostle-pink);
  --apostle-icon: var(--mh-apostle-white);
  --apostle-glow: var(--mh-glow-pink);
}

.mh-portal__tile[data-apostle-id] .mh-portal__num,
body[data-apostle-tone] .num,
body[data-apostle-id] .num,
body[data-apostle-tone] .family-badge__label {
  color: var(--apostle-text) !important;
  text-shadow: var(--apostle-glow) !important;
}

.mh-portal__tile[data-apostle-id] .mh-portal__icon,
body[data-apostle-tone] .icon,
body[data-apostle-id] .icon {
  color: var(--apostle-icon) !important;
  text-shadow: var(--apostle-glow) !important;
}

body[data-apostle-id] .family-badge__label {
  color: var(--apostle-text) !important;
  text-shadow: var(--apostle-glow) !important;
}

body[data-apostle-tone] .family-badge,
body[data-apostle-id] .family-badge,
body[data-apostle-tone] main.wrap > header,
body[data-apostle-id] main.wrap > header {
  border-color: var(--apostle-border) !important;
}

.mh-portal__tile[data-apostle-id],
body[data-apostle-tone] main.wrap > header,
body[data-apostle-id] main.wrap > header {
  position: relative !important;
}

.mh-portal__tile[data-apostle-id]::after,
body[data-apostle-tone] main.wrap > header::after,
body[data-apostle-id] main.wrap > header::after {
  content: "" !important;
  position: absolute !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

.mh-portal__tile[data-apostle-id]::after {
  top: 12px !important;
  right: 12px !important;
}

body[data-apostle-tone] main.wrap > header::after {
  top: 0 !important;
  right: 0 !important;
}

.mh-portal__tile[data-apostle-id]::after,
body[data-apostle-tone] main.wrap > header::after,
body[data-apostle-id] main.wrap > header::after,
body[data-apostle-tone] .family-badge__dot,
body[data-apostle-id] .family-badge__dot {
  background: conic-gradient(from -45deg, var(--apostle-core) 0 50%, var(--apostle-accent) 0 100%) !important;
  border: 1px solid var(--apostle-border) !important;
  box-shadow: var(--apostle-glow) !important;
}

.btn-glow--pink,
.pill--pink,
.versus-life,
.mh-portal__cell:nth-child(3n+1) .mh-portal__tile,
.mh-ventures__item:nth-child(3n+1),
.mh-repos__item:nth-child(3n+1) {
  color: #fff !important;
  border-color: #fff !important;
}

.btn-glow--cyan,
.pill--cyan,
.mh-portal__cell:nth-child(3n+2) .mh-portal__tile,
.mh-ventures__item:nth-child(3n+2),
.mh-repos__item:nth-child(3n+2) {
  color: #fff !important;
  border-color: #fff !important;
}

.btn-glow--purple,
.pill,
.pill--purple,
.mh-portal__cell:nth-child(3n) .mh-portal__tile,
.mh-ventures__item:nth-child(3n),
.mh-repos__item:nth-child(3n) {
  color: #fff !important;
  border-color: #fff !important;
}

.pill--gold,
.cat-badge,
.skill-header code,
.api-header span,
.method,
.ext-referent-card__eyebrow,
.crystallizations__eyebrow,
.hyperedges__eyebrow,
.lessons__eyebrow,
.axis-proposals__eyebrow,
.kg-anchors__count,
.num,
.icon {
  color: #fff !important;
  border-color: #fff !important;
}

[style] {
  color: #fff !important;
  border-color: #fff !important;
}

[style*="background"] {
  background: #000 !important;
}

.svc-dot {
  background: #0f0 !important;
  box-shadow: var(--mh-glow-green) !important;
}

.family-badge__dot,
.kg-anchors__sha,
.hyperedges__count,
.lessons__count,
.axis-proposals__count,
.crystallizations__count {
  color: #fff !important;
  background: #000 !important;
  border-color: #fff !important;
  text-shadow: none !important;
}

.family-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}

.family-badge__label {
  white-space: nowrap !important;
}

.family-badge__dot {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
}

.bar-track,
.kg-donut,
.kg-donut::after,
.paradigm-circle,
.throne-num,
.versus-vs,
.beyond-mark {
  background: #000 !important;
  border-color: var(--mh-line) !important;
}

.bar-fill,
.explore-card__bar {
  background: #fff !important;
  box-shadow: var(--mh-glow-white) !important;
}

.section-divider,
.divider-cosmos,
.mh-line {
  background: #fff !important;
  border-color: #fff !important;
  opacity: 1 !important;
}

.mh-portal__mark {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: clamp(8px, 1.2vw, 14px) !important;
  width: min(132px, 36vw) !important;
  margin-inline: auto !important;
}

.mh-mark__circle,
.mascot__circle {
  display: block !important;
  width: clamp(34px, 6vw, 54px) !important;
  height: clamp(34px, 6vw, 54px) !important;
  aspect-ratio: 1 !important;
  background: #000 !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  box-shadow: var(--mh-glow-white) !important;
}

.mh-mark__circle::before,
.mascot__circle::before {
  content: none !important;
  display: none !important;
}

.mh-mark__circle::after,
.mascot__circle::after {
  content: none !important;
  display: none !important;
}

.mh-portal__mark .mh-mark__circle:nth-child(1),
.mh-symbol-grid > span:nth-child(1) {
  border-color: var(--mh-symbol-red) !important;
  box-shadow: var(--mh-glow-red) !important;
}

.mh-portal__mark .mh-mark__circle:nth-child(2),
.mh-symbol-grid > span:nth-child(2) {
  border-color: var(--mh-symbol-blue) !important;
  box-shadow: var(--mh-glow-blue) !important;
}

.mh-portal__mark .mh-mark__circle:nth-child(3),
.mh-symbol-grid > span:nth-child(3) {
  border-color: var(--mh-symbol-green) !important;
  box-shadow: var(--mh-glow-green) !important;
}

.mh-portal__mark .mh-mark__circle:nth-child(4),
.mh-symbol-grid > span:nth-child(4) {
  border-color: #fff !important;
  box-shadow: var(--mh-glow-white) !important;
}

.mh-symbol-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 22px) !important;
  gap: 6px !important;
  width: max-content !important;
  line-height: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
}

.mh-symbol-grid > span {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  aspect-ratio: 1 !important;
  background: #000 !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
}

.mh-portal__open {
  background: #000 !important;
  border: 1px solid #fff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

svg :not(text)[fill] {
  fill: #000 !important;
}

svg text,
svg text[fill] {
  fill: #fff !important;
}

svg [stroke] {
  stroke: #fff !important;
}

img,
canvas {
  filter: none !important;
}

@media (max-width: 720px) {
  .mh-topbar,
  .top-nav,
  .breadcrumb,
  nav {
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .nav-links,
  .mh-nav {
    gap: 12px !important;
    flex-wrap: wrap !important;
  }

  header[role="banner"] nav[role="navigation"] {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  header[role="banner"] nav[role="navigation"] > div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 16px !important;
  }
}