/* =====================================================================
   AENET Cloud Public — RGBM SYSTEMS DISPLAY (fabric v1.4)
   =====================================================================
   Semantic color protocol for the Systems page.

   LAYER 1  systems header (metrics)          — clear / spacious
   LAYER 2  domain overview strip (7 cards)   — compact / scannable
   LAYER 3  featured systems (Level A)        — readable / highlighted
   LAYER 4  full directory (Level B + C)      — dense / progressive

   R = private boundary · G = active/verified · B = public gateway ·
   M = research/future · C = coordinate/focus · A = preview/pending.

   Every color references a token (--rgbm-*, --status-*, --domain-*); no
   raw hex in component rules. Every color carries a text label.
   ===================================================================== */

/* ---------- Workspace: one vertical RGBM flow ---------- */
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace{
  display:flex;
  flex-direction:column;
  gap:30px;
  padding:0 0 10px;
}

/* ---------- Shared section head (layer titles) ---------- */
body[data-page="systems"] .systems-section-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:6px 18px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
body[data-page="systems"] .systems-section-head .eyebrow{margin:0;}
body[data-page="systems"] .systems-section-head .muted{
  margin:0;font-size:13px;line-height:1.5;color:var(--muted);max-width:64ch;
}

/* =========================================================
   LAYER 1 — SYSTEMS HEADER
   ========================================================= */
body[data-page="systems"] .systems-header .lede{max-width:80ch;}
body[data-page="systems"] .systems-header-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 6px;
}
body[data-page="systems"] .systems-metric{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-width:108px;
  padding:10px 16px;
  border:1px solid var(--line);
  border-left:3px solid var(--metric-accent,var(--rgbm-cyan));
  border-radius:8px;
  background:rgba(16,26,46,.72);
}
body[data-page="systems"] .systems-metric[data-metric="total"]{--metric-accent:var(--rgbm-cyan);}
body[data-page="systems"] .systems-metric[data-metric="public"]{--metric-accent:var(--rgbm-green);}
body[data-page="systems"] .systems-metric[data-metric="planned"]{--metric-accent:var(--rgbm-slate);}
body[data-page="systems"] .systems-metric[data-metric="domains"]{--metric-accent:var(--rgbm-blue);}
body[data-page="systems"] .systems-metric b{
  font-family:var(--mono);font-size:24px;line-height:1;font-weight:700;
  color:var(--metric-accent,var(--rgbm-cyan));
}
body[data-page="systems"] .systems-metric small{
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
}

/* =========================================================
   LAYER 2 — DOMAIN OVERVIEW STRIP
   ========================================================= */
body[data-page="systems"] .systems-domain-strip{
  padding:16px 16px 18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(16,26,46,.42);
}
body[data-page="systems"] .systems-domain-strip-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
body[data-page="systems"] .domain-summary-card{
  --domain-accent:var(--rgbm-cyan);
  position:relative;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding:12px 14px 12px 15px;
  border:1px solid var(--line);
  border-left:3px solid var(--domain-accent);
  border-radius:8px;
  background:rgba(7,12,24,.55);
  color:var(--text);
  text-decoration:none;
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
}
body[data-page="systems"] .domain-summary-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--domain-accent) 60%,var(--line));
  box-shadow:0 6px 18px rgba(0,0,0,.35),0 0 0 1px color-mix(in srgb,var(--domain-accent) 30%,transparent);
  text-decoration:none;
}
body[data-page="systems"] .domain-summary-card:focus-visible{
  outline:2px solid var(--rgbm-cyan);outline-offset:2px;text-decoration:none;
}
/* RGBM domain accents (semantic pair per domain). */
body[data-page="systems"] .domain-summary-card[data-rgbm-accent="domain-financial"]{--domain-accent:var(--rgbm-green);}
body[data-page="systems"] .domain-summary-card[data-rgbm-accent="domain-identity-access"]{--domain-accent:var(--rgbm-blue);}
body[data-page="systems"] .domain-summary-card[data-rgbm-accent="domain-communication"]{--domain-accent:var(--rgbm-blue);}
body[data-page="systems"] .domain-summary-card[data-rgbm-accent="domain-infrastructure"]{--domain-accent:var(--rgbm-cyan);}
body[data-page="systems"] .domain-summary-card[data-rgbm-accent="domain-data-knowledge"]{--domain-accent:var(--rgbm-magenta);}
body[data-page="systems"] .domain-summary-card[data-rgbm-accent="domain-security-observability"]{--domain-accent:var(--rgbm-red);}
body[data-page="systems"] .domain-summary-card[data-rgbm-accent="domain-developer-platform"]{--domain-accent:var(--rgbm-cyan);}
body[data-page="systems"] .domain-summary-code{
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--domain-accent);
}
body[data-page="systems"] .domain-summary-name{
  font-size:14px;font-weight:700;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body[data-page="systems"] .domain-summary-counts{
  display:flex;
  flex-wrap:wrap;
  gap:2px 12px;
  margin-top:2px;
  font-family:var(--mono);font-size:11px;color:var(--muted);
}
body[data-page="systems"] .domain-summary-counts b{color:var(--text);font-weight:600;}
body[data-page="systems"] .domain-summary-count-public b{color:var(--rgbm-green);}
body[data-page="systems"] .domain-summary-count-planned b{color:var(--rgbm-slate);}

/* =========================================================
   LAYER 3 — FEATURED SYSTEMS (Level A)
   ========================================================= */
body[data-page="systems"] .systems-featured{padding:0 0 2px;}
body[data-page="systems"] .systems-featured-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body[data-page="systems"] .featured-system-card{
  --domain-accent:var(--rgbm-cyan);
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  padding:16px 16px 14px;
  border:1px solid var(--line);
  border-top:3px solid var(--domain-accent);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(20,33,58,.5),rgba(11,18,32,.82));
  box-shadow:0 2px 10px rgba(0,0,0,.22);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
}
body[data-page="systems"] .featured-system-card[data-rgbm-accent="domain-financial"]{--domain-accent:var(--rgbm-green);}
body[data-page="systems"] .featured-system-card[data-rgbm-accent="domain-identity-access"]{--domain-accent:var(--rgbm-blue);}
body[data-page="systems"] .featured-system-card[data-rgbm-accent="domain-communication"]{--domain-accent:var(--rgbm-blue);}
body[data-page="systems"] .featured-system-card[data-rgbm-accent="domain-infrastructure"]{--domain-accent:var(--rgbm-cyan);}
body[data-page="systems"] .featured-system-card[data-rgbm-accent="domain-data-knowledge"]{--domain-accent:var(--rgbm-magenta);}
body[data-page="systems"] .featured-system-card[data-rgbm-accent="domain-security-observability"]{--domain-accent:var(--rgbm-red);}
body[data-page="systems"] .featured-system-card[data-rgbm-accent="domain-developer-platform"]{--domain-accent:var(--rgbm-cyan);}
body[data-page="systems"] .featured-system-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--domain-accent) 55%,var(--line));
  box-shadow:0 10px 26px rgba(0,0,0,.42),0 0 0 1px color-mix(in srgb,var(--domain-accent) 35%,transparent);
}
body[data-page="systems"] .featured-system-card:focus-within{
  outline:2px solid var(--rgbm-cyan);outline-offset:2px;
}
body[data-page="systems"] .featured-system-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:8px;
  border:1px solid color-mix(in srgb,var(--domain-accent) 45%,var(--line));
  background:color-mix(in srgb,var(--domain-accent) 10%,transparent);
  color:var(--domain-accent);
}
body[data-page="systems"] .featured-system-icon .system-icon-svg{width:18px;height:18px;}
body[data-page="systems"] .featured-system-meta{min-width:0;}
body[data-page="systems"] .featured-system-code{
  display:block;font-family:var(--mono);font-size:9px;letter-spacing:.1em;
  color:var(--domain-accent);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body[data-page="systems"] .featured-system-name{
  margin:0;padding:0;border:0;font-size:17px;line-height:1.25;font-weight:700;
}
body[data-page="systems"] .featured-system-name a{color:var(--text);}
body[data-page="systems"] .featured-system-name a:hover{color:var(--domain-accent);text-decoration:none;}
body[data-page="systems"] .featured-system-domain{
  margin:3px 0 0;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}
body[data-page="systems"] .featured-system-purpose{
  margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--muted);
}
body[data-page="systems"] .featured-system-foot{
  margin-top:auto;padding-top:10px;border-top:1px solid rgba(30,44,73,.6);
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
}
body[data-page="systems"] .featured-system-cta{
  margin-left:auto;font-size:12px;font-weight:600;color:var(--rgbm-cyan);
}
body[data-page="systems"] .featured-system-knowledge{
  font-size:11px;color:var(--muted);
}
body[data-page="systems"] .featured-system-knowledge:hover{color:var(--text);}

/* =========================================================
   LAYER 4 — FULL SYSTEM DIRECTORY
   ========================================================= */
body[data-page="systems"] .systems-directory{padding:0 0 2px;}
body[data-page="systems"] .systems-directory-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
/* Infrastructure hosts the largest group — allow it to span wider when the
   grid supports it (KGRID-derived, not a page hack). */
body[data-page="systems"] .systems-domain-group[data-domain="infrastructure"]{
  grid-column:span 1;
}
body[data-page="systems"] .systems-domain-group{
  --domain-accent:var(--rgbm-cyan);
  min-width:0;
  margin:0;
  padding:14px;
  border:1px solid var(--line);
  border-top:2px solid var(--domain-accent);
  border-radius:10px;
  background:rgba(16,26,46,.5);
}
body[data-page="systems"] .systems-domain-group[data-domain="financial"]{--domain-accent:var(--rgbm-green);}
body[data-page="systems"] .systems-domain-group[data-domain="identity-access"]{--domain-accent:var(--rgbm-blue);}
body[data-page="systems"] .systems-domain-group[data-domain="communication"]{--domain-accent:var(--rgbm-blue);}
body[data-page="systems"] .systems-domain-group[data-domain="infrastructure"]{--domain-accent:var(--rgbm-cyan);}
body[data-page="systems"] .systems-domain-group[data-domain="data-knowledge"]{--domain-accent:var(--rgbm-magenta);}
body[data-page="systems"] .systems-domain-group[data-domain="security-observability"]{--domain-accent:var(--rgbm-red);}
body[data-page="systems"] .systems-domain-group[data-domain="developer-platform"]{--domain-accent:var(--rgbm-cyan);}

body[data-page="systems"] .systems-domain-heading{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:2px 10px;
  padding:0 0 10px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(30,44,73,.7);
}
body[data-page="systems"] .systems-domain-heading h2{
  margin:0;padding:0;border:0;font-size:15px;font-weight:800;line-height:1.2;color:var(--text);
}
body[data-page="systems"] .systems-domain-heading .domain-code{
  font:10px/1 var(--mono);letter-spacing:.1em;color:var(--domain-accent);margin-right:6px;
}
body[data-page="systems"] .systems-domain-count{
  margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--muted);
}
body[data-page="systems"] .systems-domain-count [data-count-active]{color:var(--rgbm-green);}
body[data-page="systems"] .systems-domain-count [data-count-planned]{color:var(--rgbm-slate);}
body[data-page="systems"] .systems-domain-heading .domain-view-link{
  flex-basis:100%;font-size:11px;font-weight:600;color:var(--rgbm-cyan);
}
body[data-page="systems"] .systems-domain-heading .domain-view-link:hover{color:var(--text);}

/* Directory list: progressive density — readable cards first,
   compact planned rows below. */
body[data-page="systems"] .systems-directory-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* ---- Level B — public / active / private directory item ---- */
body[data-page="systems"] .systems-directory-item{
  --domain-accent:var(--rgbm-cyan);
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:4px 10px;
  min-width:0;
  padding:11px 12px;
  border:1px solid rgba(30,44,73,.85);
  border-left:3px solid var(--domain-accent);
  border-radius:8px;
  background:rgba(7,12,24,.5);
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
}
body[data-page="systems"] .systems-directory-item[data-domain="D01"]{--domain-accent:var(--rgbm-green);}
body[data-page="systems"] .systems-directory-item[data-domain="D02"]{--domain-accent:var(--rgbm-blue);}
body[data-page="systems"] .systems-directory-item[data-domain="D03"]{--domain-accent:var(--rgbm-blue);}
body[data-page="systems"] .systems-directory-item[data-domain="D04"]{--domain-accent:var(--rgbm-cyan);}
body[data-page="systems"] .systems-directory-item[data-domain="D05"]{--domain-accent:var(--rgbm-magenta);}
body[data-page="systems"] .systems-directory-item[data-domain="D06"]{--domain-accent:var(--rgbm-red);}
body[data-page="systems"] .systems-directory-item[data-domain="D07"]{--domain-accent:var(--rgbm-cyan);}
body[data-page="systems"] .systems-directory-item:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--domain-accent) 55%,var(--line));
  box-shadow:0 6px 16px rgba(0,0,0,.32);
}
body[data-page="systems"] .systems-directory-item[data-variant="private"]{
  border-left-color:var(--rgbm-red);
  background:linear-gradient(180deg,rgba(255,93,115,.06),rgba(7,12,24,.5));
}
body[data-page="systems"] .systems-directory-item[data-variant="evidence"]{
  border-left-color:var(--rgbm-amber);
}
body[data-page="systems"] .directory-icon{
  grid-column:1;
  grid-row:1 / span 2;
  display:inline-flex;align-items:flex-start;justify-content:center;
  padding-top:2px;color:var(--domain-accent);
}
body[data-page="systems"] .directory-icon .system-icon-svg{width:15px;height:15px;}
body[data-page="systems"] .directory-main{grid-column:2;min-width:0;}
body[data-page="systems"] .directory-code{
  display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--domain-accent);
  margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body[data-page="systems"] .directory-name{
  display:block;font-size:13px;font-weight:700;line-height:1.25;color:var(--text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body[data-page="systems"] a.directory-name:hover{color:var(--domain-accent);text-decoration:none;}
body[data-page="systems"] .directory-desc{
  margin:5px 0 0;font-size:12px;line-height:1.45;color:var(--muted);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
body[data-page="systems"] .directory-actions{
  display:flex;gap:12px;margin-top:7px;font-size:11px;
}
body[data-page="systems"] .directory-actions a{color:var(--rgbm-cyan);font-weight:600;}
body[data-page="systems"] .directory-actions a:hover{color:var(--text);text-decoration:none;}
body[data-page="systems"] .directory-actions a.route-link{color:var(--muted);font-weight:400;}
body[data-page="systems"] .directory-actions a.route-link:hover{color:var(--text);}
body[data-page="systems"] .directory-side{
  grid-column:3;
  display:flex;flex-direction:column;align-items:flex-end;gap:5px;
}

/* ---- Level C — planned system row (compact roadmap entry) ---- */
body[data-page="systems"] .planned-system-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"code name status" "code desc status" "code domain status";
  column-gap:10px;
  row-gap:1px;
  align-items:center;
  min-width:0;
  padding:8px 12px;
  border:1px dashed rgba(65,80,111,.55);
  border-radius:8px;
  background:rgba(7,12,24,.3);
}
body[data-page="systems"] .planned-system-code{
  grid-area:code;
  font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--rgbm-slate);
  white-space:nowrap;
}
body[data-page="systems"] .planned-system-name{
  grid-area:name;
  font-size:12.5px;font-weight:600;color:var(--text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body[data-page="systems"] .planned-system-desc{
  grid-area:desc;
  font-size:11px;line-height:1.4;color:var(--muted);
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
body[data-page="systems"] .planned-system-domain{
  grid-area:domain;
  font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--rgbm-slate);
}
body[data-page="systems"] .planned-system-row .system-status-badge{grid-area:status;}

/* =========================================================
   STATUS RIBBON — every color carries a text label
   ========================================================= */
body[data-page="systems"] .system-status-badge{
  --status-color:var(--rgbm-slate);
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--mono);
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1;
  padding:4px 8px;
  border-radius:999px;
  white-space:nowrap;
  color:var(--status-color);
  border:1px solid color-mix(in srgb,var(--status-color) 42%,transparent);
  background:color-mix(in srgb,var(--status-color) 12%,rgba(7,12,24,.6));
}
body[data-page="systems"] .system-status-badge::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--status-color);
}
body[data-page="systems"] .system-status-badge[data-status="active"]{--status-color:var(--rgbm-green);}
body[data-page="systems"] .system-status-badge[data-status="preview"]{--status-color:var(--rgbm-amber);}
body[data-page="systems"] .system-status-badge[data-status="development"]{--status-color:var(--rgbm-amber);}
body[data-page="systems"] .system-status-badge[data-status="planned"]{--status-color:var(--rgbm-slate);}
body[data-page="systems"] .system-status-badge[data-status="private"]{--status-color:var(--rgbm-red);}
body[data-page="systems"] .system-status-badge[data-status="blocked"]{--status-color:var(--rgbm-red);}
body[data-page="systems"] .system-status-badge[data-status="insufficient-public-evidence"]{--status-color:var(--rgbm-amber);}

/* =========================================================
   PUBLIC BOUNDARY BADGE — never looks operational
   ========================================================= */
body[data-page="systems"] .public-boundary-badge{
  --boundary-color:var(--rgbm-slate);
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-family:var(--mono);
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1;
  padding:3px 7px;
  border-radius:4px;
  white-space:nowrap;
  color:var(--boundary-color);
  border:1px solid color-mix(in srgb,var(--boundary-color) 40%,transparent);
  background:rgba(7,12,24,.5);
}
body[data-page="systems"] .public-boundary-badge::before{
  content:"";width:5px;height:5px;border-radius:2px;background:var(--boundary-color);
}
body[data-page="systems"] .public-boundary-badge[data-boundary="private-core"]{--boundary-color:var(--rgbm-red);}
body[data-page="systems"] .public-boundary-badge[data-boundary="snapshot"]{--boundary-color:var(--rgbm-amber);}
body[data-page="systems"] .public-boundary-badge[data-boundary="planned"]{--boundary-color:var(--rgbm-slate);}

/* =========================================================
   RGBM SYSTEM MAP — semantic legend
   ========================================================= */
body[data-page="systems"] .rgbm-legend{
  padding:16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(16,26,46,.42);
}
body[data-page="systems"] .rgbm-legend-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
body[data-page="systems"] .rgbm-legend-item{
  --legend-color:var(--rgbm-slate);
  display:grid;
  grid-template-columns:auto auto 1fr;
  grid-template-areas:"swatch key label" "swatch desc desc";
  column-gap:8px;
  row-gap:2px;
  align-items:center;
  min-width:0;
  padding:10px 12px;
  border:1px solid rgba(30,44,73,.8);
  border-radius:8px;
  background:rgba(7,12,24,.45);
}
body[data-page="systems"] .rgbm-legend-item[data-rgbm-key="R"]{--legend-color:var(--rgbm-red);}
body[data-page="systems"] .rgbm-legend-item[data-rgbm-key="G"]{--legend-color:var(--rgbm-green);}
body[data-page="systems"] .rgbm-legend-item[data-rgbm-key="B"]{--legend-color:var(--rgbm-blue);}
body[data-page="systems"] .rgbm-legend-item[data-rgbm-key="M"]{--legend-color:var(--rgbm-magenta);}
body[data-page="systems"] .rgbm-legend-swatch{
  grid-area:swatch;
  width:18px;height:18px;border-radius:5px;
  background:var(--legend-color);
  box-shadow:0 0 10px color-mix(in srgb,var(--legend-color) 45%,transparent);
}
body[data-page="systems"] .rgbm-legend-key{
  grid-area:key;
  font-family:var(--mono);font-size:16px;font-weight:800;color:var(--legend-color);
}
body[data-page="systems"] .rgbm-legend-label{
  grid-area:label;
  font-size:12px;font-weight:700;line-height:1.25;color:var(--text);
}
body[data-page="systems"] .rgbm-legend-desc{
  grid-area:desc;
  font-size:11px;line-height:1.4;color:var(--muted);
}

/* =========================================================
   BOUNDARY DIVIDER
   ========================================================= */
body[data-page="systems"] .layer-boundary{
  margin:0;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--rgbm-red) 30%,var(--line));
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,93,115,.05),rgba(7,12,24,.3));
  text-align:center;
}
body[data-page="systems"] .layer-boundary span{
  font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--rgbm-red);
}
body[data-page="systems"] .layer-boundary p{
  margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--muted);
}

/* =========================================================
   RESPONSIVE — desktop / tablet / mobile
   ========================================================= */
@media (min-width: 1100px){
  body[data-page="systems"] .systems-domain-strip-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  body[data-page="systems"] .systems-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  body[data-page="systems"] .systems-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  body[data-page="systems"] .rgbm-legend-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (min-width: 760px) and (max-width: 1099px){
  body[data-page="systems"] .systems-domain-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body[data-page="systems"] .systems-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body[data-page="systems"] .systems-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body[data-page="systems"] .rgbm-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 759px){
  body[data-page="systems"] .systems-workspace.rgbm-systems-workspace{gap:24px;}
  body[data-page="systems"] .systems-domain-strip{padding:12px;}
  body[data-page="systems"] .systems-domain-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  body[data-page="systems"] .systems-featured-grid{grid-template-columns:1fr;gap:10px;}
  body[data-page="systems"] .systems-directory-grid{grid-template-columns:1fr;gap:12px;}
  body[data-page="systems"] .rgbm-legend-grid{grid-template-columns:1fr;gap:8px;}
  body[data-page="systems"] .systems-header-metrics{gap:8px;}
  body[data-page="systems"] .systems-metric{min-width:calc(50% - 8px);}
  /* planned rows: drop the domain tag on the narrowest width to keep the
     name + status readable without overflow. */
  body[data-page="systems"] .planned-system-row{
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"code name status" "code desc status";
  }
  body[data-page="systems"] .planned-system-domain{display:none;}
}
@media (max-width: 420px){
  body[data-page="systems"] .systems-domain-strip-grid{grid-template-columns:1fr;}
  body[data-page="systems"] .systems-metric{min-width:100%;}
  body[data-page="systems"] .directory-desc{-webkit-line-clamp:2;}
}

/* DGRID workstation adapter — loaded last so the systems page keeps one
   fixed desktop canvas after KGRID's flowing-page safety rules. The only
   scroll owner is the full directory, which contains every registry item. */
html:has(body[data-page="systems"]){height:100vh;overflow:hidden;}
body[data-page="systems"]{
  min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
  grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
}
body[data-page="systems"] > header.site{grid-row:1;min-height:0;position:relative;overflow:visible;}
body[data-page="systems"] > .wrap{grid-row:2;width:100%;max-width:none;min-height:0;padding:0 18px;display:flex;flex-direction:column;}
body[data-page="systems"] .context-bar{flex:0 0 52px;min-height:0;overflow:hidden;}
body[data-page="systems"] .route-context{min-height:0;padding:4px 6px;overflow:hidden;}
body[data-page="systems"] main.content-field{
  min-height:0;flex:1;width:100%;max-width:none;margin:0;padding:0 0 8px;
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr)) !important;grid-template-rows:minmax(0,1fr) !important;
  gap:var(--aenet-space-2);overflow:hidden;
}
body[data-page="systems"] main.content-field > .page-head{
  grid-column:1 / 4 !important;grid-row:1 !important;min-width:0;min-height:0;margin:0;padding:16px 14px;
  border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;
}
body[data-page="systems"] main.content-field > .page-head h1{font-size:28px;line-height:1.2;}
body[data-page="systems"] main.content-field > .page-head .lede{font-size:12px;line-height:1.4;}
body[data-page="systems"] .systems-header-metrics{gap:6px;margin:12px 0 4px;}
body[data-page="systems"] .systems-metric{min-width:0;flex:1;padding:7px 8px;border-radius:4px;}
body[data-page="systems"] .systems-metric b{font-size:18px;}
body[data-page="systems"] .systems-metric small{font-size:8px;letter-spacing:.08em;}
body[data-page="systems"] .systems-map-contract{margin-top:10px;padding:7px;font-size:9px;}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace{
  grid-column:4 / 13 !important;grid-row:1 !important;min-width:0;min-height:0;
  display:grid;grid-template-rows:minmax(108px,auto) minmax(150px,auto) minmax(0,1fr) minmax(82px,auto) minmax(46px,auto);
  gap:var(--aenet-space-2);padding:0 4px 0 0;overflow:hidden;
}
body[data-page="systems"] .systems-domain-strip,
body[data-page="systems"] .systems-featured,
body[data-page="systems"] .systems-directory,
body[data-page="systems"] .rgbm-legend,
body[data-page="systems"] .layer-boundary{min-width:0;min-height:0;overflow:hidden;}
body[data-page="systems"] .systems-domain-strip{padding:8px 10px 9px;}
body[data-page="systems"] .systems-section-head{margin-bottom:6px;gap:4px 10px;}
body[data-page="systems"] .systems-section-head .muted{font-size:10px;line-height:1.2;}
body[data-page="systems"] .systems-domain-strip-grid{gap:5px;}
body[data-page="systems"] .domain-summary-card{padding:6px 8px 6px 9px;gap:2px;border-radius:4px;}
body[data-page="systems"] .domain-summary-name{font-size:11px;}
body[data-page="systems"] .domain-summary-counts{font-size:9px;gap:2px 6px;}
body[data-page="systems"] .systems-featured{padding:0;}
body[data-page="systems"] .systems-featured-grid{gap:6px;}
body[data-page="systems"] .featured-system-card{gap:5px;padding:7px 8px;border-radius:4px;}
body[data-page="systems"] .featured-system-icon{width:24px;height:24px;border-radius:4px;}
body[data-page="systems"] .featured-system-name{font-size:12px;}
body[data-page="systems"] .featured-system-purpose{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:3px 0 0;font-size:10px;line-height:1.25;}
body[data-page="systems"] .featured-system-foot{padding-top:5px;gap:3px;}
body[data-page="systems"] .systems-directory{display:flex;flex-direction:column;padding:0;}
body[data-page="systems"] .systems-directory-grid{flex:1;min-height:0;overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-right:3px;align-content:start;}
body[data-page="systems"] .systems-domain-group{padding:7px;border-radius:4px;}
body[data-page="systems"] .systems-domain-heading{padding-bottom:5px;margin-bottom:5px;gap:2px 6px;}
body[data-page="systems"] .systems-domain-heading h2{font-size:11px;}
body[data-page="systems"] .systems-domain-count{font-size:8px;}
body[data-page="systems"] .systems-domain-heading .domain-view-link{font-size:9px;}
body[data-page="systems"] .systems-directory-list{gap:3px;}
body[data-page="systems"] .systems-directory-item{padding:6px 7px;border-radius:3px;gap:3px 6px;}
body[data-page="systems"] .directory-name{font-size:10px;}
body[data-page="systems"] .directory-code{font-size:8px;margin-bottom:2px;}
body[data-page="systems"] .directory-desc{font-size:8px;line-height:1.15;}
body[data-page="systems"] .directory-actions{font-size:8px;}
body[data-page="systems"] .planned-system-row{padding:5px 6px;gap:3px;font-size:8px;}
body[data-page="systems"] .rgbm-legend{padding:6px 8px;}
body[data-page="systems"] .rgbm-legend .eyebrow{margin:0 0 4px;font-size:9px;}
body[data-page="systems"] .rgbm-legend-grid{gap:4px;}
body[data-page="systems"] .rgbm-legend-item{min-width:0;padding:4px 5px;gap:2px 5px;}
body[data-page="systems"] .rgbm-legend-label,
body[data-page="systems"] .rgbm-legend-desc{font-size:8px;line-height:1.1;}
body[data-page="systems"] .layer-boundary{padding:6px 8px;}
body[data-page="systems"] .layer-boundary p{margin:2px 0 0;font-size:8px;line-height:1.2;}
body[data-page="systems"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
body[data-page="systems"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
body[data-page="systems"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
body[data-page="systems"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

/* Systems photographic matrix — nine coordinate-backed overview cells.
   The image is a single local, public-safe contact sheet. Each cell crops its
   own third so the grid remains semantic, inspectable, and readable. */
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace{
  height:100%;align-self:stretch !important;grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:minmax(258px,.8fr) minmax(112px,.34fr) minmax(0,1fr) minmax(54px,.16fr) minmax(34px,.1fr);
}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace > .systems-domain-strip{grid-column:1 !important;grid-row:1 !important;width:100%;height:100%;}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace > .systems-featured{grid-column:1 !important;grid-row:2 !important;width:100%;height:100%;}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace > .systems-directory{grid-column:1 !important;grid-row:3 !important;width:100%;height:100%;}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace > .rgbm-legend{grid-column:1 !important;grid-row:4 !important;width:100%;height:100%;}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace > .layer-boundary{grid-column:1 !important;grid-row:5 !important;width:100%;height:100%;}
body[data-page="systems"] .systems-domain-strip{display:grid;grid-template-rows:auto minmax(0,1fr);}
body[data-page="systems"] .systems-photo-matrix{
  min-height:0;height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;
}
body[data-page="systems"] .systems-photo-matrix > .domain-summary-card,
body[data-page="systems"] .systems-photo-summary{
  position:relative;isolation:isolate;min-width:0;min-height:0;overflow:hidden;
  border-color:color-mix(in srgb,var(--domain-accent,var(--rgbm-blue)) 46%,var(--line));
  background:rgba(7,12,24,.84);
}
body[data-page="systems"] .systems-photo-matrix > .domain-summary-card > :not(.systems-photo-tile),
body[data-page="systems"] .systems-photo-summary > :not(.systems-photo-tile){position:relative;z-index:1;}
body[data-page="systems"] .systems-photo-tile{
  position:absolute;inset:0;z-index:0;display:block;pointer-events:none;
  background-image:linear-gradient(135deg,rgba(4,9,19,.2),rgba(4,9,19,.84)),url('/assets/images/systems-photo-matrix-v1.png');
  background-size:100% 100%,300% 300%;background-position:center,var(--photo-x,0%) var(--photo-y,0%);background-repeat:no-repeat;
  filter:saturate(.82) contrast(1.08);transition:transform .24s ease,filter .24s ease;
}
body[data-page="systems"] .systems-photo-matrix > .domain-summary-card:hover .systems-photo-tile,
body[data-page="systems"] .systems-photo-matrix > .domain-summary-card:focus-within .systems-photo-tile{transform:scale(1.035);filter:saturate(1) contrast(1.12);}
body[data-page="systems"] .systems-photo-matrix > :nth-child(1){--photo-x:0%;--photo-y:0%;}
body[data-page="systems"] .systems-photo-matrix > :nth-child(2){--photo-x:50%;--photo-y:0%;}
body[data-page="systems"] .systems-photo-matrix > :nth-child(3){--photo-x:100%;--photo-y:0%;}
body[data-page="systems"] .systems-photo-matrix > :nth-child(4){--photo-x:0%;--photo-y:50%;}
body[data-page="systems"] .systems-photo-matrix > :nth-child(5){--photo-x:50%;--photo-y:50%;}
body[data-page="systems"] .systems-photo-matrix > :nth-child(6){--photo-x:100%;--photo-y:50%;}
body[data-page="systems"] .systems-photo-matrix > :nth-child(7){--photo-x:0%;--photo-y:100%;}
body[data-page="systems"] .systems-photo-matrix > :nth-child(8){--photo-x:50%;--photo-y:100%;}
body[data-page="systems"] .systems-photo-matrix > :nth-child(9){--photo-x:100%;--photo-y:100%;}
body[data-page="systems"] .systems-photo-summary{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px 10px;border-radius:4px;
}
body[data-page="systems"] .systems-photo-value{font-family:var(--mono);font-size:20px;line-height:1.05;color:var(--text);}
body[data-page="systems"] .systems-photo-label{margin-top:3px;font-size:10px;font-weight:800;line-height:1.2;color:var(--text);}
body[data-page="systems"] .systems-photo-note{margin-top:3px;font-size:8px;line-height:1.2;color:color-mix(in srgb,var(--text) 74%,transparent);}
body[data-page="systems"] .systems-featured{display:grid;grid-template-rows:auto minmax(0,1fr);}
body[data-page="systems"] .systems-featured-grid{min-height:0;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:minmax(0,1fr);}
body[data-page="systems"] .featured-system-card{min-height:0;overflow:hidden;}
body[data-page="systems"] .featured-system-purpose{-webkit-line-clamp:1;}

/* Systems mega menu — keep all seven registry groups inside one bounded
   desktop surface. Two item columns prevent the infrastructure group from
   pushing later groups below the visible menu frame. */
body[data-page="systems"] .mega-panel-systems{
  position:fixed;top:64px;left:auto;right:12px;
  width:min(1230px,calc(100vw - 24px));
  max-width:none;
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-height:calc(100vh - 72px);
  overflow:hidden;
  transform:translateY(-6px);
}
body[data-page="systems"] .nav-item-menu.is-open > .mega-panel-systems,
body[data-page="systems"] .nav-item-menu:focus-within > .mega-panel-systems{transform:translateY(0);}
body[data-page="systems"] .mega-panel-systems > .mega-group .mega-group-items{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px 4px;
}
body[data-page="systems"] .mega-panel-systems > .mega-group .mega-item{
  padding:3px 4px;font-size:10px;line-height:1.1;
}
body[data-page="systems"] .mega-panel-systems > .mega-group .mega-item-status{font-size:8px;}

/* Domain workstation adapter — fixed shell with a dedicated identity rail
   and one bounded system-list scroll owner. */
html:has(body[data-page="domain"]){height:100vh;overflow:hidden;}
body[data-page="domain"]{
  min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
  grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
}
body[data-page="domain"] > header.site{grid-row:1;min-height:0;position:relative;overflow:visible;}
body[data-page="domain"] > .wrap{grid-row:2;width:100%;max-width:none;min-height:0;padding:0 18px;display:flex;flex-direction:column;}
body[data-page="domain"] .context-bar{flex:0 0 52px;min-height:0;overflow:hidden;}
body[data-page="domain"] .route-context{min-height:0;padding:4px 6px;overflow:hidden;}
body[data-page="domain"] main.content-field{
  min-height:0;flex:1;width:100%;max-width:none;margin:0;padding:0 0 8px;
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr)) !important;grid-template-rows:minmax(0,1fr) !important;
  gap:var(--aenet-space-2);overflow:hidden;
}
body[data-page="domain"] main.content-field > .page-head{
  grid-column:1 / 4 !important;grid-row:1 !important;min-width:0;min-height:0;margin:0;padding:14px;
  border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;
}
body[data-page="domain"] main.content-field > .page-head h1{font-size:28px;line-height:1.2;margin:0 0 8px;}
body[data-page="domain"] main.content-field > .page-head .lede{font-size:12px;line-height:1.4;max-width:none;margin:0 0 12px;}
body[data-page="domain"] .domain-page-anchor{
  align-self:flex-start;margin:0 0 10px;padding:5px 8px;border:1px solid var(--line);border-radius:4px;
  color:var(--insight);font:10px/1 var(--mono);letter-spacing:.08em;white-space:nowrap;
}
body[data-page="domain"] .systems-map-contract{margin-top:0;padding:7px;font-size:9px;}
body[data-page="domain"] .domain-workspace{
  grid-column:4 / 13 !important;grid-row:1 !important;min-width:0;min-height:0;width:100%;height:100%;
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;gap:8px;overflow:hidden;
}
body[data-page="domain"] .domain-section{min-width:0;min-height:0;margin:0;padding:8px;border:1px solid var(--line);border-radius:6px;background:rgba(16,26,46,.5);overflow:hidden;}
body[data-page="domain"] .domain-section h2{margin:0 0 6px;padding:0 34px 5px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.2;}
body[data-page="domain"] .domain-section:first-child{display:flex;flex-direction:column;}
body[data-page="domain"] .domain-system-list{min-height:0;flex:1;overflow:auto;border-radius:4px;}
body[data-page="domain"] .domain-system-row{min-width:0;padding:7px 9px;gap:10px;align-items:center;}
body[data-page="domain"] .domain-system-row-main{min-width:0;flex:1;overflow:hidden;}
body[data-page="domain"] .domain-system-row h3{margin:2px 0 3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body[data-page="domain"] .domain-system-summary{font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body[data-page="domain"] .domain-system-row-meta{gap:7px;font-size:9px;white-space:nowrap;}
body[data-page="domain"] .domain-capabilities{gap:4px;max-height:36px;overflow:auto;}
body[data-page="domain"] .domain-capabilities .tag{font-size:9px;padding:3px 5px;}
body[data-page="domain"] .domain-links{padding:8px;}
body[data-page="domain"] .domain-links p{margin:3px 0;font-size:10px;line-height:1.2;}
body[data-page="domain"] .domain-links .home-link-row{gap:5px;margin:4px 0 0;}
body[data-page="domain"] .domain-links .btn{padding:4px 6px;font-size:9px;}
body[data-page="domain"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
body[data-page="domain"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
body[data-page="domain"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
body[data-page="domain"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

/* Domain coordinates: all page sections and system rows expose their KGRID
   slot directly in the fixed surface. */
body[data-page="domain"] main [data-kgrid][data-kgrid-slot]:not(.domain-page-anchor):not(.domain-workspace)::after{
  content:attr(data-kgrid-slot) !important;position:absolute;top:4px;right:4px;z-index:4;
  display:block !important;visibility:visible !important;min-width:24px;padding:2px 4px;
  border:1px solid color-mix(in srgb,var(--rgbm-blue) 55%,var(--line));border-radius:3px;background:rgba(5,10,20,.88);
  color:var(--rgbm-cyan);font:700 7px/1 var(--mono);letter-spacing:.06em;text-align:center;white-space:nowrap;pointer-events:none;
}
body[data-page="domain"] .domain-system-row::after{top:auto !important;bottom:4px;}
body[data-page="domain"] .domain-system-row{position:relative;padding-right:40px;}
body[data-page="domain"] .domain-section{position:relative;}
body[data-page="domain"] .domain-section h2{padding-right:36px;}
body[data-page="domain"] .domain-workspace > .domain-section:last-child{padding-right:38px;}
body[data-page="domain"] .domain-page-anchor{position:relative;}

/* Keep the shared Systems mega-menu aligned on domain pages too. */
body[data-page="domain"] .mega-panel-systems{width:min(1230px,calc(100vw - 24px));max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(100vh - 72px);overflow:hidden;}
body[data-page="domain"] .mega-panel-systems > .mega-group .mega-group-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px;}
body[data-page="domain"] .mega-panel-systems > .mega-group .mega-item{padding:3px 4px;font-size:10px;line-height:1.1;}
body[data-page="domain"] .mega-panel-systems > .mega-group .mega-item-status{font-size:8px;}

/* Full-width Systems canvas. A02/D00 is carried by the compact identity rail
   in the header, so the registry workspace no longer loses a permanent
   three-column sidebar. */
body[data-page="systems"] main.content-field{
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:minmax(104px,auto) minmax(0,1fr) !important;
}
body[data-page="systems"] main.content-field > .page-head{
  grid-column:1 !important;grid-row:1 !important;
  min-height:0;height:100%;padding:8px 14px;
  display:grid;grid-template-columns:minmax(190px,.32fr) minmax(0,1fr) auto;
  grid-template-rows:minmax(0,1fr) auto;
  grid-template-areas:"title lede anchor" "metrics metrics contract";
  align-items:center;gap:4px 14px;
}
body[data-page="systems"] .systems-header-title{grid-area:title;min-width:0;}
body[data-page="systems"] .systems-header-title .eyebrow{margin:0 0 3px;}
body[data-page="systems"] .systems-header-title h1{margin:0;font-size:24px !important;line-height:1.1 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body[data-page="systems"] .systems-header > .lede{grid-area:lede;min-width:0;margin:0;max-width:none;font-size:11px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
body[data-page="systems"] .systems-page-anchor{
  grid-area:anchor;align-self:start;justify-self:end;padding:5px 8px;border:1px solid var(--line);border-radius:4px;
  color:var(--insight);font:10px/1 var(--mono);letter-spacing:.08em;white-space:nowrap;
}
body[data-page="systems"] .systems-header-metrics{grid-area:metrics;margin:0;gap:5px;flex-wrap:nowrap;min-width:0;}
body[data-page="systems"] .systems-map-contract{grid-area:contract;margin:0;padding:5px 7px;font-size:8px;white-space:nowrap;}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace{
  grid-column:1 !important;grid-row:2 !important;width:100%;
}

/* Unified visible KGRID layer. Every Systems section, domain, featured card,
   registry group, and system row already owns a semantic slot; this adapter
   makes those coordinates directly visible instead of leaving them only in
   the DOM contract. A02 and C02 remain explicit in the identity rail. */
body[data-page="systems"] main [data-kgrid][data-kgrid-slot]:not(.systems-page-anchor):not(.systems-workspace)::after{
  content:attr(data-kgrid-slot) !important;
  position:absolute;top:4px;right:4px;z-index:4;
  display:block !important;visibility:visible !important;
  min-width:24px;padding:2px 4px;border:1px solid color-mix(in srgb,var(--rgbm-blue) 55%,var(--line));border-radius:3px;
  background:rgba(5,10,20,.88);color:var(--rgbm-cyan);
  font:700 7px/1 var(--mono);letter-spacing:.06em;text-align:center;white-space:nowrap;
  pointer-events:none;
}
body[data-page="systems"] .systems-header,
body[data-page="systems"] .systems-map-contract,
body[data-page="systems"] .systems-domain-strip,
body[data-page="systems"] .systems-featured,
body[data-page="systems"] .systems-directory,
body[data-page="systems"] .rgbm-legend,
body[data-page="systems"] .layer-boundary{position:relative;}
body[data-page="systems"] .systems-section-head{padding-right:36px;}
body[data-page="systems"] .systems-map-contract{padding-right:38px;}
body[data-page="systems"] .domain-summary-card,
body[data-page="systems"] .featured-system-card{padding-right:38px;}
body[data-page="systems"] .systems-domain-group::after,
body[data-page="systems"] .systems-directory-item::after,
body[data-page="systems"] .planned-system-row::after{top:auto !important;bottom:3px;}
body[data-page="systems"] .systems-domain-group{padding-bottom:22px;}
body[data-page="systems"] .systems-directory-item,
body[data-page="systems"] .planned-system-row{padding-right:40px;}

/* Systems zone refresh — the atlas is a stable left-hand reference rail;
   the featured systems and complete registry share the larger right-hand
   workspace. This keeps the directory readable without introducing another
   page scroll owner or a second data source. */
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace{
  display:grid !important;
  grid-template-columns:minmax(330px,.42fr) minmax(0,.58fr) !important;
  grid-template-rows:minmax(112px,auto) minmax(0,1fr) minmax(48px,auto) minmax(34px,auto) !important;
  gap:8px;
  padding:0 4px 0 0;
}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace > .systems-domain-strip{
  grid-column:1 !important;
  grid-row:1 / 3 !important;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  padding:8px 10px;
}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace > .systems-featured{
  grid-column:2 !important;
  grid-row:1 !important;
  padding:0;
}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace > .systems-directory{
  grid-column:2 !important;
  grid-row:2 / 5 !important;
  min-height:0;
}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace > .rgbm-legend{
  grid-column:1 !important;
  grid-row:3 !important;
  padding:6px 8px;
}
body[data-page="systems"] .systems-workspace.rgbm-systems-workspace > .layer-boundary{
  grid-column:1 !important;
  grid-row:4 !important;
  padding:6px 8px;
}
body[data-page="systems"] .systems-featured-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
}
body[data-page="systems"] .systems-directory-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:max-content;
  align-content:start;
  align-items:start;
  gap:6px;
}
body[data-page="systems"] .systems-domain-group{height:max-content;align-self:start;}
body[data-page="systems"] .systems-directory .systems-section-head,
body[data-page="systems"] .systems-featured .systems-section-head{margin-bottom:5px;}
body[data-page="systems"] .systems-domain-strip .systems-section-head{margin-bottom:6px;}