* { box-sizing: border-box; }

html {
  min-height: 100%;
  background: var(--min-surface-canvas);
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 52% 24%, rgb(95 168 211 / 10%), transparent 32rem),
    linear-gradient(rgb(116 211 232 / 2.5%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(116 211 232 / 2.5%) 1px, transparent 1px),
    var(--min-surface-canvas);
  background-size: auto, 32px 32px, 32px 32px, auto;
  color: var(--min-content-primary);
  font-family: var(--min-font-sans);
  font-size: var(--min-font-size-body);
  line-height: var(--min-line-height-body);
}

body.drawer-open { overflow: hidden; }
button, a { font: inherit; }
button { color: inherit; }
a { color: var(--min-action-primary); }
:focus-visible { outline: 3px solid var(--min-focus-ring); outline-offset: 3px; }

.visually-hidden,
.system-state {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.skip-link {
  position: fixed;
  z-index: 100;
  inset: 8px auto auto 8px;
  translate: 0 -160%;
  border-radius: var(--min-radius-control);
  background: var(--min-content-primary);
  color: var(--min-surface-canvas);
  padding: var(--min-space-3) var(--min-space-4);
  transition: translate var(--min-motion-fast) var(--min-easing-standard);
}
.skip-link:focus { translate: 0; }

.app-shell { min-height: 100vh; }
.topbar {
  position: sticky;
  z-index: 30;
  top: 0;
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: var(--min-space-3);
  border-bottom: 1px solid rgb(49 69 86 / 78%);
  background: rgb(8 17 28 / 92%);
  padding: 10px max(var(--min-space-4), env(safe-area-inset-left));
  backdrop-filter: blur(18px);
}
.brand {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: var(--min-space-3);
  color: var(--min-content-primary);
  text-decoration: none;
}
.brand img { width: 34px; height: 34px; }
.brand-copy { display: grid; line-height: 1.05; }
.brand-copy strong { font-size: 16px; font-weight: var(--min-font-weight-semibold); letter-spacing: 0.16em; }
.brand-copy small { margin-top: 4px; color: var(--min-content-secondary); font-size: 8px; letter-spacing: 0.08em; text-transform: uppercase; }
#app-main, [data-view-title]:focus { outline: none; }
.state-indicator { width: 8px; height: 8px; border-radius: 50%; background: var(--min-state-unknown); }
.app-content { width: min(100%, 1180px); min-height: calc(100vh - 64px); margin: 0 auto; }

.loading-view,
.message-view,
.fallback-view {
  display: grid;
  min-height: calc(100vh - 128px);
  align-content: center;
  justify-items: center;
  padding: var(--min-space-8) var(--min-space-5);
  text-align: center;
}
.loading-mark { width: 44px; height: 44px; border: 1px solid var(--min-border-default); border-top-color: var(--min-state-active); border-radius: 50%; animation: spin 1s linear infinite; }
.loading-view p, .message-view p, .fallback-view p { max-width: 50ch; color: var(--min-content-secondary); }
.message-symbol { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid var(--min-border-default); border-radius: 50%; font-size: 24px; }
.message-symbol.error { border-color: var(--min-state-error); color: var(--min-state-error); }

.view { min-height: calc(100vh - 64px); padding: var(--min-space-6) var(--min-space-4) var(--min-space-12); }
.view-header { max-width: 780px; margin-bottom: var(--min-space-8); }
.back-link, .text-link, .reset-network { display: inline-flex; min-height: 40px; align-items: center; gap: var(--min-space-2); color: var(--min-content-secondary); text-decoration: none; }
.back-link { margin-bottom: var(--min-space-4); }
.icon { display: inline-block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.eyebrow, .selected-node-card .label { margin: 0 0 var(--min-space-2); color: var(--min-action-primary); font-size: var(--min-font-size-label); font-weight: var(--min-font-weight-medium); letter-spacing: 0.13em; text-transform: uppercase; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1 { max-width: 19ch; margin: 0; font-size: clamp(31px, 8.4vw, 52px); font-weight: var(--min-font-weight-medium); letter-spacing: -0.035em; line-height: 1.06; }
h2 { margin: 0; font-size: var(--min-font-size-title-2); font-weight: var(--min-font-weight-medium); line-height: var(--min-line-height-heading); }
h3 { margin: 0; font-size: var(--min-font-size-body-large); font-weight: var(--min-font-weight-medium); }
.summary { max-width: 64ch; margin: var(--min-space-4) 0 0; color: var(--min-content-secondary); font-size: var(--min-font-size-body-large); line-height: var(--min-line-height-reading); }
.disclosure, .maturity { display: inline-flex; align-items: center; border: 1px solid var(--min-border-default); border-radius: var(--min-radius-pill); color: var(--min-content-secondary); font-size: var(--min-font-size-caption); line-height: 1.3; }
.disclosure { margin-top: var(--min-space-5); padding: var(--min-space-2) var(--min-space-3); }
.source-note { margin-top: var(--min-space-6); padding-top: var(--min-space-4); border-top: 1px solid var(--min-border-default); color: var(--min-content-secondary); font-size: var(--min-font-size-caption); }

.button, .icon-button, .menu-button, .map-node-button, .question-link, .drawer-link, .directory-button { -webkit-tap-highlight-color: transparent; }
.button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: var(--min-space-2); border: 1px solid var(--min-action-primary); border-radius: var(--min-radius-control); padding: var(--min-space-3) var(--min-space-5); text-decoration: none; transition: background var(--min-motion-fast) var(--min-easing-standard), border-color var(--min-motion-fast) var(--min-easing-standard), color var(--min-motion-fast) var(--min-easing-standard); }
.button.primary { background: var(--min-action-primary); color: var(--min-surface-canvas); font-weight: var(--min-font-weight-semibold); }
.button.primary:hover { background: var(--min-state-active); border-color: var(--min-state-active); }
.button.secondary { background: transparent; color: var(--min-content-primary); }
.button[aria-disabled="true"], .button:disabled { cursor: not-allowed; border-color: var(--min-border-default); background: var(--min-surface-panel); color: var(--min-content-secondary); opacity: 0.72; }
.action-row { display: flex; flex-wrap: wrap; gap: var(--min-space-3); margin-top: var(--min-space-6); }
.icon-button, .menu-button { display: inline-grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border: 1px solid var(--min-border-default); border-radius: var(--min-radius-control); background: rgb(17 29 41 / 94%); cursor: pointer; transition: border-color var(--min-motion-fast) var(--min-easing-standard), background var(--min-motion-fast) var(--min-easing-standard); }
.icon-button:hover, .menu-button:hover { border-color: var(--min-action-primary); background: var(--min-surface-raised); }

/* Hidden navigation keeps the canvas primary. */
.drawer-layer[hidden] { display: none; }
.drawer-layer { position: fixed; z-index: 80; inset: 0; }
.drawer-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgb(3 9 15 / 72%); opacity: 0; backdrop-filter: blur(3px); transition: opacity var(--min-motion-standard) var(--min-easing-standard); }
.navigation-drawer { position: absolute; inset: 0 0 0 auto; display: flex; width: min(88vw, 360px); min-width: 0; height: 100%; flex-direction: column; border-left: 1px solid var(--min-border-default); background: #0d1823; box-shadow: var(--min-shadow-overlay); padding: max(var(--min-space-5), env(safe-area-inset-top)) var(--min-space-4) max(var(--min-space-5), env(safe-area-inset-bottom)); translate: 100% 0; transition: translate var(--min-motion-slow) var(--min-easing-standard); }
.drawer-layer.is-open .drawer-backdrop { opacity: 1; }
.drawer-layer.is-open .navigation-drawer { translate: 0; }
.drawer-header { display: flex; align-items: start; justify-content: space-between; gap: var(--min-space-4); padding: var(--min-space-2) 0 var(--min-space-5); }
.drawer-header > div { min-width: 0; }
.drawer-header h2 { font-size: 28px; }
#drawer-navigation { display: grid; gap: 6px; }
.drawer-link { display: grid; min-height: 52px; align-items: center; grid-template-columns: 24px 1fr 20px; gap: var(--min-space-3); border: 1px solid transparent; border-radius: var(--min-radius-control); color: var(--min-content-secondary); padding: 10px 12px; text-decoration: none; }
.drawer-link:hover, .drawer-link[aria-current="page"] { border-color: var(--min-border-default); background: var(--min-surface-panel); color: var(--min-content-primary); }
.drawer-link[aria-current="page"] .icon { color: var(--min-state-active); }
.drawer-note { margin: auto 0 0; border-top: 1px solid var(--min-border-default); color: var(--min-content-secondary); padding-top: var(--min-space-4); font-size: var(--min-font-size-caption); }

/* One hierarchical, interactive cartography. */
.explorer-view { display: grid; gap: var(--min-space-4); padding-top: var(--min-space-4); }
.explorer-header { display: flex; align-items: end; justify-content: space-between; gap: var(--min-space-4); }
.explorer-header h1 { font-size: clamp(28px, 7vw, 46px); }
.map-breadcrumb { display: flex; min-height: 24px; align-items: center; gap: var(--min-space-2); margin: 0 0 5px; color: var(--min-content-secondary); font-family: var(--min-font-mono); font-size: var(--min-font-size-caption); letter-spacing: 0.07em; text-transform: uppercase; }
.map-breadcrumb strong { color: var(--min-state-active); font-weight: var(--min-font-weight-medium); }
.breadcrumb-separator { opacity: 0.5; }
.reset-network { white-space: nowrap; }
.map-panel, .content-panel, .selected-node-card, .collection-card, .accordion, .question-link, .map-directory { border: 1px solid var(--min-border-default); border-radius: var(--min-radius-panel); background: rgb(17 29 41 / 82%); }
.map-panel { overflow: hidden; box-shadow: inset 0 0 42px rgb(4 10 17 / 42%); }
.map-stage { position: relative; height: min(60vh, 610px); min-height: 430px; overflow: hidden; background: var(--min-surface-canvas); touch-action: pan-y; }
.network-map { width: 100%; height: 100%; cursor: grab; user-select: none; }
.network-map.is-dragging { cursor: grabbing; }
.map-world { transform-origin: 0 0; transition: transform var(--min-motion-standard) var(--min-easing-standard); }
.map-world.no-transition { transition: none; }
.map-world-background { pointer-events: none; }
.map-world-background-glow { fill: url(#map-world-glow); }
.map-world-background-grid { fill: url(#map-world-grid); }
.map-world-grid-line { fill: none; stroke: rgb(116 211 232 / 7%); stroke-width: 1; vector-effect: non-scaling-stroke; }

.map-edge-group, .map-node-button { opacity: 0; pointer-events: none; transition: opacity var(--min-motion-slow) var(--min-easing-standard), transform var(--min-motion-slow) var(--min-easing-standard); }
.map-edge-group.is-visible, .map-node-button.is-visible { opacity: 1; pointer-events: auto; }
.map-edge-group.is-muted { opacity: 0.18; }
.map-node-button.is-muted { opacity: 0.25; }
.map-node-button.is-muted:not(.is-context) { opacity: 0.52; }
.map-node-button.is-selected, .map-node-button.is-focus { opacity: 1; }
.map-edge, .map-edge-pulse { fill: none; vector-effect: non-scaling-stroke; }
.map-edge { stroke: var(--min-border-default); stroke-width: 1.6; }
.map-edge-pulse { stroke: var(--min-action-primary); stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: 3 24; animation: edge-flow 3.6s linear infinite; opacity: 0.8; }
.map-edge-group[data-direction="two_way"] .map-edge-pulse { animation-direction: alternate; }
.map-edge-group[data-motion="authority"] .map-edge-pulse { stroke: var(--min-state-attention); animation-duration: 4.4s; }
.map-edge-group[data-motion="feedback"] .map-edge-pulse { stroke: var(--min-state-stable); animation-duration: 4s; }
.map-arrow { fill: var(--min-content-secondary); }
.map-node-button { cursor: pointer; }
.map-node-halo { fill: rgb(116 211 232 / 7%); stroke: transparent; stroke-width: 2; }
.map-node-circle { fill: #142434; stroke: var(--min-action-primary); stroke-width: 2; vector-effect: non-scaling-stroke; transition: fill var(--min-motion-standard) var(--min-easing-standard), stroke var(--min-motion-standard) var(--min-easing-standard); }
.map-node-button[data-accent="cognitive"] .map-node-circle { stroke: var(--min-concept-cognitive); }
.map-node-button[data-accent="authority"] .map-node-circle { stroke: var(--min-state-attention); }
.map-node-button[data-accent="stable"] .map-node-circle { stroke: var(--min-state-stable); }
.map-node-button[data-accent="data"] .map-node-circle { stroke: var(--min-data-series-1); }
.map-node-button[data-kind="root"] .map-node-circle { fill: #152c3d; stroke: var(--min-state-active); stroke-width: 3; }
.map-node-button:hover .map-node-circle, .map-node-button:focus-visible .map-node-circle, .map-node-button.is-selected .map-node-circle { fill: #1d3446; }
.map-node-button.is-selected .map-node-halo { stroke: rgb(116 211 232 / 42%); animation: node-breath 2.8s var(--min-easing-standard) infinite; }
.map-node-text { fill: var(--min-content-primary); font-family: var(--min-font-sans); font-size: 22px; font-weight: var(--min-font-weight-semibold); text-anchor: middle; pointer-events: none; }
.map-node-sub { fill: var(--min-content-secondary); font-family: var(--min-font-sans); font-size: 12px; letter-spacing: 0.06em; text-anchor: middle; pointer-events: none; }
.map-node-button.is-context .map-node-text { font-size: 15px; }
.map-node-button.is-context .map-node-sub { display: none; }

.map-controls { position: absolute; z-index: 3; right: var(--min-space-3); bottom: var(--min-space-3); display: grid; gap: var(--min-space-2); }
.map-hint { position: absolute; z-index: 2; left: var(--min-space-3); margin: 0; border: 1px solid rgb(49 69 86 / 75%); border-radius: var(--min-radius-pill); background: rgb(8 17 28 / 86%); color: var(--min-content-secondary); padding: 6px 10px; font-size: var(--min-font-size-caption); pointer-events: none; }
.map-hint { bottom: var(--min-space-3); max-width: calc(100% - 80px); }

.selected-node-card { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--min-space-2); padding: var(--min-space-5); }
.selected-node-card h2 { font-size: clamp(21px, 5vw, 28px); }
.selected-node-card p { max-width: 72ch; margin: 2px 0; color: var(--min-content-secondary); }
.selected-node-card .button { width: fit-content; margin-top: var(--min-space-2); }
.availability-note { font-size: var(--min-font-size-caption); }

.map-directory { overflow: hidden; }
.map-directory > summary, .accordion > summary { position: relative; min-height: 50px; cursor: pointer; list-style: none; padding: 14px 46px 14px var(--min-space-4); font-weight: var(--min-font-weight-medium); }
.map-directory > summary::-webkit-details-marker, .accordion > summary::-webkit-details-marker { display: none; }
.map-directory > summary::after, .accordion > summary::after { position: absolute; top: 50%; right: var(--min-space-4); color: var(--min-action-primary); content: "+"; translate: 0 -50%; }
.map-directory[open] > summary::after, .accordion[open] > summary::after { content: "−"; }
.directory-content { display: grid; gap: var(--min-space-5); border-top: 1px solid var(--min-border-default); padding: var(--min-space-4); }
.directory-group { display: grid; gap: var(--min-space-3); }
.directory-group h3 { color: var(--min-content-secondary); font-size: var(--min-font-size-label); letter-spacing: 0.08em; text-transform: uppercase; }
.directory-buttons { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: var(--min-space-2); }
.directory-button { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: var(--min-space-2); border: 1px solid var(--min-border-default); border-radius: var(--min-radius-control); background: var(--min-surface-canvas); color: var(--min-content-secondary); padding: 8px 10px; text-align: left; }
.directory-button[aria-pressed="true"] { border-color: var(--min-action-primary); color: var(--min-content-primary); }

/* Deeper references. */
.content-grid { display: grid; gap: var(--min-space-4); }
.content-panel { padding: var(--min-space-5); }
.collection-list, .capability-list, .question-list { display: grid; gap: var(--min-space-3); margin: var(--min-space-4) 0 0; padding: 0; list-style: none; }
.collection-card { position: relative; display: grid; gap: var(--min-space-3); padding: var(--min-space-4); }
.collection-card.is-link { transition: border-color var(--min-motion-fast) var(--min-easing-standard), background var(--min-motion-fast) var(--min-easing-standard); }
.collection-card.is-link:hover { border-color: var(--min-action-primary); background: var(--min-surface-raised); }
.collection-card a.stretched-link { color: inherit; text-decoration: none; }
.collection-card a.stretched-link::after { position: absolute; content: ""; inset: 0; }
.collection-card p, .capability-item p { margin: 0; color: var(--min-content-secondary); }
.card-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--min-space-2); }
.maturity { width: fit-content; padding: 5px 9px; }
.maturity.paper-pilot { border-color: var(--min-state-active); color: var(--min-state-active); }
.maturity.incubating, .maturity.research { border-color: var(--min-concept-cognitive); color: var(--min-concept-cognitive); }
.maturity.candidate { border-color: var(--min-state-attention); color: var(--min-state-attention); }
.capability-item { display: grid; grid-template-columns: 38px 1fr; gap: 4px var(--min-space-3); border-bottom: 1px solid rgb(49 69 86 / 72%); padding: var(--min-space-3) 0; }
.capability-item:last-child { border-bottom: 0; }
.capability-symbol { grid-row: span 2; color: var(--min-action-primary); font-family: var(--min-font-mono); }

.flow-list, .micro-flow { position: relative; display: grid; gap: var(--min-space-3); margin: 0; padding: 0; list-style: none; }
.flow-step, .micro-flow li { position: relative; display: grid; min-height: 70px; align-items: center; grid-template-columns: 42px 1fr; gap: var(--min-space-3); border: 1px solid var(--min-border-default); border-radius: var(--min-radius-control); background: var(--min-surface-panel); padding: var(--min-space-3) var(--min-space-4); }
.flow-step:not(:last-child)::after, .micro-flow li:not(:last-child)::after { position: absolute; z-index: -1; top: 100%; left: 33px; width: 1px; height: var(--min-space-3); background: var(--min-action-primary); content: ""; }
.flow-step.effect-step { border-color: rgb(201 163 93 / 58%); box-shadow: inset 3px 0 var(--min-state-attention); }
.step-index, .micro-flow span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--min-action-primary); border-radius: 50%; color: var(--min-action-primary); font-family: var(--min-font-mono); font-size: var(--min-font-size-caption); }
.step-copy { display: grid; gap: 4px; }
.step-copy small { color: var(--min-content-secondary); }
.authority-boundary { margin: 2px 0; border-top: 1px dashed var(--min-state-attention); color: var(--min-state-attention); padding: var(--min-space-3) var(--min-space-2) 0; font-family: var(--min-font-mono); font-size: var(--min-font-size-caption); list-style: none; text-align: center; }

.accordion-list { display: grid; gap: var(--min-space-3); }
.accordion p { margin: 0; border-top: 1px solid var(--min-border-default); color: var(--min-content-secondary); padding: var(--min-space-4); }
.narrative-panel { display: grid; gap: var(--min-space-4); }
.narrative-copy { display: grid; gap: var(--min-space-3); }
.narrative-copy p { max-width: 76ch; margin: 0; color: var(--min-content-secondary); line-height: var(--min-line-height-reading); }
.narrative-highlights { display: grid; gap: var(--min-space-3); margin: 0; border-top: 1px solid var(--min-border-default); padding: var(--min-space-4) 0 0; list-style: none; }
.narrative-highlights li { display: grid; gap: 3px; border-left: 2px solid var(--min-action-primary); padding-left: var(--min-space-3); }
.narrative-highlights span { color: var(--min-content-secondary); }
.question-link { display: grid; min-height: 56px; align-items: center; grid-template-columns: 34px 1fr 22px; gap: var(--min-space-3); color: var(--min-content-primary); padding: var(--min-space-3); text-decoration: none; transition: border-color var(--min-motion-fast) var(--min-easing-standard), background var(--min-motion-fast) var(--min-easing-standard); }
.question-link:hover { border-color: var(--min-action-primary); background: var(--min-surface-raised); }
.question-number { color: var(--min-action-primary); font-family: var(--min-font-mono); font-size: var(--min-font-size-caption); }
.whatsapp-block { margin-top: var(--min-space-5); }
.whatsapp-note { color: var(--min-content-secondary); font-size: var(--min-font-size-caption); }
.route-notice { margin: 0 0 var(--min-space-4); border: 1px solid var(--min-state-attention); border-radius: var(--min-radius-control); color: var(--min-state-attention); padding: var(--min-space-3); }

.evidence-loop { position: relative; width: min(100%, 360px); aspect-ratio: 1; margin: var(--min-space-4) auto; }
.loop-ring { position: absolute; inset: 14%; border: 1px dashed var(--min-action-primary); border-radius: 50%; }
.loop-center { position: absolute; inset: 35%; display: grid; place-items: center; border: 1px solid var(--min-action-primary); border-radius: 50%; background: var(--min-surface-raised); color: var(--min-content-primary); text-align: center; white-space: pre-line; }
.loop-node { position: absolute; width: 92px; border: 1px solid var(--min-border-default); border-radius: var(--min-radius-pill); background: var(--min-surface-panel); padding: 7px; color: var(--min-content-secondary); font-size: var(--min-font-size-caption); text-align: center; }
.loop-node[data-position="0"] { top: 2%; left: 50%; translate: -50% 0; }
.loop-node[data-position="1"] { top: 29%; right: 0; }
.loop-node[data-position="2"] { right: 9%; bottom: 5%; }
.loop-node[data-position="3"] { bottom: 5%; left: 9%; }
.loop-node[data-position="4"] { top: 29%; left: 0; }
.icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

@keyframes spin { to { rotate: 360deg; } }
@keyframes edge-flow { to { stroke-dashoffset: -108; } }
@keyframes node-breath { 0%, 100% { opacity: 0.28; stroke-width: 2; } 50% { opacity: 0.85; stroke-width: 4; } }
.network-map.is-paused .map-edge-pulse, .network-map.is-paused .map-node-halo { animation-play-state: paused; }

@media (min-width: 768px) {
  .view { padding-inline: var(--min-space-8); }
  .explorer-view { grid-template-columns: minmax(0, 2.1fr) minmax(280px, 0.9fr); align-items: start; }
  .explorer-header, .map-directory, .source-note { grid-column: 1 / -1; }
  .selected-node-card { position: sticky; top: 84px; min-height: 250px; align-content: start; }
  .map-stage { height: min(68vh, 650px); min-height: 540px; }
  .content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .collection-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1080px) {
  .view { padding-inline: var(--min-space-10); }
  .explorer-view { grid-template-columns: minmax(0, 2.45fr) minmax(310px, 0.8fr); }
  .map-stage { min-height: 600px; }
  .content-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
  .brand-copy small { display: none; }
  .view { padding-inline: var(--min-space-3); }
  .map-stage { height: 54vh; min-height: 430px; }
  .explorer-header { align-items: start; }
  .reset-network { width: 44px; min-width: 44px; overflow: hidden; white-space: nowrap; }
  .reset-network .icon { min-width: 22px; }
  .map-node-text { font-size: 24px; }
  .map-node-sub { font-size: 13px; }
  .selected-node-card { padding: var(--min-space-4); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .map-edge-pulse { stroke-dasharray: none; opacity: 0.34; }
  .map-node-button.is-selected .map-node-halo { opacity: 0.6; }
}