/*
 * nexus-governance front end, on the Nexus Foundry UI/UX kit (assets/kit/nexus-kit.css, an unmodified copy): every
 * root is a kit region (.nxn, data-theme="auto") that follows the estate theme's <html data-theme> switch through
 * assets/kit/kit-bridge.css. Components are kit classes (nf-ui-*); this file only lays them out and reads the kit's
 * --nx-* tokens. Logical properties only (RTL). 5px corners, 4px chips, no pills, gradients, glows or shadows. States
 * are a 6px dot with text. Phone at 40em, tablet at 64em; no horizontal page scroll.
 */
.nxn.nxg:not(#nx-shield):not(#nx-shield) {
  /* 1.15.0: the kit's blue accent, focus and info are rebound to the estate accent (set by the estate theme per network
     and mode), or to ink where no estate theme sets one. !important because the kit and its bridge set these tokens on
     the same element with mode selectors of higher specificity; a custom property marked important wins over them. */
  --nx-accent: var(--nxi-accent, var(--nx-text-primary)) !important;
  --nx-accent-strong: var(--nxi-strong, var(--nx-text-primary)) !important;
  --nx-accent-soft: var(--nxi-accent-soft, var(--nx-bg-muted)) !important;
  --nx-accent-glow: transparent !important;
  --nx-focus: var(--nxi-accent, var(--nx-text-primary)) !important;
  --nx-info: var(--nx-text-secondary) !important;
  --nx-info-soft: var(--nx-bg-muted) !important;
  --nx-shadow-glow: none !important;
  --nxg-text: var(--nx-text-primary);
  --nxg-text-2: var(--nx-text-secondary);
  --nxg-muted: var(--nx-text-muted);
  --nxg-line: var(--nx-border-hairline);
  --nxg-line-2: var(--nx-border-hairline-strong);
  --nxg-surface: var(--nx-bg-surface);
  --nxg-elevated: var(--nx-bg-elevated);
  --nxg-radius: var(--nx-radius-md);
  display: grid;
  gap: var(--nx-space-6);
  margin-block: 1.5rem;
  color: var(--nxg-text-2);
  font: 400 .875rem/1.5 var(--nx-font-sans);
  min-inline-size: 0;
}
/* The same rebinding on every kit region nested in a governance region, and on the drawers (their own .nxn root). */
.nxg .nxn:not(#nx-shield):not(#nx-shield), .nxn.nxa-drawer-root:not(#nx-shield):not(#nx-shield) {
  --nx-accent: var(--nxi-accent, var(--nx-text-primary)) !important;
  --nx-accent-strong: var(--nxi-strong, var(--nx-text-primary)) !important;
  --nx-accent-soft: var(--nxi-accent-soft, var(--nx-bg-muted)) !important;
  --nx-accent-glow: transparent !important;
  --nx-focus: var(--nxi-accent, var(--nx-text-primary)) !important;
  --nx-info: var(--nx-text-secondary) !important;
  --nx-info-soft: var(--nx-bg-muted) !important;
  --nx-shadow-glow: none !important;
}
/* A top-level region carries its own surface, so its kit colours read on any theme (a light theme under a dark system
   setting included). Inside the estate frame, the dashboard or the account hub, it sits flush. */
.nxn.nxg:not(.nxn .nxg):not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-canvas); padding: clamp(.75rem, 2.5vw, 1.5rem); border-radius: var(--nxg-radius); }
.nxn.nxg > *:not(#nx-shield):not(#nx-shield), .nxg [data-nxg-dash-app]:not(#nx-shield):not(#nx-shield), .nxg [role="tabpanel"]:not(#nx-shield):not(#nx-shield), .nxg .nxg-card:not(#nx-shield):not(#nx-shield), .nxg .nxg-grid > *:not(#nx-shield):not(#nx-shield), .nxg .nxg-dash__layout > *:not(#nx-shield):not(#nx-shield) { min-inline-size: 0; }
.nxn.nxg :where(p, ul, ol, dl, h2, h3, h4):not(#nx-shield):not(#nx-shield) { margin: 0; }
.nxn.nxg :where(p, li, dt, dd, td, th, label, legend, summary, figcaption, blockquote):not(#nx-shield):not(#nx-shield) { color: inherit; }
.nxg .nxg-h2:not(#nx-shield):not(#nx-shield), .nxg .nxg-h3:not(#nx-shield):not(#nx-shield), .nxg .nxg-h4:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); }
/* 1.10.0: a theme never styles our controls. On BuddyPress sites the governance hub sits inside the theme's
   #buddypress.buddypress-wrap, whose rules box every button and field (`.buddypress .buddypress-wrap button` and the like).
   The served copy of this file is shielded (scripts/shield-css.mjs: every selector +2 id-levels), so these resets beat
   any theme rule with fewer ids. They clear what a theme adds to a bare control and are :where()-light, so every
   component rule below, and the kit's own controls (excluded here), still win. */
.nxg :where(button, input[type="button"], input[type="submit"], input[type="reset"], a.button):where(:not(.nf-ui-btn, .nxn-btn, .nxn-button, .nx-btn, .nx-seg__btn, .nx-switch, .nx-check, .nx-radio, .nf-ui-segment > button, .nxn-segment > button)):not(#nx-shield):not(#nx-shield) {
  appearance: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
  color: inherit; font: inherit; letter-spacing: inherit; line-height: inherit; text-align: inherit; text-decoration: none;
  text-transform: none; text-shadow: none; min-block-size: 0; min-inline-size: 0; inline-size: auto; cursor: pointer;
}
.nxg :where(input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), select, textarea):not(#nx-shield):not(#nx-shield) {
  min-block-size: 0; box-shadow: none; text-transform: none; letter-spacing: inherit; text-align: start; margin: 0;
}
.nxg :where(a:not(.nf-ui-btn, .nxn-btn, .nx-btn, .button)):not(#nx-shield):not(#nx-shield) { box-shadow: none; text-transform: none; }
.nxg :where(button, a, input, select, textarea, summary):focus:not(:focus-visible):not(#nx-shield):not(#nx-shield) { outline: none; box-shadow: none; }
.nxg :where(input[type="checkbox"], input[type="radio"]):not(#nx-shield):not(#nx-shield) { font-size: inherit; text-align: start; }
/* 1.10.x (ACCOUNT): tabs and segmented controls hold their look against any theme or plugin rule, !important ones
   included (some load only for signed-in members and administrators). Tabs: no box, the underline marks the current one.
   Segments: one framed group, the current segment filled with the primary pair. Every mode: the hub, Control centre,
   the calendar. */
.nxg :is(.nxg-tab, .nf-ui-tab, .nxg-menu__item, .nxg-cal__open, .nxg-cal__link):not(#nx-shield):not(#nx-shield) { border-width: 0 !important; border-style: none !important; background-image: none !important; box-shadow: none !important; border-radius: 0 !important; text-transform: none !important; letter-spacing: normal !important; }
.nxg :is(.nxg-tab, .nf-ui-tab, .nxg-cal__open, .nxg-cal__link):not(:hover):not(#nx-shield):not(#nx-shield) { background-color: transparent !important; }
.nxg :is(.nxg-tab, .nf-ui-tab):hover:not(#nx-shield):not(#nx-shield) { background-color: var(--nx-bg-hover) !important; }
.nxg :is(.nf-ui-tabs, .nxg-tabbar):not(#nx-shield):not(#nx-shield) { box-shadow: none !important; background-image: none !important; }
.nxn .nf-ui-segment > button:not(#nx-shield):not(#nx-shield), .nxn .nxn-segment > button:not(#nx-shield):not(#nx-shield) { border-width: 0 !important; box-shadow: none !important; background-image: none !important; text-transform: none !important; letter-spacing: normal !important; }
.nxn .nf-ui-segment > button:not([aria-pressed="true"], [aria-checked="true"], [data-active="true"]):not(#nx-shield):not(#nx-shield), .nxn .nxn-segment > button:not([aria-pressed="true"], [aria-checked="true"], [data-active="true"]):not(#nx-shield):not(#nx-shield) { background-color: transparent !important; color: var(--nx-text-muted) !important; }
.nxn .nf-ui-segment > button:is([aria-pressed="true"], [aria-checked="true"], [data-active="true"]):not(#nx-shield):not(#nx-shield), .nxn .nxn-segment > button:is([aria-pressed="true"], [aria-checked="true"], [data-active="true"]):not(#nx-shield):not(#nx-shield) { background-color: var(--nx-primary-bg) !important; color: var(--nx-primary-ink) !important; }
.nxn :is(a, button).nf-ui-btn[data-variant="primary"]:not(#nx-shield):not(#nx-shield) { color: var(--nx-primary-ink) !important; }
/* 1.10.3 (ACCOUNT, INFORMATION_ARCHITECTURE 4): a filter is one framed segmented control. The frame is the group's; the
   buttons inside are never boxed by a theme rule (bp-nouveau draws every button in the wrap with its own border). */
.nxg .nx-seg:not(#nx-shield):not(#nx-shield) { border: 1px solid var(--_line) !important; border-radius: var(--_r) !important; box-shadow: none !important; background-image: none !important; }
.nxg .nx-seg > .nx-seg__btn:not(#nx-shield):not(#nx-shield) { border-width: 0 !important; border-inline-start: 1px solid var(--_line) !important; border-radius: 0 !important; box-shadow: none !important; background-image: none !important; text-transform: none !important; letter-spacing: normal !important; }
.nxg .nx-seg > .nx-seg__btn:first-child:not(#nx-shield):not(#nx-shield) { border-inline-start-width: 0 !important; }
.nxg .nx-seg > .nx-seg__btn:not([aria-pressed="true"], [aria-selected="true"], .is-active):not(:hover):not(#nx-shield):not(#nx-shield) { background-color: transparent !important; color: var(--_ink) !important; }
.nxg .nx-seg > .nx-seg__btn:is([aria-pressed="true"], [aria-selected="true"], .is-active):not(#nx-shield):not(#nx-shield) { background-color: var(--_ink) !important; color: var(--_canvas) !important; }
.nxg .nx-seg > .nx-seg__btn:is([aria-pressed="true"], [aria-selected="true"], .is-active) .nxg-meta:not(#nx-shield):not(#nx-shield) { color: inherit !important; }
.nxg table a:where(:not([class*="btn"], [class*="button"], [role="button"], [role="tab"], [data-variant])):not(#nx-shield):not(#nx-shield) { color: var(--nxg-text) !important; } /* the theme sets table links with !important */
.nxg table a.nf-ui-btn[data-variant="primary"]:not(#nx-shield):not(#nx-shield) { color: var(--nx-primary-ink, var(--nx-bg-surface)) !important; }
.nxg table a:is(.nxg-btn, .nf-ui-btn):not(.nxg-btn--p, [data-variant="primary"], [data-variant="danger"]):not(#nx-shield):not(#nx-shield) { color: var(--nxg-text) !important; } /* secondary buttons drawn as links in a table keep the body ink, not the theme table-link colour */
.nxg .nxg-head:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1rem; }
.nxg .nxg-head > div:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; }
.nxg .nxg-lede:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text-2); font-size: .9375rem; max-inline-size: 72ch; }
.nxg .nxg-muted:not(#nx-shield):not(#nx-shield) { color: var(--nxg-muted); font-size: .8125rem; }
.nxg .nxg-mono:not(#nx-shield):not(#nx-shield) { font-variant-numeric: tabular-nums; }
.nxg .nxg-note:not(#nx-shield):not(#nx-shield), .nxg .nxg-boundary:not(#nx-shield):not(#nx-shield) { flex-wrap: wrap; max-inline-size: 80ch; }
.nxg .nxg-boundary p:not(#nx-shield):not(#nx-shield) { margin-block: .125rem; }
.nxg .nxg-empty:not(#nx-shield):not(#nx-shield) { display: grid; justify-items: center; gap: .5rem; padding: 1.5rem 1rem; text-align: center; border: 1px dashed var(--nxg-line-2); border-radius: var(--nxg-radius); color: var(--nxg-text-2); }

/* facts (definition rows) */
.nxg .nxg-facts:not(#nx-shield):not(#nx-shield) { display: grid; }
.nxg .nxg-fact:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: minmax(8rem, 14rem) minmax(0, 1fr); gap: 1rem; padding-block: .625rem; border-block-end: 1px solid var(--nxg-line); }
.nxg .nxg-fact:last-child:not(#nx-shield):not(#nx-shield) { border-block-end: 0; }
.nxg .nxg-facts dt:not(#nx-shield):not(#nx-shield) { color: var(--nxg-muted); font-size: .8125rem; }
.nxg .nxg-facts dd:not(#nx-shield):not(#nx-shield) { margin: 0; color: var(--nxg-text); overflow-wrap: anywhere; }

/* status */
.nxg .nxg-state:not(#nx-shield):not(#nx-shield), .nxg .nxg-status:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: .5rem; font-size: .8125rem; color: var(--nxg-text-2); }
.nxn.nxg .nf-ui-dot:not(#nx-shield):not(#nx-shield) { display: inline-block; inline-size: 6px; block-size: 6px; border-radius: 2px; flex: none; background: var(--nxg-muted); }
.nxn.nxg .nf-ui-dot[data-tone="positive"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-positive); }
.nxn.nxg .nf-ui-dot[data-tone="caution"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-caution); }
.nxn.nxg .nf-ui-dot[data-tone="critical"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-critical); }
.nxn.nxg .nf-ui-dot[data-tone="info"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-info); }

/* lists */
.nxg .nxg-list:not(#nx-shield):not(#nx-shield), .nxg .nxg-rows:not(#nx-shield):not(#nx-shield) { list-style: none; padding: 0; margin: 0; border-block-start: 1px solid var(--nxg-line); }
.nxg .nxg-list > li:not(#nx-shield):not(#nx-shield), .nxg .nxg-rows > li:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .5rem 1rem; padding-block: .75rem; border-block-end: 1px solid var(--nxg-line); }
.nxg .nxg-row__main:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; min-inline-size: 0; flex: 1 1 14rem; }
.nxg .nxg-row__main strong:not(#nx-shield):not(#nx-shield), .nxg .nxg-row__main a:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); font-weight: 500; }
.nxg .nxg-row__end:not(#nx-shield):not(#nx-shield) { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.nxg .nxg-steps:not(#nx-shield):not(#nx-shield) { list-style: none; padding: 0; margin: 0; counter-reset: nxg-step; }
.nxg .nxg-steps li:not(#nx-shield):not(#nx-shield) { display: flex; gap: .75rem; align-items: baseline; padding-block: .5rem; border-block-end: 1px solid var(--nxg-line); counter-increment: nxg-step; }
.nxg .nxg-steps li:not(#nx-shield):not(#nx-shield)::before { content: counter(nxg-step); font: 500 .6875rem/1.2 var(--nx-font-mono); letter-spacing: .16em; color: var(--nxg-muted); min-inline-size: 1.25rem; }

/* cards */
.nxg .nxg-card:not(#nx-shield):not(#nx-shield) { padding: 1rem 1.125rem; display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; }
.nxg .nxg-cards:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: .75rem; }
.nxg .nxg-grid:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(22rem, 100%), 1fr)); gap: .75rem; }
.nxg .nxg-grid > .nxg-wide:not(#nx-shield):not(#nx-shield) { grid-column: 1 / -1; }
.nxg .nxg-dissent:not(#nx-shield):not(#nx-shield) { margin: 0; padding: .75rem 1rem; border: 1px solid var(--nxg-line); border-radius: var(--nxg-radius); background: var(--nxg-elevated); color: var(--nxg-text-2); }
.nxg .nxg-dissent footer:not(#nx-shield):not(#nx-shield) { font: 400 .75rem/1.4 var(--nx-font-mono); color: var(--nxg-muted); }
.nxg .nxg-text:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); font-size: .9375rem; }
.nxg .nxg-hash:not(#nx-shield):not(#nx-shield) { font: 400 .75rem/1.4 var(--nx-font-mono); color: var(--nxg-muted); overflow-wrap: anywhere; }
.nxg .nxg-details summary:not(#nx-shield):not(#nx-shield) { list-style: none; cursor: pointer; display: inline-flex; align-items: center; min-block-size: 1.875rem; padding-inline: .625rem; border-radius: var(--nxg-radius); color: var(--nxg-text-2); font-size: .8125rem; }
.nxg .nxg-details summary:not(#nx-shield):not(#nx-shield)::-webkit-details-marker { display: none; }

/* tables (DataTable) */
.nxg .nxg-table-wrap:not(#nx-shield):not(#nx-shield) { border: 1px solid var(--nxg-line); border-radius: var(--nxg-radius); overflow-x: auto; }
.nxg .nxg-table:not(#nx-shield):not(#nx-shield) { border-collapse: collapse; inline-size: 100%; font-size: .875rem; }
.nxg .nxg-table th:not(#nx-shield):not(#nx-shield), .nxg .nxg-table td:not(#nx-shield):not(#nx-shield) { padding: .625rem .75rem; border-block-end: 1px solid var(--nxg-line); text-align: start; vertical-align: top; background: var(--nxg-surface); color: var(--nxg-text-2); }
.nxg .nxg-table tbody tr:last-child > *:not(#nx-shield):not(#nx-shield) { border-block-end: 0; }
.nxg .nxg-table thead th:not(#nx-shield):not(#nx-shield) { font: 500 .6875rem/1.2 var(--nx-font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--nxg-muted); background: var(--nx-bg-muted); }
.nxg .nxg-table tbody tr:hover > *:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); }
.nxg .nxg-table td:first-child a:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); font-weight: 500; }
.nxg .nxg-matrix td:not(#nx-shield):not(#nx-shield) { text-align: center; color: var(--nxg-muted); font-family: var(--nx-font-mono); }
.nxg .nxg-matrix .nxg-decider:not(#nx-shield):not(#nx-shield) { font-weight: 600; color: var(--nxg-text); }
.nxg .nxg-matrix .nxg-focus:not(#nx-shield):not(#nx-shield) { background: var(--nx-accent-soft); }

/* links and focus */
/* 1.10.x (ACCOUNT): links only; a button drawn as a link keeps its own ink (the role dashboards, the Control centre). */
.nxg a:where(:not([class*="btn"], [class*="button"], [role="button"], [role="tab"], [data-variant])):not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); text-decoration: none; }
.nxg a:where(:not([class*="btn"], [class*="button"], [role="button"], [role="tab"], [data-variant])):hover:not(#nx-shield):not(#nx-shield) { text-decoration: underline; text-underline-offset: .2em; }
.nxg p a:not(.nx-btn):not(#nx-shield):not(#nx-shield), .nxg .nxg-lede a:not(#nx-shield):not(#nx-shield) { text-decoration: underline; text-underline-offset: .2em; }
.nxg a:focus-visible:not(#nx-shield):not(#nx-shield), .nxg button:focus-visible:not(#nx-shield):not(#nx-shield), .nxg summary:focus-visible:not(#nx-shield):not(#nx-shield), .nxg [tabindex]:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: 2px; }

/* forms */
.nxg .nxg-form:not(#nx-shield):not(#nx-shield) { display: grid; gap: .75rem; max-inline-size: 30rem; padding: 1rem; border: 1px solid var(--nxg-line-2); border-radius: var(--nxg-radius); background: var(--nxg-elevated); }
.nxg .nxg-field:not(#nx-shield):not(#nx-shield) { display: grid; gap: .375rem; }
.nxg .nxg-field label:not(#nx-shield):not(#nx-shield) { display: grid; gap: .375rem; }
.nxg textarea.nf-ui-field:not(#nx-shield):not(#nx-shield) { min-block-size: 5rem; padding-block: .5rem; resize: vertical; line-height: 1.5; }
.nxg input[type="checkbox"]:not(#nx-shield):not(#nx-shield) { inline-size: 24px; block-size: 24px; accent-color: var(--nxg-text); }
.nxg .nxg-msg:not(#nx-shield):not(#nx-shield) { font-size: .8125rem; color: var(--nxg-text-2); min-block-size: 1.25em; }
.nxg .nxg-actions:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }

/* tabs */

/* metrics */
.nxn.nxg .pp-cells.nxg-metrics:not(#nx-shield):not(#nx-shield) { grid-template-columns: repeat(auto-fit, minmax(min(9.5rem, 100%), 1fr)); border-radius: var(--nxg-radius); overflow: hidden; margin: 0; }
.nxg .nxg-metric:not(#nx-shield):not(#nx-shield) { display: flex; flex-direction: column; gap: .375rem; padding: .875rem 1rem; background: var(--nxg-surface); margin: 0; }
.nxg .nxg-metric dd:not(#nx-shield):not(#nx-shield) { margin: 0; font: 500 1.75rem/1 var(--nx-font-mono); font-variant-numeric: tabular-nums lining-nums; color: var(--nxg-text); }
.nxg .nxg-metric dt:not(#nx-shield):not(#nx-shield) { font: 500 .6875rem/1.2 var(--nx-font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--nxg-muted); }

/* dashboard */
.nxg-dash:not(#nx-shield):not(#nx-shield) { --nxg-dash-gap: 1rem; }
.nxg-dash .nxg-dash__layout:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr)); gap: var(--nxg-dash-gap); align-items: start; }
.nxg-dash .nxg-dash__side:not(#nx-shield):not(#nx-shield) { display: grid; gap: var(--nxg-dash-gap); }
.nxg-dash .nxg-due:not(#nx-shield):not(#nx-shield) { font: 400 .75rem/1.4 var(--nx-font-mono); color: var(--nxg-muted); }
.nxg-dash .nxg-due[data-overdue="true"]:not(#nx-shield):not(#nx-shield) { color: var(--nx-critical); }
.nxg .nxg-date:not(#nx-shield):not(#nx-shield) { display: grid; place-items: center; min-inline-size: 3rem; padding: .25rem .375rem; border: 1px solid var(--nxg-line); border-radius: var(--nxg-radius); font: 500 .75rem/1.2 var(--nx-font-mono); color: var(--nxg-text); text-align: center; }
.nxg .nxg-date b:not(#nx-shield):not(#nx-shield) { font-size: 1.125rem; font-weight: 500; }
.nxg .nxg-cal > li:not(#nx-shield):not(#nx-shield) { justify-content: flex-start; flex-wrap: nowrap; }
.nxg .nxg-feed > li:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; justify-content: stretch; }
.nxg .nxg-support:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: .5rem; }
.nxg .nxg-copy:not(#nx-shield):not(#nx-shield) { display: flex; gap: .5rem; align-items: center; }
.nxg .nxg-actions > .nf-ui-field:not(#nx-shield):not(#nx-shield) { flex: 1 1 12rem; inline-size: auto; }
.nxg .nxg-copy input:not(#nx-shield):not(#nx-shield) { flex: 1 1 auto; min-inline-size: 0; font-family: var(--nx-font-mono); font-size: .75rem; }
.nxg .nxg-sr:not(#nx-shield):not(#nx-shield) { position: absolute !important; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Loading dims a placeholder, never the overview the server printed in full (1.10.0). */
.nxg [aria-busy="true"]:not(:has([data-nxg-ov])):not(#nx-shield):not(#nx-shield) { opacity: .7; }

@media (max-width: 63.99em) {
  .nxg .nxg-grid:not(#nx-shield):not(#nx-shield), .nxg-dash .nxg-dash__layout:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 40em) {
  .nxg .nxg-fact:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); gap: .125rem; }
  .nxg .nxg-actions .nx-btn:not(#nx-shield):not(#nx-shield) { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) { .nxg *:not(#nx-shield):not(#nx-shield) { transition: none !important; animation: none !important; } }
@media (forced-colors: active) {
  .nxn.nxg .nf-ui-dot:not(#nx-shield):not(#nx-shield) { forced-color-adjust: none; background: CanvasText; }
}

/* calendar */
.nxg-cal:not(#nx-shield):not(#nx-shield) { --nxg-cal-cell: 6.5rem; }
.nxg-cal .nxg-cal__bar:not(#nx-shield):not(#nx-shield) { display: grid; gap: .5rem; }
.nxg-cal .nxg-cal__row:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; }
.nxg-cal .nxg-cal__nav:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: .25rem; margin-inline-start: auto; }
.nxg-cal .nxg-cal__title:not(#nx-shield):not(#nx-shield) { margin-inline-start: .5rem; }
.nxg-cal .nxg-cal__filters > .nf-ui-field:not(#nx-shield):not(#nx-shield) { inline-size: auto; flex: 0 1 12rem; }
.nxg-cal .nxg-cal__jur:not(#nx-shield):not(#nx-shield) { flex-basis: 8rem !important; text-transform: uppercase; }
.nxg-cal .nxg-cal__chips:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .375rem; }
.nxg .nxg-chip:not(#nx-shield):not(#nx-shield) { cursor: pointer; min-block-size: 1.875rem; background: transparent; color: var(--nxg-text-2); }
.nxg .nxg-chip[aria-pressed="true"]:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); border-color: var(--nxg-text); }
.nxg-cal .nxg-cal__link:not(#nx-shield):not(#nx-shield) { all: unset; cursor: pointer; color: var(--nxg-text); font-weight: 500; overflow-wrap: anywhere; }
.nxg-cal .nxg-cal__link:hover:not(#nx-shield):not(#nx-shield) { text-decoration: underline; text-underline-offset: .2em; }
.nxg-cal .nxg-cal__link:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: 2px; }
.nxg-cal .nxg-cal__day:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; margin-block-start: .75rem; }
.nxg-cal .nxg-cal__dayhead:not(#nx-shield):not(#nx-shield) { display: flex; justify-content: space-between; gap: 1rem; margin: 0; }
.nxg-cal .nxg-cal__grid:not(#nx-shield):not(#nx-shield) { display: grid; border: 1px solid var(--nxg-line); border-radius: var(--nxg-radius); overflow: hidden; }
.nxg-cal .nxg-cal__week:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.nxg-cal .nxg-cal__wd:not(#nx-shield):not(#nx-shield) { padding: .375rem .5rem; font: 500 .6875rem/1.2 var(--nx-font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--nxg-muted); background: var(--nx-bg-muted); }
.nxg-cal .nxg-cal__cell:not(#nx-shield):not(#nx-shield) { min-block-size: var(--nxg-cal-cell); padding: .25rem; display: flex; flex-direction: column; gap: .125rem; border-block-start: 1px solid var(--nxg-line); border-inline-start: 1px solid var(--nxg-line); background: var(--nxg-surface); min-inline-size: 0; }
.nxg-cal .nxg-cal__cell:nth-child(7n+1):not(#nx-shield):not(#nx-shield) { border-inline-start: 0; }
.nxg-cal .nxg-cal__cell[data-out="true"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-canvas); color: var(--nxg-muted); }
.nxg-cal .nxg-cal__cell[data-today="true"] .nxg-cal__num:not(#nx-shield):not(#nx-shield) { color: var(--nx-primary-ink); background: var(--nx-primary-bg); border-radius: var(--nx-radius-chip); padding-inline: .25rem; }
.nxg-cal .nxg-cal__cell:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: -2px; }
.nxg-cal .nxg-cal__num:not(#nx-shield):not(#nx-shield) { align-self: flex-start; font: 500 .75rem/1.4 var(--nx-font-mono); }
.nxg-cal .nxg-cal__pill:not(#nx-shield):not(#nx-shield), .nxg-cal .nxg-cal__more:not(#nx-shield):not(#nx-shield) { all: unset; box-sizing: border-box; display: block; inline-size: 100%; padding: .0625rem .375rem; border-inline-start: 2px solid var(--nxg-line-2); font-size: .75rem; line-height: 1.35; color: var(--nxg-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.nxg-cal .nxg-cal__pill:hover:not(#nx-shield):not(#nx-shield), .nxg-cal .nxg-cal__more:hover:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); }
.nxg-cal .nxg-cal__pill:focus-visible:not(#nx-shield):not(#nx-shield), .nxg-cal .nxg-cal__more:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); }
.nxg-cal .nxg-cal__pill[data-group="gcri"]:not(#nx-shield):not(#nx-shield) { border-inline-start-color: var(--nx-text-primary); }
.nxg-cal .nxg-cal__pill[data-group="un"]:not(#nx-shield):not(#nx-shield) { border-inline-start-color: var(--nx-info); }
.nxg-cal .nxg-cal__pill[data-group="ifi"]:not(#nx-shield):not(#nx-shield) { border-inline-start-color: var(--nx-accent); }
.nxg-cal .nxg-cal__pill[data-group="reports"]:not(#nx-shield):not(#nx-shield) { border-inline-start-color: var(--nx-positive); }
.nxg-cal .nxg-cal__pill[data-group="observances"]:not(#nx-shield):not(#nx-shield) { border-inline-start-color: var(--nx-caution); }
.nxg-cal .nxg-cal__pill[data-status="estimated"]:not(#nx-shield):not(#nx-shield) { border-inline-start-style: dashed; color: var(--nxg-text-2); }
.nxg-cal .nxg-cal__more:not(#nx-shield):not(#nx-shield) { color: var(--nxg-muted); border-inline-start-color: transparent; }
.nxg-cal .nxg-cal__weekview:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .5rem; }
.nxg-cal .nxg-cal__wcol:not(#nx-shield):not(#nx-shield) { display: grid; align-content: start; gap: .25rem; padding: .5rem; border: 1px solid var(--nxg-line); border-radius: var(--nxg-radius); background: var(--nxg-surface); min-inline-size: 0; }
.nxg-cal .nxg-cal__wcol[data-today="true"]:not(#nx-shield):not(#nx-shield) { border-color: var(--nxg-text); }
.nxg-cal .nxg-cal__yeargrid:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .75rem; }
.nxg-cal .nxg-countdown:not(#nx-shield):not(#nx-shield) { min-inline-size: 4.5rem; font: 500 .8125rem/1.2 var(--nx-font-mono); color: var(--nxg-text-2); }
.nxg-cal .nxg-countdown[data-soon="true"]:not(#nx-shield):not(#nx-shield) { color: var(--nx-critical); }
.nxg-cal .nxg-cal__spans:not(#nx-shield):not(#nx-shield) { margin-block-end: .5rem; }
.nxg-cal .nxg-cal__legend:not(#nx-shield):not(#nx-shield) { margin-block-start: .75rem; }

/* chair's workspace */
.nxg .nxg-chair:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1rem; }
.nxg .nxg-chair__pane:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1rem; }
.nxg .nxg-board:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.nxg .nxg-board__col:not(#nx-shield):not(#nx-shield) { display: grid; align-content: start; gap: .5rem; padding: .5rem; border: 1px dashed var(--nxg-line-2); border-radius: var(--nxg-radius); min-inline-size: 0; }
.nxg .nxg-board__card:not(#nx-shield):not(#nx-shield) { padding: .75rem; gap: .5rem; }
.nxg .nxg-board__notes:not(#nx-shield):not(#nx-shield) { list-style: none; margin: 0; padding: 0; display: grid; gap: .125rem; }
.nxg .nxg-agenda li:not(#nx-shield):not(#nx-shield) { flex-wrap: wrap; }
.nxg .nxg-themes:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .25rem .75rem; border: 0; padding: 0; margin: 0; }

@media (max-width: 63.99em) {
  .nxg .nxg-board:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); }
  .nxg-cal .nxg-cal__weekview:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 40em) {
  .nxg-cal:not(#nx-shield):not(#nx-shield) { --nxg-cal-cell: 3.25rem; }
  .nxg-cal .nxg-cal__pill:not(#nx-shield):not(#nx-shield) { font-size: 0; padding: 0; block-size: 4px; border-inline-start: 0; background: var(--nxg-line-2); border-radius: 2px; }
  .nxg-cal .nxg-cal__pill[data-group="un"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-info); }
  .nxg-cal .nxg-cal__pill[data-group="ifi"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-accent); }
  .nxg-cal .nxg-cal__pill[data-group="gcri"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-text-primary); }
  .nxg-cal .nxg-cal__more:not(#nx-shield):not(#nx-shield) { font-size: .625rem; padding: 0; }
  .nxg-cal .nxg-cal__nav:not(#nx-shield):not(#nx-shield) { margin-inline-start: 0; }
  .nxg-cal .nxg-cal__filters > .nf-ui-field:not(#nx-shield):not(#nx-shield) { flex: 1 1 100%; }
}
@media (forced-colors: active) { .nxg-cal .nxg-cal__pill:not(#nx-shield):not(#nx-shield) { border-inline-start-color: CanvasText; } }
.nxg .nxg-actions .nx-btn:not(#nx-shield):not(#nx-shield), .nxg .nxg-chair__bodies .nx-btn:not(#nx-shield):not(#nx-shield) { max-inline-size: 100%; white-space: normal; text-align: start; block-size: auto; min-block-size: 1.875rem; padding-block: .25rem; overflow-wrap: anywhere; }

/* 1.3.0: workspaces, Decide & fund, library, control centre */
.nxg .nxg-stack:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; min-inline-size: 0; }
.nxg .nxg-stack > *:not(#nx-shield):not(#nx-shield), .nxg .nxg-stack-mount:not(#nx-shield):not(#nx-shield), .nxg .nxg-table-wrap:not(#nx-shield):not(#nx-shield), .nxg .nxg-field:not(#nx-shield):not(#nx-shield) { min-inline-size: 0; max-inline-size: 100%; }
.nxg .nxg-field .nf-ui-field:not(#nx-shield):not(#nx-shield) { max-inline-size: 100%; box-sizing: border-box; }
.nxg .nxg-grid-2:not(#nx-shield):not(#nx-shield), .nxg .nxg-grid-3:not(#nx-shield):not(#nx-shield) { display: grid; gap: .75rem 1rem; grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr)); align-items: end; }
.nxg .nxg-grid-3:not(#nx-shield):not(#nx-shield) { grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr)); }
.nxg .nxg-checks:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .25rem 1rem; }
.nxg .nxg-chips:not(#nx-shield):not(#nx-shield), .nxg .nxg-round__meta:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .375rem; align-items: center; }
.nxg .nxg-h4:not(#nx-shield):not(#nx-shield) { margin: .5rem 0 0; font-size: .875rem; font-weight: 500; }
.nxg .nxg-ballot:not(#nx-shield):not(#nx-shield) { display: grid; gap: .75rem; }
.nxg .nxg-choices:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; border: 0; padding: 0; margin: 0; }
.nxg .nxg-credit:not(#nx-shield):not(#nx-shield) { display: grid; gap: .375rem; padding: .75rem 1rem; border: 1px solid var(--nxg-line); border-radius: var(--nxg-radius); background: var(--nxg-elevated); position: sticky; inset-block-start: 0; z-index: 1; }
.nxg .nxg-credit__head:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; color: var(--nxg-text); }
.nxg .nxg-meter:not(#nx-shield):not(#nx-shield) { inline-size: 100%; block-size: .5rem; accent-color: var(--nx-accent); }
.nxg .nxg-stepper:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: .25rem; }
.nxg .nxg-stepper .nx-btn:not(#nx-shield):not(#nx-shield) { min-inline-size: 2.25rem; justify-content: center; font-size: 1rem; }
.nxg .nxg-stepper__v:not(#nx-shield):not(#nx-shield) { min-inline-size: 2.5ch; text-align: center; font: 500 1rem/1 var(--nx-font-mono); font-variant-numeric: tabular-nums; color: var(--nxg-text); }
.nxg .nxg-est:not(#nx-shield):not(#nx-shield) { font-size: .8125rem; color: var(--nxg-text-2); }
.nxg .nxg-rank:not(#nx-shield):not(#nx-shield) { list-style: none; margin: 0; padding: 0; display: grid; gap: .375rem; }
.nxg .nxg-rank__item:not(#nx-shield):not(#nx-shield) { display: flex; align-items: center; gap: .75rem; padding: .5rem .75rem; border: 1px solid var(--nxg-line); border-radius: var(--nxg-radius); background: var(--nxg-surface); }
.nxg .nxg-rank__n:not(#nx-shield):not(#nx-shield) { font: 500 .875rem/1 var(--nx-font-mono); color: var(--nxg-muted); min-inline-size: 1.5ch; }
.nxg .nxg-rank__item .nxg-row__main:not(#nx-shield):not(#nx-shield) { flex: 1 1 auto; min-inline-size: 0; }
.nxg .nxg-receipt:not(#nx-shield):not(#nx-shield) { font: 400 .75rem/1.4 var(--nx-font-mono); color: var(--nxg-muted); overflow-wrap: anywhere; margin: 0; }
.nxg .nxg-results:not(#nx-shield):not(#nx-shield) { display: grid; gap: .75rem; }
.nxg .nxg-pinned:not(#nx-shield):not(#nx-shield) { border-inline-start: 2px solid var(--nx-accent); padding-inline-start: .75rem; }
.nxg .nxg-sub:not(#nx-shield):not(#nx-shield) { border: 1px solid var(--nxg-line); border-radius: var(--nxg-radius); padding: .75rem; display: grid; gap: .5rem; }
.nxg fieldset:not(#nx-shield):not(#nx-shield) { min-inline-size: 0; }
@media (max-width: 40rem) {
  .nxg .nxg-rows > li > .nxg-row__end:not(#nx-shield):not(#nx-shield) { inline-size: 100%; justify-content: flex-start; }
  .nxg .nxg-credit:not(#nx-shield):not(#nx-shield) { position: static; }
}

/* ===== kit pass: navigation, states, outcomes, dialogs, wizard, tables (kit 5.5, 6.2 to 6.7, 6.10) ===== */

/* page header: eyebrow, title, one sentence, actions (6.1) */
.nxg .nxg-pagehead:not(#nx-shield):not(#nx-shield) { padding-block-end: .25rem; }
.nxg .nxg-pagehead h3:focus-visible:not(#nx-shield):not(#nx-shield), .nxg .nxg-wizard h4:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: 2px; }
.nxg .nxg-note:not(#nx-shield):not(#nx-shield) { margin: 0; padding-inline-start: .75rem; border-inline-start: 2px solid var(--nxg-line-2); color: var(--nxg-text-2); font-size: .8125rem; max-inline-size: 80ch; }
.nxg .nxg-note a:not(#nx-shield):not(#nx-shield) { color: var(--nx-accent-text, var(--nx-accent)); }
.nxg .nxg-code:not(#nx-shield):not(#nx-shield) { font-family: var(--nx-font-mono); font-size: .75rem; letter-spacing: .04em; color: var(--nxg-muted); overflow-wrap: anywhere; }
.nxg .nxg-tag:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text-2); }
.nxg .nxg-actions--end:not(#nx-shield):not(#nx-shield) { justify-content: flex-end; }
.nxg .nxg-bar:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; }
.nxg .nxg-bar .nx-seg:not(#nx-shield):not(#nx-shield) { flex-wrap: wrap; }

/* the dashboard shell: ONE horizontal tab bar over the full width of the content area, never a second sidebar */
.nxg-dash .nxg-dash__shell:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; }
.nxg-dash .nxg-dash__main:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1.5rem; min-inline-size: 0; }
.nxg-dash .nxg-panelbody:not(#nx-shield):not(#nx-shield) { display: grid; gap: var(--nxg-dash-gap); min-inline-size: 0; }
.nxg-dash .nxg-panelbody:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: 4px; }
.nxg .nxg-nav__chev:not(#nx-shield):not(#nx-shield) { flex: none; }
.nxg .nxg-tabbar:not(#nx-shield):not(#nx-shield) { display: flex; align-items: stretch; gap: .25rem; border-block-end: 1px solid var(--nxg-line); min-inline-size: 0; position: relative; }
.nxg .nxg-tabbar > .nxg-admin-link:not(#nx-shield):not(#nx-shield) { flex: none; align-self: center; padding: .5rem; font-size: .8125rem; color: var(--nxg-text-2) !important; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; } /* 1.10.3: the one quiet way to administration */
.nxg .nxg-tabbar > .nxg-admin-link:hover:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text) !important; }
.nxg .nxg-votes:not(#nx-shield):not(#nx-shield), .nxg .nxg-proposals:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1.5rem; }
.nxg .nxg-tabbar__scroll:not(#nx-shield):not(#nx-shield) { display: flex; flex: 1 1 auto; min-inline-size: 0; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
.nxg .nxg-tabbar__scroll:not(#nx-shield):not(#nx-shield)::-webkit-scrollbar { display: none; }
.nxg .nxg-tab:not(#nx-shield):not(#nx-shield) { position: relative; display: inline-flex; align-items: center; gap: .5rem; flex: none; min-block-size: 2.75rem; padding: 0 .875rem; border: 0; background: transparent; color: var(--nxg-muted); font: 500 .8125rem/1 var(--nx-font-sans); cursor: pointer; white-space: nowrap; scroll-snap-align: start; }
.nxg .nxg-tab:hover:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); background: var(--nx-bg-hover); }
.nxg .nxg-tab[aria-selected="true"]:not(#nx-shield):not(#nx-shield), .nxg .nxg-tab[data-current="true"]:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); }
.nxg .nxg-tab[aria-selected="true"]:not(#nx-shield):not(#nx-shield)::after, .nxg .nxg-tab[data-current="true"]:not(#nx-shield):not(#nx-shield)::after { content: ""; position: absolute; inset-inline: .875rem; inset-block-end: -1px; block-size: 2px; background: var(--nxg-text); }
.nxg .nxg-tab:focus-visible:not(#nx-shield):not(#nx-shield), .nxg .nxg-menu__item:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: -2px; border-radius: var(--nx-radius-md); }
.nxg .nxg-tab__count:not(#nx-shield):not(#nx-shield) { min-inline-size: 1.25rem; padding: 0 .3rem; border: 0; border-radius: 2px; background: var(--nx-bg-muted); color: var(--nxg-muted); font: 500 .6875rem/1.25rem var(--nx-font-mono, monospace); text-align: center; font-variant-numeric: tabular-nums; }
.nxg .nxg-more:not(#nx-shield):not(#nx-shield) { position: relative; flex: none; display: flex; }
.nxg .nxg-menu:not(#nx-shield):not(#nx-shield) { position: absolute; inset-block-start: 100%; inset-inline-end: 0; z-index: 20; inline-size: min(18rem, 92vw); display: grid; gap: .125rem; padding: .5rem; border: 1px solid var(--nxg-line-2); border-radius: var(--nxg-radius); background: var(--nxg-elevated); box-shadow: var(--nx-shadow-md); }
.nxg .nxg-menu[hidden]:not(#nx-shield):not(#nx-shield) { display: none; }
.nxg .nxg-menu > .nf-ui-eyebrow:not(#nx-shield):not(#nx-shield) { padding: .5rem .5rem .125rem; }
.nxg .nxg-menu__item:not(#nx-shield):not(#nx-shield) { display: block; inline-size: 100%; min-block-size: 2.25rem; padding: 0 .5rem; border: 0; border-radius: var(--nx-radius-md); background: transparent; color: var(--nxg-text-2); font: 400 .875rem/1 var(--nx-font-sans); text-align: start; cursor: pointer; }
.nxg .nxg-menu__item:hover:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); color: var(--nxg-text); }
.nxg .nxg-pagehead:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; padding-block-end: .25rem; }
.nxg .nxg-pagehead > div:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; }

/* overview: a dashboard to act from */
.nxg .nxg-ov:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1rem; min-inline-size: 0; }
.nxg .nxg-kpis:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; list-style: none; margin: 0; padding: 0; border: 1px solid var(--nxg-line); border-radius: var(--nxg-radius); background: var(--nxg-line); overflow: hidden; }
.nxg .nxg-kpi:not(#nx-shield):not(#nx-shield) { display: grid; align-content: start; gap: .375rem; padding: .875rem 1rem; background: var(--nxg-surface); min-inline-size: 0; }
.nxg .nxg-kpi__n:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); font: 500 1.75rem/1.1 var(--nx-font-mono, monospace); font-variant-numeric: tabular-nums; }
.nxg .nxg-kpi__ctx:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text-2); font-size: .8125rem; line-height: 1.4; }
.nxg .nxg-kpi .nx-btn:not(#nx-shield):not(#nx-shield) { justify-self: start; }
.nxg .nxg-ov__grid:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.nxg .nxg-ov__col:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1rem; align-content: start; min-inline-size: 0; }
@media (min-width: 48em) { .nxg .nxg-kpis:not(#nx-shield):not(#nx-shield) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 80em) { .nxg .nxg-kpis:not(#nx-shield):not(#nx-shield) { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 63.99em) { .nxg .nxg-ov__grid:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); } }
.nxg .nxg-next:not(#nx-shield):not(#nx-shield) { display: grid; justify-items: start; gap: .5rem; padding: .75rem 0; }
.nxg .nxg-next__t:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); font-weight: 500; }
@media (max-width: 40em) {
  .nxg .nxg-menu:not(#nx-shield):not(#nx-shield) { position: fixed; inset-inline: .75rem; inset-block-start: auto; inline-size: auto; }
}

/* tabs inside a panel (5.5) */
.nxg .nxg-tabbar:not(#nx-shield):not(#nx-shield) { overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; }
.nxg .nxg-tabbar:not(#nx-shield):not(#nx-shield)::-webkit-scrollbar { display: none; }
.nxg .nxg-tabbar .nf-ui-tab:not(#nx-shield):not(#nx-shield) { flex: none; white-space: nowrap; }

/* typed read states (6.6) */
.nxg .nxg-loading:not(#nx-shield):not(#nx-shield) { margin: 0; padding: .75rem 0; color: var(--nxg-muted); font-size: .875rem; }
.nxg .nxg-failure:not(#nx-shield):not(#nx-shield) { flex-wrap: wrap; }
.nxg .nxg-failure > span:first-child:not(#nx-shield):not(#nx-shield) { flex: 1 1 14rem; }
.nxg .nxg-msg[data-tone="critical"]:not(#nx-shield):not(#nx-shield) { color: var(--nx-critical); }
.nxg .nxg-msg[data-tone="critical"]:not(#nx-shield):not(#nx-shield)::before { content: ""; display: inline-block; inline-size: 6px; block-size: 6px; margin-inline-end: .5rem; border-radius: var(--nx-radius,5px); background: var(--nx-critical); vertical-align: middle; }
.nxg .nxg-error:not(#nx-shield):not(#nx-shield) { display: block; min-block-size: 1.125rem; color: var(--nx-critical); font-size: .75rem; line-height: 1.5; }
.nxg [aria-invalid="true"]:not(#nx-shield):not(#nx-shield) { border-color: var(--nx-critical); }
.nxg .nxg-table__empty:not(#nx-shield):not(#nx-shield) { padding: 1.25rem .75rem; text-align: center; color: var(--nxg-muted); }
.nxg [aria-busy="true"] > .nxg-empty:not(#nx-shield):not(#nx-shield) { opacity: .6; }

/* tables (6.3): numbers at the end in mono, the first cell is the row label */
.nxg .nxg-table-wrap:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: 2px; }
.nxg .nxg-table tbody th[scope="row"]:not(#nx-shield):not(#nx-shield) { font-weight: 500; color: var(--nxg-text); }
.nxg .nxg-table td.nxg-num:not(#nx-shield):not(#nx-shield) { text-align: end; font-family: var(--nx-font-mono); font-variant-numeric: tabular-nums; }
.nxg .nxg-table thead th.nxg-num:not(#nx-shield):not(#nx-shield) { text-align: end; }
@media (max-width: 40em) {
  .nxg .nxg-table:not(.nxg-matrix) thead:not(#nx-shield):not(#nx-shield) { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .nxg .nxg-table-wrap:has(.nxg-table:not(.nxg-matrix)):not(#nx-shield):not(#nx-shield) { border: 0; overflow: visible; }
  .nxg .nxg-table:not(.nxg-matrix):not(#nx-shield):not(#nx-shield), .nxg .nxg-table:not(.nxg-matrix) tbody:not(#nx-shield):not(#nx-shield) { display: block; }
  .nxg .nxg-table:not(.nxg-matrix) tr:not(#nx-shield):not(#nx-shield) { display: block; border: 1px solid var(--nxg-line); border-radius: var(--nxg-radius); padding: .5rem 1rem; margin-block-end: .5rem; background: var(--nxg-surface); }
  .nxg .nxg-table:not(.nxg-matrix) th[scope="row"]:not(#nx-shield):not(#nx-shield), .nxg .nxg-table:not(.nxg-matrix) td:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: minmax(5rem, 8rem) minmax(0, 1fr); gap: .5rem; border: 0; padding: .125rem 0; background: none; text-align: start; }
  .nxg .nxg-table:not(.nxg-matrix) td.nxg-num:not(#nx-shield):not(#nx-shield) { text-align: start; }
  .nxg .nxg-table:not(.nxg-matrix) th[scope="row"]:not(#nx-shield):not(#nx-shield)::before, .nxg .nxg-table:not(.nxg-matrix) td:not(#nx-shield):not(#nx-shield)::before { content: attr(data-label); font: 500 .6875rem/1.6 var(--nx-font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--nxg-muted); }
  .nxg .nxg-table:not(.nxg-matrix) td.nxg-table__empty:not(#nx-shield):not(#nx-shield) { display: block; text-align: center; }
  .nxg .nxg-table:not(.nxg-matrix) td.nxg-table__empty:not(#nx-shield):not(#nx-shield)::before { content: none; }
}

/* toasts (6.7): bottom end, elevated card, errors stay until dismissed */
.nxn.nxg-toasts:not(#nx-shield):not(#nx-shield) { position: fixed; inset-block-end: 1rem; inset-inline-end: 1rem; z-index: 100000; display: grid; gap: .5rem; inline-size: min(24rem, calc(100vw - 2rem)); margin: 0; padding: 0; background: transparent; pointer-events: none; }
.nxn.nxg-toasts .nf-ui-toast:not(#nx-shield):not(#nx-shield) { pointer-events: auto; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .75rem; align-items: start; padding: .75rem .75rem .75rem 1rem; padding-inline: 1rem .5rem; border: 1px solid var(--nx-border-hairline-strong); border-radius: var(--nx-radius-md); background: var(--nx-bg-elevated); color: var(--nx-text-secondary); box-shadow: 0 8px 24px color-mix(in srgb, var(--nx-bg-canvas) 40%, transparent); font: 400 .8125rem/1.4 var(--nx-font-sans); animation: nxg-toast-in var(--nx-motion-base) var(--nx-ease-standard); }
.nxn.nxg-toasts .nf-ui-toast[data-tone="critical"]:not(#nx-shield):not(#nx-shield) { border-color: color-mix(in srgb, var(--nx-critical) 45%, transparent); }
.nxn.nxg-toasts .nf-ui-toast[data-tone="caution"]:not(#nx-shield):not(#nx-shield) { border-color: color-mix(in srgb, var(--nx-caution) 45%, transparent); }
.nxn.nxg-toasts .nf-ui-dot:not(#nx-shield):not(#nx-shield) { margin-block-start: .4rem; }
.nxn.nxg-toasts .nf-ui-dot:not(#nx-shield):not(#nx-shield) { display: inline-block; inline-size: 6px; block-size: 6px; border-radius: 2px; background: var(--nx-text-muted); }
.nxn.nxg-toasts .nf-ui-dot[data-tone="positive"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-positive); }
.nxn.nxg-toasts .nf-ui-dot[data-tone="caution"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-caution); }
.nxn.nxg-toasts .nf-ui-dot[data-tone="critical"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-critical); }
.nxn.nxg-toasts .nxg-toast__body:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; min-inline-size: 0; }
.nxn.nxg-toasts p:not(#nx-shield):not(#nx-shield) { margin: 0; }
.nxn.nxg-toasts .nxg-toast__msg:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); }
.nxn.nxg-toasts .nxg-muted:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-muted); font-size: .8125rem; }
.nxn.nxg-toasts .nxg-code:not(#nx-shield):not(#nx-shield) { font-family: var(--nx-font-mono); font-size: .75rem; color: var(--nx-text-muted); }
.nxn.nxg-toasts .nxg-toast__see:not(#nx-shield):not(#nx-shield) { color: var(--nx-accent-text, var(--nx-accent)); font-size: .8125rem; }
.nxn.nxg-toasts a:focus-visible:not(#nx-shield):not(#nx-shield), .nxn.nxg-toasts button:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: 2px; }
@keyframes nxg-toast-in { from { opacity: 0; transform: translateY(.5rem); } to { opacity: 1; transform: none; } }

/* Your activity (6.10): closed by default, hairline rule on top, no chips */
.nxg .nf-ui-ledger:not(#nx-shield):not(#nx-shield) { border-block-start: 1px solid var(--nxg-line); padding-block-start: .75rem; }
.nxg .nf-ui-ledger > summary:not(#nx-shield):not(#nx-shield) { cursor: pointer; font: 500 .6875rem/1.2 var(--nx-font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--nxg-muted); padding-block: .25rem; }
.nxg .nf-ui-ledger__body:not(#nx-shield):not(#nx-shield) { display: grid; gap: .75rem; padding-block-start: .75rem; }
.nxg .nf-ui-activity:not(#nx-shield):not(#nx-shield) { margin: 0; padding: 0; list-style: none; border-block-start: 1px solid var(--nxg-line); }
.nxg .nf-ui-activity-row:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: 9rem 9rem minmax(0, 1fr); gap: .125rem 1rem; padding-block: .625rem; border-block-end: 1px solid var(--nxg-line); }
.nxg .nf-ui-activity-row > .nxg-code:not(#nx-shield):not(#nx-shield), .nxg .nf-ui-activity-row > .nxg-muted:not(#nx-shield):not(#nx-shield) { grid-column: 3; }
@media (max-width: 40em) {
  .nxg .nf-ui-activity-row:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); }
  .nxg .nf-ui-activity-row > .nxg-code:not(#nx-shield):not(#nx-shield), .nxg .nf-ui-activity-row > .nxg-muted:not(#nx-shield):not(#nx-shield) { grid-column: auto; }
}

/* dialogs (6.5): 5px, elevated, 560px at most, title as h2, close at the top end, primary at the bottom end */
.nxn.nxg-dialog:not(#nx-shield):not(#nx-shield) { box-sizing: border-box; inline-size: min(35rem, calc(100vw - 2rem)); max-block-size: calc(100dvh - 2rem); overflow: auto; padding: 1.25rem; margin: auto !important; border: 1px solid var(--nx-border-hairline-strong); border-radius: var(--nx-radius-md); background: var(--nx-bg-elevated); color: var(--nx-text-secondary); font: 400 .875rem/1.5 var(--nx-font-sans); }
.nxn.nxg-dialog:not(#nx-shield):not(#nx-shield)::backdrop { background: color-mix(in srgb, var(--nx-bg-canvas) 70%, transparent); }
.nxg-dialog__in:not(#nx-shield):not(#nx-shield) { display: grid; gap: .75rem; }
.nxg-dialog__in .nxg-head:not(#nx-shield):not(#nx-shield) { align-items: flex-start; flex-wrap: nowrap; }
.nxg-dialog__in p:not(#nx-shield):not(#nx-shield) { margin: 0; }
.nxg-dialog__in .nxg-head h2:not(#nx-shield):not(#nx-shield) { margin: 0; color: var(--nx-text-primary); }
.nxg-dialog__in button:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: 2px; }

/* drawer (6.5): from the end edge, inspector width, the calendar's detail and subscribe panels */
.nxg .nxg-cal__drawer:not(#nx-shield):not(#nx-shield) { box-sizing: border-box; position: fixed; inset-block: 0; inset-inline: auto 0; margin: 0; inline-size: min(26rem, 100vw); max-inline-size: 100vw; block-size: 100dvh; max-block-size: 100dvh; overflow: auto; padding: 1.25rem; border: 0; border-inline-start: 1px solid var(--nx-border-hairline-strong); border-radius: 0; background: var(--nx-bg-elevated); color: var(--nxg-text-2); }
.nxg .nxg-cal__drawer:not(#nx-shield):not(#nx-shield)::backdrop { background: color-mix(in srgb, var(--nx-bg-canvas) 60%, transparent); }
.nxg .nxg-cal__drawer > * + *:not(#nx-shield):not(#nx-shield) { margin-block-start: .75rem; }
.nxg .nxg-cal__drawer .nxg-head:not(#nx-shield):not(#nx-shield) { flex-wrap: nowrap; align-items: flex-start; }
.nxg .nxg-flip:not(#nx-shield):not(#nx-shield) { display: block; }
:dir(rtl) .nxg .nxg-flip:not(#nx-shield):not(#nx-shield), .nxg:dir(rtl) .nxg-flip:not(#nx-shield):not(#nx-shield) { transform: scaleX(-1); }

/* round designer wizard (6.4): a top stepper; the stage is full width (owner ruling 2026-10-29), with a readable measure only for running text */
.nxg .nxg-wizard:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1rem; }
.nxg .nxg-stepper-top:not(#nx-shield):not(#nx-shield) { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; border-block-end: 1px solid var(--nxg-line); }
.nxg .nxg-stepper-top__item:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: baseline; gap: .5rem; padding-block: .5rem; border-block-end: 2px solid transparent; margin-block-end: -1px; color: var(--nxg-muted); font-size: .8125rem; }
.nxg .nxg-stepper-top__item[data-state="current"]:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); font-weight: 500; border-block-end-color: var(--nxg-text); }
.nxg .nxg-stepper-top__item[data-state="done"]:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text-2); }
.nxg .nxg-wizard__stage:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1rem; min-inline-size: 0; grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr)); align-items: start; }
.nxg .nxg-wizard__stage > *:not(#nx-shield):not(#nx-shield) { min-inline-size: 0; }
.nxg .nxg-wizard__stage > h4:not(#nx-shield):not(#nx-shield), .nxg .nxg-wizard__stage > p:not(#nx-shield):not(#nx-shield), .nxg .nxg-wizard__stage > [aria-live]:not(#nx-shield):not(#nx-shield), .nxg .nxg-wizard__stage > fieldset:not(#nx-shield):not(#nx-shield), .nxg .nxg-wizard__stage > dl:not(#nx-shield):not(#nx-shield), .nxg .nxg-wizard__stage > .nxg-pick:not(#nx-shield):not(#nx-shield) { grid-column: 1 / -1; }
.nxg .nxg-wizard__stage > p:not(#nx-shield):not(#nx-shield) { max-inline-size: 70ch; }
.nxg .nxg-wizard__stage .nxg-grid-2:not(#nx-shield):not(#nx-shield) { grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr)); }
.nxg .nxg-pick:not(#nx-shield):not(#nx-shield) { display: grid; gap: .75rem 1rem; grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr)); align-items: end; }
.nxg .nxg-pick__note:not(#nx-shield):not(#nx-shield) { grid-column: 1 / -1; max-inline-size: 70ch; margin: 0; }
.nxg .nxg-wizard .nxg-actions--end:not(#nx-shield):not(#nx-shield) { inline-size: 100%; }
.nxg .nxg-table-wrap:not(#nx-shield):not(#nx-shield) { inline-size: 100%; overflow-x: auto; }

/* kit segmented control inside our regions */
.nxg .nx-seg > .nx-seg__btn:not(#nx-shield):not(#nx-shield) { min-block-size: 1.75rem; }
.nxg .nxg-cal__row .nx-seg:not(#nx-shield):not(#nx-shield) { flex-wrap: wrap; }
@media (max-width: 40em) {
  .nxg .nx-seg:not(#nx-shield):not(#nx-shield) { max-inline-size: 100%; }
  .nxg .nx-seg > .nx-seg__btn:not(#nx-shield):not(#nx-shield) { min-block-size: 2.25rem; }
}

@media (prefers-reduced-motion: reduce) { .nxn.nxg-toasts .nf-ui-toast:not(#nx-shield):not(#nx-shield) { animation: none; } .nxg .nxg-nav__chev:not(#nx-shield):not(#nx-shield) { transition: none; } }
@media (forced-colors: active) {
  .nxg .nxg-nav__item[aria-current="page"]:not(#nx-shield):not(#nx-shield) { border-inline-start-color: Highlight; }
  .nxg .nxg-stepper-top__item[data-state="current"]:not(#nx-shield):not(#nx-shield) { border-block-end-color: Highlight; }
  .nxn.nxg-toasts .nf-ui-toast:not(#nx-shield):not(#nx-shield), .nxn.nxg-dialog:not(#nx-shield):not(#nx-shield) { border-color: CanvasText; }
}

.nxg .nxg-role:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); font-weight: 500; }

/* A round reached from a funding link elsewhere on the network. */
.nxg-grid > [data-linked="true"] > *:not(#nx-shield):not(#nx-shield) { box-shadow: inset 3px 0 0 var(--nx-accent); border-radius: var(--nx-radius-md); }

/* Credits: the box above a ballot that lets a member add voice from their own credits (1.6.0). Logical properties, so it mirrors in RTL. */
.nxg-creditbox:not(#nx-shield):not(#nx-shield) { display: grid; gap: 8px; margin-block-end: 12px; padding: 12px; }
.nxg-creditform:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; }
.nxg-credit__preview:not(#nx-shield):not(#nx-shield), .nxg-credit__rule:not(#nx-shield):not(#nx-shield) { margin: 0; }

/* ====================================================================================================================
   Community console (assets/app.js, assets/community.js): page header, tabs with counts, toolbar, data table, board,
   side drawer, ballot console. Kit tokens only, logical properties, 5px corners, 4px chips, state by dot and text.
   ==================================================================================================================== */
.nxn .nxa-sr:not(#nx-shield):not(#nx-shield) { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nxn .nxa-muted:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-muted); font-size: .8125rem; }
.nxn .nxa-app:not(#nx-shield):not(#nx-shield), .nxn .nxa-view:not(#nx-shield):not(#nx-shield), .nxn .nxa-panel:not(#nx-shield):not(#nx-shield) { display: grid; gap: var(--nx-space-4); min-inline-size: 0; }
.nxn .nxa-app:not(#nx-shield):not(#nx-shield) { gap: var(--nx-space-3); }
.nxn .nxa-tabs:not(#nx-shield):not(#nx-shield) { overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; min-block-size: 2.5rem; flex: none; }
.nxn .nxa-tabs .nf-ui-tab:not(#nx-shield):not(#nx-shield) { flex: none; white-space: nowrap; }
.nxn .nxa-count:not(#nx-shield):not(#nx-shield) { display: inline-block; min-inline-size: 1.25rem; padding: 0 .3rem; border: 0; border-radius: 2px; background: var(--nx-bg-muted); color: var(--nx-text-muted); font: 500 .6875rem/1.25rem var(--nx-font-mono, monospace); text-align: center; font-variant-numeric: tabular-nums; }

/* page header */
.nxn .nxa-header:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--nx-space-3) var(--nx-space-5); }
.nxn .nxa-header__text:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; min-inline-size: 0; flex: 1 1 24rem; }
.nxn .nxa-header__actions:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: center; gap: var(--nx-space-2); }
.nxn .nxa-summary:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-secondary); max-inline-size: 75ch; }
.nxn .nxa-crumbs ol:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: 0; list-style: none; font: 400 .75rem/1 var(--nx-font-mono, monospace); color: var(--nx-text-muted); }
.nxn .nxa-crumbs li + li:not(#nx-shield):not(#nx-shield)::before { content: "/"; margin-inline-end: .5rem; }
.nxn .nxa-actions-row:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: var(--nx-space-2); justify-content: flex-end; }

/* stat strip */
.nxn .nxa-stats:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); gap: 1px; margin: 0; border: 1px solid var(--nx-border-hairline); border-radius: var(--nx-radius-md); background: var(--nx-border-hairline); overflow: hidden; }
.nxn .nxa-stat:not(#nx-shield):not(#nx-shield) { display: grid; align-content: start; gap: .25rem; padding: .75rem 1rem; margin: 0; background: var(--nx-bg-surface); min-inline-size: 0; }
.nxn .nxa-stat dt:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-muted); font: 500 .6875rem/1.3 var(--nx-font-mono, monospace); letter-spacing: .12em; text-transform: uppercase; }
.nxn .nxa-stat dd:not(#nx-shield):not(#nx-shield) { margin: 0; color: var(--nx-text-primary); font: 500 1.375rem/1.2 var(--nx-font-mono, monospace); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.nxn .nxa-stat small:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-muted); font-size: .75rem; }

/* toolbar */
.nxn .nxa-toolbar:not(#nx-shield):not(#nx-shield) { display: grid; gap: .375rem; padding: .625rem; border: 1px solid var(--nx-border-hairline); border-radius: var(--nx-radius-md); background: var(--nx-bg-surface); position: sticky; inset-block-start: 0; z-index: 3; }
.nxn .nxa-toolbar__row:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.nxn .nxa-toolbar .nxa-search:not(#nx-shield):not(#nx-shield) { flex: 1 1 14rem; inline-size: auto; min-inline-size: 12rem; }
.nxn .nxa-toolbar .nxa-filter:not(#nx-shield):not(#nx-shield) { inline-size: auto; flex: 0 1 11rem; min-inline-size: 8.5rem; }
.nxn .nxa-toolbar .nxa-sort:not(#nx-shield):not(#nx-shield) { flex-basis: 14rem; }
.nxn .nxa-count-line:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-muted); font: 400 .75rem/1.2 var(--nx-font-mono, monospace); }
.nxn .nxa-seg > button:not(#nx-shield):not(#nx-shield) { min-block-size: 2rem; }

/* table */
.nxn .nxa-tablebox:not(#nx-shield):not(#nx-shield) { display: grid; gap: .5rem; min-inline-size: 0; }
.nxn .nxa-bulk:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .5rem .75rem; border: 1px solid var(--nx-accent); border-radius: var(--nx-radius-md); background: var(--nx-accent-soft); color: var(--nx-text-primary); }
.nxn .nxa-bulk[hidden]:not(#nx-shield):not(#nx-shield) { display: none; }
.nxn .nxa-scroll:not(#nx-shield):not(#nx-shield) { max-block-size: min(70vh, 46rem); overflow: auto; border: 1px solid var(--nx-border-hairline); border-radius: var(--nx-radius-md); background: var(--nx-bg-surface); }
.nxn .nxa-table:not(#nx-shield):not(#nx-shield) { inline-size: 100%; border-collapse: separate; border-spacing: 0; font-size: .8125rem; }
.nxn .nxa-table thead th:not(#nx-shield):not(#nx-shield) { position: sticky; inset-block-start: 0; z-index: 2; padding: .5rem .75rem; background: var(--nx-bg-muted); border-block-end: 1px solid var(--nx-border-hairline-strong); color: var(--nx-text-muted); font: 500 .6875rem/1.2 var(--nx-font-mono, monospace); letter-spacing: .1em; text-transform: uppercase; text-align: start; white-space: nowrap; }
.nxn .nxa-table td.nxa-num:not(#nx-shield):not(#nx-shield) { white-space: nowrap; }
.nxn .nxa-table thead th.nxa-num:not(#nx-shield):not(#nx-shield), .nxn .nxa-table td.nxa-num:not(#nx-shield):not(#nx-shield) { text-align: end; font-variant-numeric: tabular-nums; font-family: var(--nx-font-mono, monospace); }
.nxn .nxa-table td:not(#nx-shield):not(#nx-shield), .nxn .nxa-table tbody th:not(#nx-shield):not(#nx-shield) { padding: .5rem .75rem; border-block-end: 1px solid var(--nx-border-hairline); text-align: start; font-weight: 400; color: var(--nx-text-secondary); vertical-align: middle; min-block-size: 2.25rem; }
.nxn .nxa-table tbody th:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); font-weight: 500; }
.nxn .nxa-table tbody tr:last-child td:not(#nx-shield):not(#nx-shield), .nxn .nxa-table tbody tr:last-child th:not(#nx-shield):not(#nx-shield) { border-block-end: 0; }
.nxn .nxa-table tbody tr:hover:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); }
.nxn .nxa-table tbody tr.nxa-row:not(#nx-shield):not(#nx-shield) { cursor: pointer; }
.nxn .nxa-table tbody tr[aria-selected="true"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-accent-soft); }
.nxn .nxa-table tbody tr:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: -2px; }
.nxn .nxa-table .nxa-check:not(#nx-shield):not(#nx-shield) { inline-size: 2.25rem; padding-inline-end: 0; }
.nxn .nxa-sorter:not(#nx-shield):not(#nx-shield) { all: unset; box-sizing: border-box; cursor: pointer; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; padding-block: .125rem; }
.nxn .nxa-sorter:hover:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); }
.nxn .nxa-sorter:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: 2px; }
.nxn .nxa-table [aria-sort] .nxa-sorter:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); }
.nxn .nxa-table__empty:not(#nx-shield):not(#nx-shield) { padding: 0; }
.nxn .nxa-cell-title:not(#nx-shield):not(#nx-shield) { display: grid; gap: .125rem; min-inline-size: 0; }
.nxn .nxa-cell-title strong:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); font-weight: 500; }
.nxn .nxa-status:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: .5rem; color: var(--nx-text-secondary); font-size: .8125rem; white-space: nowrap; }
.nxn .nxa-hash:not(#nx-shield):not(#nx-shield) { font: 400 .75rem/1.2 var(--nx-font-mono, monospace); overflow-wrap: anywhere; color: var(--nx-text-secondary); }
.nxn .nxa-support:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: .5rem; justify-content: flex-end; }
.nxn .nxa-support .nxa-meter:not(#nx-shield):not(#nx-shield) { inline-size: 4rem; }
.nxn .nxa-more:not(#nx-shield):not(#nx-shield) { display: flex; justify-content: center; }
.nxn .nxa-more:empty:not(#nx-shield):not(#nx-shield) { display: none; }
@media (max-width: 40em) {
  .nxn .nxa-scroll:not(#nx-shield):not(#nx-shield) { max-block-size: none; overflow: visible; border: 0; background: transparent; }
  .nxn .nxa-table:not(#nx-shield):not(#nx-shield), .nxn .nxa-table tbody:not(#nx-shield):not(#nx-shield), .nxn .nxa-table tr:not(#nx-shield):not(#nx-shield), .nxn .nxa-table td:not(#nx-shield):not(#nx-shield), .nxn .nxa-table tbody th:not(#nx-shield):not(#nx-shield) { display: block; }
  .nxn .nxa-table thead:not(#nx-shield):not(#nx-shield) { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .nxn .nxa-table tbody tr:not(#nx-shield):not(#nx-shield) { margin-block-end: .5rem; border: 1px solid var(--nx-border-hairline); border-radius: var(--nx-radius-md); background: var(--nx-bg-surface); overflow: hidden; }
  .nxn .nxa-table td:not(#nx-shield):not(#nx-shield), .nxn .nxa-table tbody th:not(#nx-shield):not(#nx-shield) { display: flex; justify-content: space-between; gap: 1rem; border-block-end: 1px solid var(--nx-border-hairline); text-align: end; }
  .nxn .nxa-table td:not(#nx-shield):not(#nx-shield)::before, .nxn .nxa-table tbody th:not(#nx-shield):not(#nx-shield)::before { content: attr(data-label); color: var(--nx-text-muted); font: 500 .6875rem/1.4 var(--nx-font-mono, monospace); letter-spacing: .08em; text-transform: uppercase; text-align: start; flex: none; }
  .nxn .nxa-table td[data-label=""]:not(#nx-shield):not(#nx-shield)::before { content: none; }
  .nxn .nxa-table td.nxa-num:not(#nx-shield):not(#nx-shield) { text-align: end; }
  .nxn .nxa-toolbar:not(#nx-shield):not(#nx-shield) { position: static; }
  .nxn .nxa-toolbar .nxa-filter:not(#nx-shield):not(#nx-shield), .nxn .nxa-toolbar .nxa-search:not(#nx-shield):not(#nx-shield) { flex: 1 1 100%; }
}

/* board */
.nxn .nxa-board:not(#nx-shield):not(#nx-shield) { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(15rem, 1fr); gap: .75rem; overflow-x: auto; padding-block-end: .5rem; align-items: start; }
.nxn .nxa-col:not(#nx-shield):not(#nx-shield) { display: grid; gap: .5rem; align-content: start; padding: .625rem; border: 1px solid var(--nx-border-hairline); border-radius: var(--nx-radius-md); background: var(--nx-bg-muted); min-inline-size: 0; }
.nxn .nxa-col > header:not(#nx-shield):not(#nx-shield) { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.nxn .nxa-col__body:not(#nx-shield):not(#nx-shield) { display: grid; gap: .5rem; }
.nxn .nxa-card:not(#nx-shield):not(#nx-shield) { display: grid; gap: .375rem; inline-size: 100%; padding: .625rem .75rem; text-align: start; border: 1px solid var(--nx-border-hairline-strong); border-radius: var(--nx-radius-md); background: var(--nx-bg-surface); color: var(--nx-text-primary); font: 500 .8125rem/1.35 var(--nx-font-sans); cursor: pointer; }
.nxn .nxa-card:hover:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); border-color: var(--nx-border-strong); }
.nxn .nxa-card:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: 2px; }
/* §11: a card's tone is a 6px mark before its first line, never a coloured rail. */
.nxn .nxa-card[data-tone] > :first-child:not(#nx-shield):not(#nx-shield)::before { content: ""; display: inline-block; inline-size: 6px; block-size: 6px; margin-inline-end: 6px; border-radius: 2px; vertical-align: middle; background: var(--nx-text-muted); }
.nxn .nxa-card[data-tone="positive"] > :first-child:not(#nx-shield):not(#nx-shield)::before { background: var(--nx-positive); }
.nxn .nxa-card[data-tone="info"] > :first-child:not(#nx-shield):not(#nx-shield)::before { background: var(--nx-info); }
.nxn .nxa-card[data-tone="caution"] > :first-child:not(#nx-shield):not(#nx-shield)::before { background: var(--nx-caution); }
.nxn .nxa-card[data-tone="critical"] > :first-child:not(#nx-shield):not(#nx-shield)::before { background: var(--nx-critical); }
.nxn .nxa-card__lines:not(#nx-shield):not(#nx-shield) { display: grid; gap: .125rem; color: var(--nx-text-muted); font-weight: 400; font-size: .75rem; }
@media (max-width: 40em) { .nxn .nxa-board:not(#nx-shield):not(#nx-shield) { grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; } }

/* meters */
.nxn .nxa-meter:not(#nx-shield):not(#nx-shield) { display: block; inline-size: 100%; block-size: 6px; background: var(--nx-bg-muted); border: 1px solid var(--nx-border-hairline); border-radius: 1px; overflow: hidden; }
.nxn .nxa-meter > span:not(#nx-shield):not(#nx-shield) { display: block; block-size: 100%; background: var(--nx-accent); }
.nxn .nxa-meter[data-tone="positive"] > span:not(#nx-shield):not(#nx-shield) { background: var(--nx-positive); }
.nxn .nxa-meter[data-tone="critical"] > span:not(#nx-shield):not(#nx-shield) { background: var(--nx-critical); }
.nxn .nxa-bar:not(#nx-shield):not(#nx-shield) { block-size: 3px; background: var(--nx-bg-muted); overflow: hidden; }
.nxn .nxa-bar > span:not(#nx-shield):not(#nx-shield) { display: block; block-size: 100%; background: var(--nx-accent); }

/* banners, empty, loading */
.nxn .nxa-banner:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; }
.nxn .nxa-empty:not(#nx-shield):not(#nx-shield) { display: grid; justify-items: center; gap: .5rem; padding: 2rem 1rem; text-align: center; color: var(--nx-text-secondary); }
.nxn .nxa-loading:not(#nx-shield):not(#nx-shield) { display: grid; gap: .5rem; color: var(--nx-text-muted); }
.nxn .nxa-skel:not(#nx-shield):not(#nx-shield) { display: grid; gap: .5rem; }
.nxn .nxa-skel span:not(#nx-shield):not(#nx-shield) { display: block; block-size: 2.25rem; background: var(--nx-bg-muted); border-radius: var(--nx-radius-md); }
@media (prefers-reduced-motion: no-preference) { .nxn .nxa-skel span:not(#nx-shield):not(#nx-shield) { animation: nxa-pulse 1.4s ease-in-out infinite; } }
@keyframes nxa-pulse { 50% { opacity: .5; } }

/* drawer */
.nxa-drawer-root:not(#nx-shield):not(#nx-shield) { position: fixed; inset: 0; z-index: 100000; pointer-events: none; }
.nxa-drawer-root > *:not(#nx-shield):not(#nx-shield) { pointer-events: auto; }
.nxa-scrim:not(#nx-shield):not(#nx-shield) { position: fixed; inset: 0; background: var(--nx-bg-overlay); }
.nxa-scrim[hidden]:not(#nx-shield):not(#nx-shield), .nxa-drawer[hidden]:not(#nx-shield):not(#nx-shield) { display: none; }
.nxa-drawer:not(#nx-shield):not(#nx-shield) { position: fixed; inset-block: 0; inset-inline-end: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); inline-size: min(var(--nx-inspector-width, 22rem), 100vw); background: var(--nx-bg-surface); color: var(--nx-text-secondary); border-inline-start: 1px solid var(--nx-border-hairline-strong); font: 400 .875rem/1.5 var(--nx-font-sans); }
.nxa-drawer[data-wide="true"]:not(#nx-shield):not(#nx-shield) { inline-size: min(44rem, 100vw); }
.nxa-drawer__head:not(#nx-shield):not(#nx-shield) { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 1rem 1.25rem; border-block-end: 1px solid var(--nx-border-hairline); background: var(--nx-bg-canvas); }
.nxa-drawer__head > div:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; min-inline-size: 0; }
.nxa-drawer__head h3:not(#nx-shield):not(#nx-shield) { margin: 0; color: var(--nx-text-primary); overflow-wrap: anywhere; }
.nxa-drawer__head h3:focus:not(#nx-shield):not(#nx-shield) { outline: none; }
.nxa-drawer__head p:not(#nx-shield):not(#nx-shield) { margin: 0; }
.nxa-drawer__body:not(#nx-shield):not(#nx-shield) { display: grid; align-content: start; gap: var(--nx-space-4); padding: 1rem 1.25rem 2rem; overflow-y: auto; min-block-size: 0; overscroll-behavior: contain; }
.nxa-drawer__panel:not(#nx-shield):not(#nx-shield) { display: grid; gap: var(--nx-space-3); }
.nxa-drawer__summary:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; }
.nxa-drawer__content:not(#nx-shield):not(#nx-shield) { display: grid; gap: var(--nx-space-4); }
.nxa-drawer :where(p, ul, ol, dl, h4):not(#nx-shield):not(#nx-shield) { margin: 0; }
.nxa-question:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); font-size: 1rem; font-weight: 500; }
@media (prefers-reduced-motion: no-preference) { .nxa-drawer:not([hidden]):not(#nx-shield):not(#nx-shield) { animation: nxa-in var(--nx-motion-base, 180ms) var(--nx-ease-standard, ease-out); } }
@keyframes nxa-in { from { transform: translateX(1.5rem); opacity: 0; } }
[dir="rtl"] .nxa-drawer:not([hidden]):not(#nx-shield):not(#nx-shield) { animation-name: nxa-in-rtl; }
@keyframes nxa-in-rtl { from { transform: translateX(-1.5rem); opacity: 0; } }

/* sections, key-values, timeline, lists */
.nxa-section:not(#nx-shield):not(#nx-shield) { display: grid; gap: .5rem; }
.nxa-kv:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: minmax(7rem, 10rem) minmax(0, 1fr); gap: .375rem 1rem; margin: 0; }
.nxa-kv dt:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-muted); font-size: .8125rem; }
.nxa-kv dd:not(#nx-shield):not(#nx-shield) { margin: 0; color: var(--nx-text-primary); overflow-wrap: anywhere; }
.nxa-details > summary:not(#nx-shield):not(#nx-shield) { cursor: pointer; color: var(--nx-text-primary); }
.nxa-details[open] > summary:not(#nx-shield):not(#nx-shield) { margin-block-end: .5rem; }
.nxa-rows:not(#nx-shield):not(#nx-shield) { list-style: none; padding: 0; margin: 0; border-block-start: 1px solid var(--nx-border-hairline); }
.nxa-rows > li:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; padding-block: .625rem; border-block-end: 1px solid var(--nx-border-hairline); }
.nxa-link:not(#nx-shield):not(#nx-shield) { all: unset; cursor: pointer; color: var(--nx-accent-text, var(--nx-accent)); text-decoration: underline; text-underline-offset: 2px; }
.nxa-link:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: 2px; }
.nxa-timeline:not(#nx-shield):not(#nx-shield) { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.nxa-timeline li:not(#nx-shield):not(#nx-shield) { display: grid; gap: .125rem; padding-inline-start: 1rem; padding-block: .5rem; border-inline-start: 2px solid var(--nx-border-hairline-strong); }
.nxa-timeline li[data-done="true"]:not(#nx-shield):not(#nx-shield) { border-inline-start-color: var(--nx-positive); }
.nxa-timeline strong:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); font-weight: 500; }
.nxa-field:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; }
.nxa-form:not(#nx-shield):not(#nx-shield) { display: grid; gap: var(--nx-space-3); }
.nxa-receipt:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; padding: .75rem 1rem; border: 1px solid var(--nx-border-hairline-strong); border-radius: var(--nx-radius-md); background: var(--nx-bg-muted); }
.nxa-receipt code:not(#nx-shield):not(#nx-shield), .nxa-held code:not(#nx-shield):not(#nx-shield) { font: 500 1rem/1.2 var(--nx-font-mono, monospace); color: var(--nx-text-primary); }
.nxa-held:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; padding: .625rem .75rem; border: 1px solid var(--nx-positive); border-radius: var(--nx-radius-md); background: var(--nx-positive-soft); }

/* ballot console */
.nxa-console:not(#nx-shield):not(#nx-shield) { display: grid; gap: var(--nx-space-4); }
.nxa-console__top:not(#nx-shield):not(#nx-shield) { position: sticky; inset-block-start: -1rem; z-index: 2; margin-inline: -1.25rem; padding: .75rem 1.25rem; background: var(--nx-bg-surface); border-block-end: 1px solid var(--nx-border-hairline); }
.nxa-console__top:empty:not(#nx-shield):not(#nx-shield) { display: none; }
.nxa-budget:not(#nx-shield):not(#nx-shield) { display: grid; gap: .375rem; }
.nxa-budget__head:not(#nx-shield):not(#nx-shield) { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; color: var(--nx-text-primary); }
.nxa-budget__left:not(#nx-shield):not(#nx-shield) { font: 500 .8125rem/1 var(--nx-font-mono, monospace); font-variant-numeric: tabular-nums; }
.nxa-budget__left[data-tone="critical"]:not(#nx-shield):not(#nx-shield) { color: var(--nx-critical); }
.nxa-console__edit:not(#nx-shield):not(#nx-shield), .nxa-console__review:not(#nx-shield):not(#nx-shield), .nxa-console__done:not(#nx-shield):not(#nx-shield) { display: grid; gap: var(--nx-space-3); }
.nxa-console__edit[hidden]:not(#nx-shield):not(#nx-shield), .nxa-console__review[hidden]:not(#nx-shield):not(#nx-shield), .nxa-console__done[hidden]:not(#nx-shield):not(#nx-shield), .nxa-console__actions[hidden]:not(#nx-shield):not(#nx-shield), .nxa-console__top[hidden]:not(#nx-shield):not(#nx-shield) { display: none; }
.nxa-console__actions:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.nxa-total:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); font: 500 .9375rem/1.3 var(--nx-font-mono, monospace); }
.nxa-options:not(#nx-shield):not(#nx-shield) { list-style: none; padding: 0; margin: 0; border-block-start: 1px solid var(--nx-border-hairline); }
.nxa-options > li:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; padding: .75rem .25rem; border-block-end: 1px solid var(--nx-border-hairline); border-inline-start: 2px solid transparent; padding-inline-start: .75rem; }
.nxa-options > li[data-active="true"]:not(#nx-shield):not(#nx-shield) { border-inline-start-color: var(--nx-accent); background: var(--nx-accent-soft); }
.nxa-option__main:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; min-inline-size: 0; flex: 1 1 14rem; }
.nxa-option__main strong:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); font-weight: 500; }
.nxa-option__cost:not(#nx-shield):not(#nx-shield) { font-variant-numeric: tabular-nums; }
.nxa-stepper:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: .5rem; }
.nxa-stepper__v:not(#nx-shield):not(#nx-shield) { min-inline-size: 2.25rem; text-align: center; color: var(--nx-text-primary); font: 500 1.125rem/1 var(--nx-font-mono, monospace); font-variant-numeric: tabular-nums; }
.nxn .nxa-give:not(#nx-shield):not(#nx-shield) { inline-size: 6rem; max-inline-size: 100%; text-align: end; font-family: var(--nx-font-mono, monospace); }
.nxa-range:not(#nx-shield):not(#nx-shield) { inline-size: min(100%, 14rem); accent-color: var(--nx-accent); }
.nxa-pick:not(#nx-shield):not(#nx-shield) { display: flex; align-items: flex-start; gap: .75rem; cursor: pointer; padding: .125rem 0; }
.nxa-pick input:not(#nx-shield):not(#nx-shield) { margin-block-start: .25rem; }
.nxa-fieldset:not(#nx-shield):not(#nx-shield) { border: 0; padding: 0; margin: 0; display: grid; gap: .5rem; min-inline-size: 0; }
.nxa-rank:not(#nx-shield):not(#nx-shield) { list-style: none; padding: 0; margin: 0; border-block-start: 1px solid var(--nx-border-hairline); }
.nxa-rank > li:not(#nx-shield):not(#nx-shield) { display: flex; align-items: center; gap: .75rem; padding: .625rem .25rem; border-block-end: 1px solid var(--nx-border-hairline); }
.nxa-rank__n:not(#nx-shield):not(#nx-shield) { inline-size: 1.5rem; color: var(--nx-text-muted); font: 500 .8125rem/1 var(--nx-font-mono, monospace); }
.nxa-boost:not(#nx-shield):not(#nx-shield) { display: grid; gap: .625rem; padding: .875rem 1rem; border: 1px solid var(--nx-border-hairline-strong); border-radius: var(--nx-radius-md); background: var(--nx-bg-elevated); }
.nxa-boost > header:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; align-items: baseline; }
.nxa-boost__form:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
@media (max-width: 40em) {
  .nxa-drawer:not(#nx-shield):not(#nx-shield), .nxa-drawer[data-wide="true"]:not(#nx-shield):not(#nx-shield) { inline-size: 100vw; }
  .nxa-kv:not(#nx-shield):not(#nx-shield) { grid-template-columns: 1fr; }
}

/* nx-controls:begin */
.nx-switch:not(#nx-shield):not(#nx-shield), .nx-check:not(#nx-shield):not(#nx-shield), .nx-radio:not(#nx-shield):not(#nx-shield) {
  --_ink: var(--nx-ctl-ink, var(--nx-text-primary, CanvasText));
  --_canvas: var(--nx-ctl-canvas, var(--nx-bg-canvas, Canvas));
  --_line: var(--nx-ctl-line, var(--nx-border-hairline-strong, GrayText));
  --_hover: var(--nx-ctl-hover, var(--nx-bg-hover, transparent));
  --_focus: var(--nx-ctl-focus, var(--nx-focus, Highlight));
  --_crit: var(--nx-ctl-critical, var(--nx-critical, CanvasText));
  --_r: var(--nx-ctl-radius, var(--nx-radius-sm, 5px));
  --_rs: var(--nx-ctl-radius-xs, 2px);
  --_fast: var(--nx-ctl-fast, var(--nx-motion-fast, 120ms));
  --_ease: var(--nx-ctl-ease, cubic-bezier(.2, 0, 0, 1));
}

/* ---- checkbox: 18px box, 4px corners, a drawn tick; indeterminate is a bar. */
input[type="checkbox"].nx-check:not(#nx-shield):not(#nx-shield),
input[type="radio"].nx-radio:not(#nx-shield):not(#nx-shield) {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  display: inline-block;
  flex: none;
  box-sizing: border-box;
  inline-size: 18px;
  block-size: 18px;
  min-inline-size: 18px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--_line);
  border-radius: var(--_rs);
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  vertical-align: middle;
  transition: background-color var(--_fast) var(--_ease), border-color var(--_fast) var(--_ease);
}
input[type="checkbox"].nx-check:not(#nx-shield):not(#nx-shield)::before {
  content: "";
  position: absolute;
  inset-block-start: 2px;
  inset-inline-start: 5px;
  inline-size: 5px;
  block-size: 9px;
  margin: 0;
  border: solid var(--_canvas);
  border-width: 0 2px 2px 0;
  background: none;
  transform: rotate(45deg) scale(0);
  transition: transform var(--_fast) var(--_ease);
  filter: none;
}
input[type="checkbox"].nx-check:is(:checked, :indeterminate):not(#nx-shield):not(#nx-shield) {
  background: var(--_ink);
  border-color: var(--_ink);
}
input[type="checkbox"].nx-check:checked:not(#nx-shield):not(#nx-shield)::before {
  content: "";
  transform: rotate(45deg) scale(1);
}
input[type="checkbox"].nx-check:indeterminate:not(#nx-shield):not(#nx-shield)::before {
  content: "";
  inset-block-start: 7px;
  inset-inline-start: 3px;
  inline-size: 10px;
  block-size: 0;
  border-width: 2px 0 0;
  transform: none;
}
/* radio: the one circle in the set (a dot, as in the kit) */
input[type="radio"].nx-radio:not(#nx-shield):not(#nx-shield) { border-radius: 50%; }
input[type="radio"].nx-radio:not(#nx-shield):not(#nx-shield)::before {
  content: "";
  position: absolute;
  inset: 3px;
  margin: 0;
  inline-size: auto;
  block-size: auto;
  border-radius: 50%;
  background: var(--_canvas);
  transform: scale(0);
  transition: transform var(--_fast) var(--_ease);
  line-height: 0;
}
input[type="radio"].nx-radio:checked:not(#nx-shield):not(#nx-shield) { background: var(--_ink); border-color: var(--_ink); }
input[type="radio"].nx-radio:checked:not(#nx-shield):not(#nx-shield)::before { content: ""; transform: scale(1); }
input.nx-check:hover:not(:disabled):not(#nx-shield):not(#nx-shield),
input.nx-radio:hover:not(:disabled):not(#nx-shield):not(#nx-shield) { border-color: var(--_ink); }
input.nx-check:focus-visible:not(#nx-shield):not(#nx-shield),
input.nx-radio:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--_focus); outline-offset: 2px; }
input.nx-check:disabled:not(#nx-shield):not(#nx-shield),
input.nx-radio:disabled:not(#nx-shield):not(#nx-shield) { opacity: .45; cursor: not-allowed; }
input.nx-check[aria-invalid="true"]:not(#nx-shield):not(#nx-shield),
input.nx-radio[aria-invalid="true"]:not(#nx-shield):not(#nx-shield) { border-color: var(--_crit); }
/* the labelled row: box, then text; the whole row is the target */
.nx-ctl:not(#nx-shield):not(#nx-shield) { display: flex; align-items: flex-start; gap: 10px; min-block-size: 24px; color: var(--nx-ctl-ink, var(--nx-text-primary, CanvasText)); font: inherit; line-height: 1.4; cursor: pointer; }
.nx-ctl > :is(.nx-check, .nx-radio):not(#nx-shield):not(#nx-shield) { margin-block-start: 1px; }
.nx-ctl__hint:not(#nx-shield):not(#nx-shield) { display: block; color: var(--nx-ctl-muted, var(--nx-text-muted, GrayText)); font-size: .8125em; }

/* ---- switch: an input[type=checkbox][role=switch] or a button[role=switch][aria-checked]. Off = line track and
   canvas thumb; on = ink track and canvas-coloured thumb; mixed = thumb centred over a half-ink track. */
:is(input, button).nx-switch:not(#nx-shield):not(#nx-shield) {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  display: inline-block;
  flex: none;
  box-sizing: border-box;
  inline-size: 40px;
  min-inline-size: 40px;
  block-size: 24px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--_line);
  border-radius: var(--_r);
  background: var(--_line);
  color: inherit;
  box-shadow: none;
  cursor: pointer;
  vertical-align: middle;
  transition: background-color var(--_fast) var(--_ease), border-color var(--_fast) var(--_ease);
}
:is(input, button).nx-switch:not(#nx-shield):not(#nx-shield)::before {
  content: "";
  position: absolute;
  inset-block-start: 2px;
  inset-inline-start: 2px;
  inline-size: 18px;
  block-size: 18px;
  margin: 0;
  border: 0;
  border-radius: var(--nx-radius-sm, 2px);
  background: var(--_canvas);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--_ink) 28%, transparent);
  transform: none;
  filter: none;
  transition: inset-inline-start var(--_fast) var(--_ease), background-color var(--_fast) var(--_ease);
}
/* a 44px-tall target around the 24px track (WCAG 2.5.8) without growing the layout */
:is(input, button).nx-switch:not(#nx-shield):not(#nx-shield)::after {
  content: "";
  position: absolute;
  inset: -10px -4px;
}
:is(input, button).nx-switch:is(:checked, [aria-checked="true"]):not(#nx-shield):not(#nx-shield) {
  background: var(--_ink);
  border-color: var(--_ink);
}
:is(input, button).nx-switch:is(:checked, [aria-checked="true"]):not(#nx-shield):not(#nx-shield)::before {
  content: "";
  inset-inline-start: calc(100% - 20px);
  background: var(--_canvas);
  transform: none;
}
:is(input, button).nx-switch:is([aria-checked="mixed"], :indeterminate):not(#nx-shield):not(#nx-shield) {
  background: color-mix(in srgb, var(--_ink) 45%, var(--_line));
  border-color: color-mix(in srgb, var(--_ink) 45%, var(--_line));
}
:is(input, button).nx-switch:is([aria-checked="mixed"], :indeterminate):not(#nx-shield):not(#nx-shield)::before { inset-inline-start: calc(50% - 10px); }
:is(input, button).nx-switch:hover:not(:disabled):not(#nx-shield):not(#nx-shield) { border-color: var(--_ink); }
:is(input, button).nx-switch:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--_focus); outline-offset: 2px; }
:is(input, button).nx-switch:is(:disabled, [aria-disabled="true"]):not(#nx-shield):not(#nx-shield) { opacity: .45; cursor: not-allowed; }
:is(input, button).nx-switch[aria-invalid="true"]:not(#nx-shield):not(#nx-shield) { border-color: var(--_crit); }
/* compact: 34x20 */
:is(input, button).nx-switch.nx-switch--sm:not(#nx-shield):not(#nx-shield) { inline-size: 34px; min-inline-size: 34px; block-size: 20px; }
:is(input, button).nx-switch.nx-switch--sm:not(#nx-shield):not(#nx-shield)::before { inline-size: 14px; block-size: 14px; }
:is(input, button).nx-switch.nx-switch--sm:is(:checked, [aria-checked="true"]):not(#nx-shield):not(#nx-shield)::before { inset-inline-start: calc(100% - 16px); }
:is(input, button).nx-switch.nx-switch--sm:is([aria-checked="mixed"], :indeterminate):not(#nx-shield):not(#nx-shield)::before { inset-inline-start: calc(50% - 8px); }

@media (prefers-reduced-motion: reduce) {
  .nx-switch:not(#nx-shield):not(#nx-shield), .nx-switch:not(#nx-shield):not(#nx-shield)::before, .nx-check:not(#nx-shield):not(#nx-shield), .nx-check:not(#nx-shield):not(#nx-shield)::before, .nx-radio:not(#nx-shield):not(#nx-shield), .nx-radio:not(#nx-shield):not(#nx-shield)::before { transition: none; }
}
@media (forced-colors: active) {
  :is(input, button).nx-switch:not(#nx-shield):not(#nx-shield) { border-color: CanvasText; }
  :is(input, button).nx-switch:is(:checked, [aria-checked="true"]):not(#nx-shield):not(#nx-shield) { background: Highlight; border-color: Highlight; }
  :is(input, button).nx-switch:not(#nx-shield):not(#nx-shield)::before { background: ButtonText; }
  input.nx-check:checked:not(#nx-shield):not(#nx-shield),
  input.nx-radio:checked:not(#nx-shield):not(#nx-shield) { background: Highlight; border-color: Highlight; }
}
/* nx-controls:end */

/* nx-controls-extra:begin */
/* segmented control, slider and button; a consumer that uses them carries the block above as well */
.nx-seg:not(#nx-shield):not(#nx-shield), .nx-range:not(#nx-shield):not(#nx-shield), .nx-btn:not(#nx-shield):not(#nx-shield) {
  --_ink: var(--nx-ctl-ink, var(--nx-text-primary, CanvasText));
  --_canvas: var(--nx-ctl-canvas, var(--nx-bg-canvas, Canvas));
  --_line: var(--nx-ctl-line, var(--nx-border-hairline-strong, GrayText));
  --_hover: var(--nx-ctl-hover, var(--nx-bg-hover, transparent));
  --_focus: var(--nx-ctl-focus, var(--nx-focus, Highlight));
  --_crit: var(--nx-ctl-critical, var(--nx-critical, CanvasText));
  --_r: var(--nx-ctl-radius, var(--nx-radius-sm, 5px));
  --_rs: var(--nx-ctl-radius-xs, 2px);
  --_fast: var(--nx-ctl-fast, var(--nx-motion-fast, 120ms));
  --_ease: var(--nx-ctl-ease, cubic-bezier(.2, 0, 0, 1));
}

/* ---- segmented control: 2 to 4 mutually exclusive choices; 5px frame, hairline dividers, active segment inverted.
   Children are buttons (aria-pressed), links (aria-current) or tabs (aria-selected). */
.nx-seg:not(#nx-shield):not(#nx-shield) { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; box-sizing: border-box; border: 1px solid var(--_line); border-radius: var(--_r); overflow: hidden; background: transparent; }
.nx-seg--fill:not(#nx-shield):not(#nx-shield) { display: grid; inline-size: 100%; }
.nx-seg .nx-seg__btn:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; min-block-size: 36px; min-inline-size: 0; margin: 0; padding: 4px 12px; border: 0; border-inline-start: 1px solid var(--_line); border-radius: 0; background: transparent; color: var(--_ink); font-family: var(--nx-ctl-font, inherit); font-size: 13px; font-weight: 500; line-height: 1.25; text-align: center; text-decoration: none; cursor: pointer; overflow-wrap: anywhere; transition: background-color var(--_fast) var(--_ease), color var(--_fast) var(--_ease); }
.nx-seg .nx-seg__btn:first-child:not(#nx-shield):not(#nx-shield) { border-inline-start: 0; }
.nx-seg .nx-seg__btn:hover:not(#nx-shield):not(#nx-shield) { background: var(--_hover); color: var(--_ink); }
.nx-seg .nx-seg__btn:is([aria-pressed="true"], [aria-current]:not([aria-current="false"]), [aria-selected="true"], .is-active):not(#nx-shield):not(#nx-shield) { background: var(--_ink); color: var(--_canvas); }
.nx-seg .nx-seg__btn:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--_focus); outline-offset: -3px; }
.nx-seg .nx-seg__btn:is(:disabled, [aria-disabled="true"]):not(#nx-shield):not(#nx-shield) { opacity: .45; cursor: not-allowed; }
.nx-seg.nx-seg--lg .nx-seg__btn:not(#nx-shield):not(#nx-shield) { min-block-size: 44px; }

/* ---- slider: 4px track, 14x24 square thumb (2px corners), ink thumb. */
input[type="range"].nx-range:not(#nx-shield):not(#nx-shield) { -webkit-appearance: none; appearance: none; flex: 1; inline-size: 100%; min-inline-size: 0; block-size: 44px; margin: 0; background: none; cursor: pointer; }
input[type="range"].nx-range:not(#nx-shield):not(#nx-shield)::-webkit-slider-runnable-track { block-size: 4px; border-radius: 2px; background: var(--_line); }
input[type="range"].nx-range:not(#nx-shield):not(#nx-shield)::-moz-range-track { block-size: 4px; border-radius: 2px; background: var(--_line); }
input[type="range"].nx-range:not(#nx-shield):not(#nx-shield)::-webkit-slider-thumb { -webkit-appearance: none; inline-size: 14px; block-size: 24px; margin-block-start: -10px; border: 0; border-radius: var(--nx-radius-sm, 2px); background: var(--_ink); box-shadow: 0 1px 2px color-mix(in srgb, var(--_ink) 28%, transparent); }
input[type="range"].nx-range:not(#nx-shield):not(#nx-shield)::-moz-range-thumb { inline-size: 14px; block-size: 24px; border: 0; border-radius: var(--nx-radius-sm, 2px); background: var(--_ink); box-shadow: 0 1px 2px color-mix(in srgb, var(--_ink) 28%, transparent); }
input[type="range"].nx-range:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--_focus); outline-offset: 2px; }
input[type="range"].nx-range:disabled:not(#nx-shield):not(#nx-shield) { opacity: .45; cursor: not-allowed; }

/* ---- button: secondary (hairline) by default; --primary inverted; --ghost unframed; --danger critical. */
.nx-btn:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; min-block-size: 36px; min-inline-size: 0; margin: 0; padding: 6px 14px; border: 1px solid var(--_line); border-radius: var(--_r); background: transparent; color: var(--_ink); font-family: var(--nx-ctl-font, inherit); font-size: 14px; font-weight: 500; line-height: 1.25; text-align: center; text-decoration: none; cursor: pointer; transition: background-color var(--_fast) var(--_ease), border-color var(--_fast) var(--_ease); }
.nx-btn:hover:not(#nx-shield):not(#nx-shield) { background: var(--_hover); border-color: var(--_ink); color: var(--_ink); }
.nx-btn.nx-btn--primary:not(#nx-shield):not(#nx-shield) { background: var(--_ink); border-color: var(--_ink); color: var(--_canvas); }
.nx-btn.nx-btn--primary:hover:not(#nx-shield):not(#nx-shield) { background: color-mix(in srgb, var(--_ink) 86%, var(--_canvas)); border-color: color-mix(in srgb, var(--_ink) 86%, var(--_canvas)); color: var(--_canvas); }
.nx-btn.nx-btn--ghost:not(#nx-shield):not(#nx-shield) { border-color: transparent; }
.nx-btn.nx-btn--danger:not(#nx-shield):not(#nx-shield) { border-color: var(--_crit); color: var(--_crit); }
.nx-btn.nx-btn--danger:hover:not(#nx-shield):not(#nx-shield) { background: var(--_crit); border-color: var(--_crit); color: var(--_canvas); }
.nx-btn.nx-btn--lg:not(#nx-shield):not(#nx-shield) { min-block-size: 44px; }
.nx-btn:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--_focus); outline-offset: 2px; }
.nx-btn:is(:disabled, [aria-disabled="true"]):not(#nx-shield):not(#nx-shield) { opacity: .45; cursor: not-allowed; }

@media (prefers-reduced-motion: reduce) {
  .nx-seg .nx-seg__btn:not(#nx-shield):not(#nx-shield), .nx-btn:not(#nx-shield):not(#nx-shield) { transition: none; }
}
@media (forced-colors: active) {
  .nx-seg .nx-seg__btn:is([aria-pressed="true"], [aria-current]:not([aria-current="false"]), [aria-selected="true"], .is-active):not(#nx-shield):not(#nx-shield) { outline: 2px solid Highlight; outline-offset: -3px; }
}
/* touch: the element itself is the 52 by 44 target (panels whose every control is 44px); the 40 by 24 track is drawn
   inside it by ::before and the thumb by ::after, so the look is the same */
:is(input, button).nx-switch.nx-switch--touch:not(#nx-shield):not(#nx-shield) { inline-size: 52px; min-inline-size: 52px; block-size: 44px; border: 0; background: none; }
:is(input, button).nx-switch.nx-switch--touch:not(#nx-shield):not(#nx-shield)::before {
  inset-block-start: 10px;
  inset-inline-start: 6px;
  inline-size: 40px;
  block-size: 24px;
  border: 1px solid var(--_line);
  border-radius: var(--_r);
  background: var(--_line);
  box-shadow: none;
  transition: background-color var(--_fast) var(--_ease), border-color var(--_fast) var(--_ease);
}
:is(input, button).nx-switch.nx-switch--touch:not(#nx-shield):not(#nx-shield)::after {
  inset: 13px auto auto 9px;
  inset-inline-start: 9px;
  inline-size: 18px;
  block-size: 18px;
  border-radius: var(--nx-radius-sm, 2px);
  background: var(--_canvas);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--_ink) 28%, transparent);
  transition: inset-inline-start var(--_fast) var(--_ease), background-color var(--_fast) var(--_ease);
}
:is(input, button).nx-switch.nx-switch--touch:is(:checked, [aria-checked="true"]):not(#nx-shield):not(#nx-shield) { background: none; }
:is(input, button).nx-switch.nx-switch--touch:is(:checked, [aria-checked="true"]):not(#nx-shield):not(#nx-shield)::before { inset-inline-start: 6px; background: var(--_ink); border-color: var(--_ink); }
:is(input, button).nx-switch.nx-switch--touch:is(:checked, [aria-checked="true"]):not(#nx-shield):not(#nx-shield)::after { inset-inline-start: 25px; }
:is(input, button).nx-switch.nx-switch--touch:is([aria-checked="mixed"], :indeterminate):not(#nx-shield):not(#nx-shield) { background: none; }
:is(input, button).nx-switch.nx-switch--touch:is([aria-checked="mixed"], :indeterminate):not(#nx-shield):not(#nx-shield)::before { inset-inline-start: 6px; background: color-mix(in srgb, var(--_ink) 45%, var(--_line)); border-color: color-mix(in srgb, var(--_ink) 45%, var(--_line)); }
:is(input, button).nx-switch.nx-switch--touch:is([aria-checked="mixed"], :indeterminate):not(#nx-shield):not(#nx-shield)::after { inset-inline-start: 19px; }
:is(input, button).nx-switch.nx-switch--touch:hover:not(:disabled):not(#nx-shield):not(#nx-shield) { border-color: transparent; }
:is(input, button).nx-switch.nx-switch--touch:hover:not(:disabled):not(#nx-shield):not(#nx-shield)::before { border-color: var(--_ink); }
@media (forced-colors: active) {
  :is(input, button).nx-switch.nx-switch--touch:not(#nx-shield):not(#nx-shield)::before { background: Canvas; border-color: CanvasText; }
  :is(input, button).nx-switch.nx-switch--touch:not(#nx-shield):not(#nx-shield)::after { background: ButtonText; }
  :is(input, button).nx-switch.nx-switch--touch:is(:checked, [aria-checked="true"]):not(#nx-shield):not(#nx-shield)::before { background: Highlight; border-color: Highlight; }
}
/* nx-controls-extra:end */

/* ====================================================================================================================
   1.9.0: the approved design (owner 2026-10-29, docs/integrations/wordpress/app/approved-design: Main, Decide,
   Calendar). Neutral surfaces; the pastel gradient (lavender, sky, mint, peach; --nxg-g1..g4, light and dark) is used
   only on lines, icons, sparklines, chart strokes, progress and rules, never behind text. Supersedes the "no gradients"
   note above for exactly those uses.
   ==================================================================================================================== */
/* 1.15.0 (owner 2026-11-02: "our black and white UI/UX kit as other themes with light/dark"; supersedes the pastel
   gradient above): the series run ink, grey, the estate accent and a light grey, from the mode's own tokens, and the
   rule line is the estate accent alone. No hue is typed here, so both modes follow the visitor's theme choice. */
.nxn.nxg:not(#nx-shield):not(#nx-shield) { --nxg-g1: var(--nx-text-primary); --nxg-g2: var(--nx-text-muted); --nxg-g3: var(--nx-accent); --nxg-g4: var(--nx-border-strong); --nxg-grad: linear-gradient(90deg, var(--nx-accent), var(--nx-accent)); }
.nxg .nxg-defs:not(#nx-shield):not(#nx-shield) { position: absolute; inline-size: 0; block-size: 0; overflow: hidden; }
.nxg :is(h2, h3, h4)[tabindex="-1"]:focus:not(#nx-shield):not(#nx-shield), .nxg .nxg-panelbody:focus:not(#nx-shield):not(#nx-shield) { outline: none; } /* never a ring left on a heading after a click (gate 9) */
.nxg .nxg-eb:not(#nx-shield):not(#nx-shield) { margin: 0; font: 500 .6875rem/1.3 var(--nx-font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--nxg-muted); }
.nxg .nxg-meta:not(#nx-shield):not(#nx-shield) { font: .75rem/1.4 var(--nx-font-mono); color: var(--nxg-muted); }
.nxg .nxg-num:not(#nx-shield):not(#nx-shield) { font-family: var(--nx-font-mono); font-variant-numeric: tabular-nums; font-size: .8125rem; color: var(--nxg-text); }
.nxg .nxg-ic:not(#nx-shield):not(#nx-shield) { inline-size: 1rem; block-size: 1rem; flex: none; }
.nxg .nxg-ic--sm:not(#nx-shield):not(#nx-shield) { inline-size: .75rem; block-size: .75rem; }
.nxg .nxg-btn:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-block-size: 2rem; padding: 0 .75rem; border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--nxg-text); font: 500 .8125rem/1 var(--nx-font-sans); text-decoration: none !important; white-space: nowrap; cursor: pointer; }
.nxg .nxg-btn--p:not(#nx-shield):not(#nx-shield) { min-block-size: 2.25rem; padding: 0 .875rem; background: var(--nx-primary-bg); border-color: var(--nx-primary-bg); color: var(--nx-primary-ink) !important; font-size: .875rem; }
.nxg .nxg-btn--s:not(#nx-shield):not(#nx-shield) { border-color: var(--nxg-line-2); }
.nxg .nxg-btn--s:hover:not(#nx-shield):not(#nx-shield), .nxg .nxg-btn--g:hover:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); }
.nxg .nxg-badge:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: .375rem; block-size: 1.25rem; padding: 0 .4375rem; border: 0; border-radius: 2px; background: var(--nx-bg-muted); font: 500 .65625rem/1 var(--nx-font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--nxg-text-2); white-space: nowrap; }
.nxg .nxg-dot:not(#nx-shield):not(#nx-shield) { display: inline-block; flex: none; inline-size: .375rem; block-size: .375rem; border-radius: 2px; background: var(--nxg-muted); }
.nxg .nxg-dot[data-tone="positive"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-positive); }
.nxg .nxg-dot[data-tone="caution"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-caution); }
.nxg .nxg-dot[data-tone="critical"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-critical); }
.nxg .nxg-dot[data-tone="info"]:not(#nx-shield):not(#nx-shield) { background: var(--nxg-g2); }

/* tooltip */
.nxg .nxg-tip:not(#nx-shield):not(#nx-shield) { position: relative; display: inline-flex; vertical-align: middle; }
.nxg .nxg-tip__mark:not(#nx-shield):not(#nx-shield) { display: inline-grid; place-items: center; inline-size: 1.25rem; block-size: 1.25rem; border-radius: 5px; color: var(--nxg-muted); cursor: help; }
.nxg .nxg-tip__mark:hover:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); color: var(--nxg-text); }
.nxg .nxg-tip__bubble:not(#nx-shield):not(#nx-shield) { position: absolute; z-index: 30; inset-block-end: calc(100% + .5rem); inset-inline-end: -.5rem; inline-size: max-content; max-inline-size: min(17rem, 80vw); padding: .5rem .625rem; border: 1px solid var(--nxg-line-2); border-radius: 5px; background: var(--nxg-elevated); box-shadow: var(--nx-shadow-md); font: 400 .8125rem/1.4 var(--nx-font-sans); letter-spacing: normal; text-transform: none; color: var(--nxg-text); white-space: normal; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--nx-motion-fast) var(--nx-ease-standard); }
.nxg .nxg-tip:hover .nxg-tip__bubble:not(#nx-shield):not(#nx-shield), .nxg .nxg-tip:focus-within .nxg-tip__bubble:not(#nx-shield):not(#nx-shield) { opacity: 1; visibility: visible; }

/* the overview */
.nxg .nxg-ov2:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1.5rem; min-inline-size: 0; }
.nxg .nxg-ph:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 1rem; }
.nxg .nxg-ph__text:not(#nx-shield):not(#nx-shield) { flex: 1 1 22rem; min-inline-size: 0; }
.nxg .nxg-ph__title:not(#nx-shield):not(#nx-shield) { margin: .375rem 0 .25rem; font-size: 1.75rem; font-weight: 500; letter-spacing: -.01em; color: var(--nxg-text); }
.nxg .nxg-ph__lede:not(#nx-shield):not(#nx-shield) { max-inline-size: 64ch; color: var(--nxg-text-2); }
.nxg .nxg-tiles:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr)); gap: 1px; background: var(--nxg-line); border: 1px solid var(--nxg-line); border-radius: 5px; overflow: hidden; }
.nxg .nxg-tile:not(#nx-shield):not(#nx-shield) { position: relative; background: var(--nxg-surface); min-inline-size: 0; }
.nxg .nxg-tile__link:not(#nx-shield):not(#nx-shield) { display: flex; flex-direction: column; gap: .375rem; padding: 1rem 1.125rem; color: var(--nxg-text) !important; text-decoration: none !important; }
.nxg .nxg-tile__link:hover:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); }
.nxg .nxg-tile > .nxg-tip:not(#nx-shield):not(#nx-shield) { position: absolute; inset-block-start: .875rem; inset-inline-end: .875rem; }
.nxg .nxg-tile__mid:not(#nx-shield):not(#nx-shield) { display: flex; align-items: flex-end; justify-content: space-between; gap: .75rem; min-block-size: 2rem; }
.nxg .nxg-tile__v:not(#nx-shield):not(#nx-shield) { font: 500 1.875rem/1 var(--nx-font-mono); font-variant-numeric: tabular-nums; }
.nxg .nxg-spark:not(#nx-shield):not(#nx-shield) { display: block; flex: none; }
.nxg .nxg-tile__foot:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .5rem; } /* a note never truncates: it wraps (INFORMATION_ARCHITECTURE 3) */
.nxg .nxg-tile__foot .nxg-meta:not(#nx-shield):not(#nx-shield) { flex: 1 1 10rem; min-inline-size: 0; color: var(--nxg-text-2); white-space: normal; overflow-wrap: anywhere; }
.nxg .nxg-tile__cta:not(#nx-shield):not(#nx-shield) { font: .75rem/1 var(--nx-font-mono); color: var(--nxg-text); white-space: nowrap; }
.nxg .nxg-split:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 1.5rem; }
.nxg .nxg-split--wide:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
@media (max-width: 93.75em) { .nxg .nxg-split--wide:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); } }
.nxg .nxg-ov2 .nxg-card:not(#nx-shield):not(#nx-shield) { display: block; padding: 0; border: 1px solid var(--nxg-line); border-radius: 5px; background: var(--nxg-surface); min-inline-size: 0; overflow: hidden; box-shadow: none; }
.nxg .nxg-card__head:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; padding: 1rem 1.125rem .75rem; }
.nxg .nxg-card__head > div:first-child:not(#nx-shield):not(#nx-shield) { flex: 1 1 12rem; min-inline-size: 0; }
.nxg .nxg-card__title:not(#nx-shield):not(#nx-shield) { margin: .25rem 0 0; font-size: 1.0625rem; font-weight: 500; color: var(--nxg-text); }
.nxg .nxg-rows2:not(#nx-shield):not(#nx-shield) { margin: 0; padding: 0; list-style: none; }
.nxg .nxg-row:not(#nx-shield):not(#nx-shield) { display: flex; align-items: center; gap: .875rem; padding: .875rem 1.125rem; border-block-start: 1px solid var(--nxg-line); }
.nxg .nxg-row:hover:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); }
.nxg .nxg-row--top:not(#nx-shield):not(#nx-shield) { align-items: flex-start; }
.nxg .nxg-row--top > .nxg-ic:not(#nx-shield):not(#nx-shield) { margin-block-start: .125rem; }
.nxg .nxg-row__ic:not(#nx-shield):not(#nx-shield) { flex: none; display: grid; place-items: center; inline-size: 2rem; block-size: 2rem; border: 1px solid var(--nxg-line); border-radius: 5px; }
.nxg .nxg-row__main:not(#nx-shield):not(#nx-shield) { flex: 1; min-inline-size: 0; display: grid; gap: .125rem; }
.nxg .nxg-row__t:not(#nx-shield):not(#nx-shield) { display: block; font-weight: 500; color: var(--nxg-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nxg .nxg-row__t--wrap:not(#nx-shield):not(#nx-shield) { white-space: normal; }
.nxg .nxg-row .nxg-meta:not(#nx-shield):not(#nx-shield) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nxg .nxg-verify:not(#nx-shield):not(#nx-shield) { flex: none; font: .75rem/1.4 var(--nx-font-mono); color: var(--nxg-text-2) !important; text-decoration: underline; text-underline-offset: 3px; }
.nxg .nxg-week:not(#nx-shield):not(#nx-shield) { margin: 0; padding: .25rem 1.125rem 1.125rem; list-style: none; display: grid; gap: .25rem; }
.nxg .nxg-week li:not(#nx-shield):not(#nx-shield) { display: flex; gap: .875rem; padding-block: .5rem; }
.nxg .nxg-week__day:not(#nx-shield):not(#nx-shield) { flex: none; inline-size: 2.75rem; display: grid; justify-items: center; padding-block: .25rem; border: 1px solid var(--nxg-line); border-radius: 5px; }
.nxg .nxg-week__day .nxg-eb:not(#nx-shield):not(#nx-shield) { font-size: .625rem; letter-spacing: .1em; }
.nxg .nxg-week__n:not(#nx-shield):not(#nx-shield) { font: 500 1.125rem/1.2 var(--nx-font-mono); color: var(--nxg-text); }
.nxg .nxg-week__main:not(#nx-shield):not(#nx-shield) { position: relative; display: grid; align-content: start; gap: .125rem; min-inline-size: 0; padding-inline-start: .875rem; border-inline-start: 1px solid var(--nxg-line); }
.nxg .nxg-week__main .nxg-row__t:not(#nx-shield):not(#nx-shield) { white-space: normal; }
.nxg .nxg-week__main:not(#nx-shield):not(#nx-shield)::before { content: ""; position: absolute; inset-inline-start: -4px; inset-block-start: .375rem; inline-size: 7px; block-size: 7px; border-radius: 2px; background: var(--nxg-g2); }
.nxg .nxg-week__main[data-tone="g1"]:not(#nx-shield):not(#nx-shield)::before { background: var(--nxg-g1); }
.nxg .nxg-week__main[data-tone="g3"]:not(#nx-shield):not(#nx-shield)::before { background: var(--nxg-g3); }
.nxg .nxg-week__main[data-tone="g4"]:not(#nx-shield):not(#nx-shield)::before { background: var(--nxg-g4); }
.nxg .nxg-seg:not(#nx-shield):not(#nx-shield) { flex: none; }
.nxg .nxg-tablewrap:not(#nx-shield):not(#nx-shield) { overflow-x: auto; }
.nxg .nxg-ov2 .nxg-table:not(#nx-shield):not(#nx-shield) { inline-size: 100%; min-inline-size: 47.5rem; border-collapse: collapse; }
.nxg .nxg-ov2 .nxg-table th:not(#nx-shield):not(#nx-shield) { padding: .625rem 1.125rem; background: var(--nx-bg-muted); border-block: 1px solid var(--nxg-line); font: 500 .6875rem/1.3 var(--nx-font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--nxg-muted); text-align: start; }
.nxg .nxg-ov2 .nxg-table td:not(#nx-shield):not(#nx-shield) { padding: .75rem 1.125rem; border-block-end: 1px solid var(--nxg-line); vertical-align: middle; }
.nxg .nxg-ov2 .nxg-table td:not(.nxg-turn) > :is(.nxg-meta, .nxg-num, .nxg-row__t):not(#nx-shield):not(#nx-shield) { display: block; }
.nxg .nxg-ov2 .nxg-table tbody tr:hover td:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); }
.nxg .nxg-ov2 .nxg-table .nxg-end:not(#nx-shield):not(#nx-shield) { text-align: end; }
.nxg .nxg-turn:not(#nx-shield):not(#nx-shield) { inline-size: 12.5rem; }
.nxg .nxg-turn > *:not(#nx-shield):not(#nx-shield) { vertical-align: middle; }
.nxg .nxg-bar:not(#nx-shield):not(#nx-shield) { display: inline-block; inline-size: calc(100% - 3rem); block-size: 4px; margin-inline-end: .625rem; border-radius: 2px; background: var(--nx-bg-muted); overflow: hidden; }
.nxg .nxg-bar > span:not(#nx-shield):not(#nx-shield) { display: block; block-size: 100%; background: var(--nxg-grad); }
.nxg .nxg-none:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text-2); }
.nxg .nxg-foot:not(#nx-shield):not(#nx-shield) { padding: .75rem 1.125rem; }
.nxg .nxg-ov2 .nxg-pipe:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .625rem; margin: 0; padding: 0 1.125rem 1.125rem; list-style: none; }
.nxg .nxg-pipe li:not(#nx-shield):not(#nx-shield) { min-inline-size: 0; display: grid; align-content: start; gap: .625rem; }
.nxg .nxg-pipe__rule:not(#nx-shield):not(#nx-shield) { block-size: 3px; border-radius: 2px; background: var(--nxg-line-2); }
.nxg .nxg-pipe li[data-stage="supported"] .nxg-pipe__rule:not(#nx-shield):not(#nx-shield) { background: var(--nxg-g1); }
.nxg .nxg-pipe li[data-stage="docketed"] .nxg-pipe__rule:not(#nx-shield):not(#nx-shield) { background: var(--nxg-g2); }
.nxg .nxg-pipe li[data-stage="decided"] .nxg-pipe__rule:not(#nx-shield):not(#nx-shield) { background: var(--nxg-g3); }
.nxg .nxg-pipe li[data-stage="declined"] .nxg-pipe__rule:not(#nx-shield):not(#nx-shield) { background: var(--nxg-g4); }
.nxg .nxg-pipe__head:not(#nx-shield):not(#nx-shield) { display: flex; align-items: center; gap: .25rem; min-inline-size: 0; }
.nxg .nxg-pipe__head .nxg-eb:not(#nx-shield):not(#nx-shield) { letter-spacing: .1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nxg .nxg-pipe__n:not(#nx-shield):not(#nx-shield) { margin-inline-start: auto; font: 500 1.125rem/1 var(--nx-font-mono); color: var(--nxg-text); }
.nxg .nxg-pipe__top:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; padding: .625rem; border: 1px solid var(--nxg-line); border-radius: 5px; background: var(--nx-bg-muted); }
.nxg .nxg-pipe__top--none:not(#nx-shield):not(#nx-shield) { padding-inline: 0; border: 0; background: transparent; }
.nxg .nxg-pipe__t:not(#nx-shield):not(#nx-shield) { font-size: .8125rem; font-weight: 500; line-height: 1.35; color: var(--nxg-text); overflow-wrap: anywhere; }
.nxg .nxg-pipe__top .nxg-meta:not(#nx-shield):not(#nx-shield) { font-size: .6875rem; }
.nxg .nxg-empty2:not(#nx-shield):not(#nx-shield) { display: grid; justify-items: start; gap: .25rem; padding: .25rem 1.125rem 1.125rem; }
.nxg .nxg-empty2 > .nxg-ic:not(#nx-shield):not(#nx-shield) { inline-size: 1.5rem; block-size: 1.5rem; margin-block-end: .375rem; }
.nxg .nxg-empty2__t:not(#nx-shield):not(#nx-shield) { font-weight: 500; color: var(--nxg-text); }
.nxg .nxg-empty2__x:not(#nx-shield):not(#nx-shield) { font-size: .8125rem; max-inline-size: 60ch; }
.nxg .nxg-empty2 p:last-child:not(#nx-shield):not(#nx-shield) { margin-block-start: .5rem; }
.nxg .nxg-how:not(#nx-shield):not(#nx-shield) { border: 1px solid var(--nxg-line); border-radius: 5px; background: var(--nxg-surface); }
.nxg .nxg-how > summary:not(#nx-shield):not(#nx-shield) { display: flex; align-items: center; gap: .625rem; min-block-size: 2.75rem; padding: 0 1.125rem; cursor: pointer; list-style: none; color: var(--nxg-text); font-weight: 500; }
.nxg .nxg-how > summary:not(#nx-shield):not(#nx-shield)::-webkit-details-marker { display: none; }
.nxg .nxg-how > summary .nxg-meta:not(#nx-shield):not(#nx-shield) { margin-inline-start: auto; font-weight: 400; }
.nxg .nxg-how__body:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 1.125rem; padding: .25rem 1.125rem 1.125rem; font-size: .8125rem; }
.nxg .nxg-how__body strong:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); font-weight: 500; }
.nxg .nxg-status:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .5rem 1rem; padding-block-start: .75rem; border-block-start: 1px solid var(--nxg-line); font: .6875rem/1.4 var(--nx-font-mono); color: var(--nxg-muted); }
.nxg .nxg-status > span:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: .375rem; }
.nxg .nxg-status__end:not(#nx-shield):not(#nx-shield) { margin-inline-start: auto; }
@media (max-width: 64em) {
  .nxg .nxg-split:not(#nx-shield):not(#nx-shield), .nxg .nxg-split--wide:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .nxg .nxg-pipe:not(#nx-shield):not(#nx-shield) { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); }
}
@media (max-width: 40em) {
  .nxg .nxg-tiles:not(#nx-shield):not(#nx-shield) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nxg .nxg-tile__v:not(#nx-shield):not(#nx-shield) { font-size: 1.5rem; }
  .nxg .nxg-tile__cta:not(#nx-shield):not(#nx-shield) { display: none; }
  .nxg .nxg-tile__foot .nxg-meta:not(#nx-shield):not(#nx-shield) { white-space: normal; }
  .nxg .nxg-spark:not(#nx-shield):not(#nx-shield) { inline-size: 4.5rem; }
  .nxg .nxg-row:not(#nx-shield):not(#nx-shield) { flex-wrap: wrap; }
  .nxg .nxg-row__main:not(#nx-shield):not(#nx-shield) { flex-basis: calc(100% - 3rem); }
  .nxg .nxg-row .nxg-badge:not(#nx-shield):not(#nx-shield) { margin-inline-start: 2.875rem; }
  .nxg .nxg-row .nxg-btn:not(#nx-shield):not(#nx-shield) { margin-inline-start: auto; min-block-size: 2.75rem; }
  .nxg .nxg-ov2 .nxg-table:not(#nx-shield):not(#nx-shield) { min-inline-size: 0; }
  .nxg .nxg-ov2 .nxg-table thead:not(#nx-shield):not(#nx-shield) { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
  .nxg .nxg-ov2 .nxg-table:not(#nx-shield):not(#nx-shield), .nxg .nxg-ov2 .nxg-table tbody:not([hidden]):not(#nx-shield):not(#nx-shield), .nxg .nxg-ov2 .nxg-table tr:not(#nx-shield):not(#nx-shield), .nxg .nxg-ov2 .nxg-table td:not(#nx-shield):not(#nx-shield) { display: block; }
  .nxg .nxg-ov2 .nxg-table tr:not(#nx-shield):not(#nx-shield) { padding-block: .5rem; border-block-end: 1px solid var(--nxg-line); }
  .nxg .nxg-ov2 .nxg-table td:not(#nx-shield):not(#nx-shield) { border: 0; padding: .25rem 1.125rem; }
  .nxg .nxg-ov2 .nxg-table td[data-label]:not(#nx-shield):not(#nx-shield)::before { content: attr(data-label); display: block; font: 500 .625rem/1.4 var(--nx-font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--nxg-muted); }
  .nxg .nxg-ov2 .nxg-table .nxg-end:not(#nx-shield):not(#nx-shield) { text-align: start; }
  .nxg .nxg-ov2 .nxg-table .nxg-btn:not(#nx-shield):not(#nx-shield) { min-block-size: 2.75rem; }
  .nxg .nxg-turn:not(#nx-shield):not(#nx-shield) { inline-size: auto; }
  .nxg .nxg-seg:not(#nx-shield):not(#nx-shield) { inline-size: 100%; }
  .nxg .nxg-seg .nx-seg__btn:not(#nx-shield):not(#nx-shield) { flex: 1 1 0; padding-inline: .5rem; white-space: nowrap; }
  .nxg .nxg-seg .nxg-meta:not(#nx-shield):not(#nx-shield) { display: none; }
  .nxg .nxg-ov2 .nxg-table:not(#nx-shield):not(#nx-shield), .nxg .nxg-ov2 .nxg-table tr:not(#nx-shield):not(#nx-shield) { border-inline: 0; border-block-start: 0; border-radius: 0; box-shadow: none; background: transparent; }
  .nxg .nxg-status__end:not(#nx-shield):not(#nx-shield) { margin-inline-start: 0; }
}
/* the calendar (approved board "Calendar"): one toolbar row, a filter panel beside the list, days as muted bands,
   events as rows with a rule in the source's colour; duplicates merged (calendar.js) */
.nxg-cal:not(#nx-shield):not(#nx-shield) { --nxg-c-gcri: var(--nxg-g2); --nxg-c-un: var(--nxg-g1); --nxg-c-ifi: var(--nxg-g3); --nxg-c-reports: var(--nxg-g4); --nxg-c-observances: var(--nxg-muted); }
.nxg-cal .nxg-cal__bar:not(#nx-shield):not(#nx-shield) { display: block; padding-block: .625rem .875rem; border-block-end: 1px solid var(--nxg-line); }
.nxg-cal .nxg-cal__row--one:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: center; gap: .625rem; }
.nxg-cal .nxg-cal__row--one .nxg-cal__nav:not(#nx-shield):not(#nx-shield) { margin-inline-start: .25rem; gap: .125rem; }
.nxg-cal .nxg-cal__title:not(#nx-shield):not(#nx-shield) { margin-inline-start: .5rem; font-weight: 500; color: var(--nxg-text); white-space: nowrap; }
.nxg-cal .nxg-cal__search:not(#nx-shield):not(#nx-shield) { position: relative; flex: 1 1 13rem; max-inline-size: 20rem; margin-inline-start: auto; }
.nxg-cal .nxg-cal__search svg:not(#nx-shield):not(#nx-shield) { position: absolute; inset-inline-start: .625rem; inset-block-start: 50%; transform: translateY(-50%); color: var(--nxg-muted); pointer-events: none; }
.nxg-cal .nxg-cal__q:not(#nx-shield):not(#nx-shield) { box-sizing: border-box; inline-size: 100%; block-size: 2.25rem; padding: 0 .625rem 0 2.125rem; border: 1px solid var(--nxg-line); border-radius: 5px; background: var(--nx-bg-muted); color: var(--nxg-text); font: .875rem/1 var(--nx-font-sans); }
.nxg-cal .nxg-cal__fbtn:not(#nx-shield):not(#nx-shield) { gap: .5rem; }
.nxg-cal .nxg-cal__fcount:not(#nx-shield):not(#nx-shield) { padding: 0 .375rem; border-radius: 2px; background: var(--nx-bg-muted); font: .75rem/1.5 var(--nx-font-mono); }
.nxg-cal .nxg-cal__layout:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: flex-start; margin-block-start: 1.125rem; }
.nxg-cal .nxg-cal__panel:not(#nx-shield):not(#nx-shield) { flex: 1 1 14rem; max-inline-size: 17.5rem; display: grid; gap: .25rem; padding: 1rem 1.125rem; border: 1px solid var(--nxg-line); border-radius: 5px; background: var(--nxg-surface); }
.nxg-cal .nxg-cal__panel[hidden]:not(#nx-shield):not(#nx-shield) { display: none; }
.nxg-cal .nxg-cal__panel .nxg-eb:not(#nx-shield):not(#nx-shield) { display: block; margin-block: .75rem .25rem; }
.nxg-cal .nxg-cal__panel .nxg-eb:first-child:not(#nx-shield):not(#nx-shield) { margin-block-start: 0; }
.nxg-cal .nxg-cal__panel .nf-ui-field:not(#nx-shield):not(#nx-shield) { box-sizing: border-box; inline-size: 100%; block-size: 2.25rem; }
.nxg-cal .nxg-cal__panel > .nf-ui-btn:not(#nx-shield):not(#nx-shield) { justify-self: start; margin-block-start: .75rem; padding-inline: 0; }
.nxg-cal .nxg-cal__chk:not(#nx-shield):not(#nx-shield) { display: flex; align-items: center; gap: .625rem; min-block-size: 2rem; color: var(--nxg-text); cursor: pointer; }
.nxg-cal .nxg-cal__chklabel:not(#nx-shield):not(#nx-shield) { flex: 1; }
.nxg-cal .nxg-cal__swatch:not(#nx-shield):not(#nx-shield) { inline-size: .375rem; block-size: .375rem; border-radius: 2px; background: var(--nxg-c-observances); }
.nxg-cal [data-group="gcri"].nxg-cal__swatch:not(#nx-shield):not(#nx-shield), .nxg-cal .nxg-ev__rule[data-group="gcri"]:not(#nx-shield):not(#nx-shield) { background: var(--nxg-c-gcri); }
.nxg-cal [data-group="un"].nxg-cal__swatch:not(#nx-shield):not(#nx-shield), .nxg-cal .nxg-ev__rule[data-group="un"]:not(#nx-shield):not(#nx-shield) { background: var(--nxg-c-un); }
.nxg-cal [data-group="ifi"].nxg-cal__swatch:not(#nx-shield):not(#nx-shield), .nxg-cal .nxg-ev__rule[data-group="ifi"]:not(#nx-shield):not(#nx-shield) { background: var(--nxg-c-ifi); }
.nxg-cal [data-group="reports"].nxg-cal__swatch:not(#nx-shield):not(#nx-shield), .nxg-cal .nxg-ev__rule[data-group="reports"]:not(#nx-shield):not(#nx-shield) { background: var(--nxg-c-reports); }
.nxg-cal .nxg-cal__body:not(#nx-shield):not(#nx-shield) { flex: 999 1 36rem; min-inline-size: 0; }
.nxg-cal .nxg-cal__agenda:not(#nx-shield):not(#nx-shield) { border: 1px solid var(--nxg-line); border-radius: 5px; background: var(--nxg-surface); overflow: hidden; }
.nxg-cal .nxg-cal__agenda > .nxg-cal__spans:not(#nx-shield):not(#nx-shield) { margin: 0; padding: .75rem 1.125rem; }
.nxg-cal .nxg-cal__day:not(#nx-shield):not(#nx-shield) { display: block; margin: 0; }
.nxg-cal .nxg-cal__dayhead:not(#nx-shield):not(#nx-shield) { display: flex; align-items: baseline; gap: .75rem; margin: 0; padding: .875rem 1.125rem .5rem; background: var(--nx-bg-muted); border-block-start: 1px solid var(--nxg-line); }
.nxg-cal .nxg-cal__day:first-of-type .nxg-cal__dayhead:not(#nx-shield):not(#nx-shield) { border-block-start: 0; }
.nxg-cal .nxg-cal__daynum:not(#nx-shield):not(#nx-shield) { inline-size: 1.75rem; font: 500 1.25rem/1 var(--nx-font-mono); color: var(--nxg-text); }
.nxg-cal .nxg-cal__dayhead .nf-ui-meta:not(#nx-shield):not(#nx-shield) { margin-inline-start: auto; }
.nxg-cal .nxg-evs:not(#nx-shield):not(#nx-shield) { margin: 0; padding: 0; list-style: none; }
.nxg-cal .nxg-ev:not(#nx-shield):not(#nx-shield) { display: flex; align-items: center; gap: 1rem; padding: .75rem 1.125rem; border-block-start: 1px solid var(--nxg-line); }
.nxg-cal .nxg-ev:hover:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); }
.nxg-cal .nxg-ev__time:not(#nx-shield):not(#nx-shield) { flex: none; inline-size: 5.5rem; color: var(--nxg-text-2); }
.nxg-cal .nxg-ev__rule:not(#nx-shield):not(#nx-shield) { flex: none; align-self: stretch; inline-size: 3px; border-radius: 2px; background: var(--nxg-c-observances); }
.nxg-cal .nxg-ev__main:not(#nx-shield):not(#nx-shield) { flex: 1; min-inline-size: 0; display: grid; gap: .125rem; }
.nxg-cal .nxg-ev__main .nxg-cal__link:not(#nx-shield):not(#nx-shield) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nxg-cal .nxg-ev__main .nf-ui-meta:not(#nx-shield):not(#nx-shield) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nxg-cal .nxg-cal__showmore:not(#nx-shield):not(#nx-shield) { margin: .75rem 1.125rem; }
.nxg-cal .nxg-cal__showmore[hidden]:not(#nx-shield):not(#nx-shield) { display: none; }
.nxg-cal .nxg-cal__legend:not(#nx-shield):not(#nx-shield) { margin-block-start: .75rem; padding: .75rem 0 0; border-block-start: 1px solid var(--nxg-line); }
.nxg-cal .nxg-cal__deadlines:not(#nx-shield):not(#nx-shield), .nxg-cal .nxg-rows:not(#nx-shield):not(#nx-shield) { margin: 0; padding: 0; list-style: none; }
.nxg-cal .nxg-empty:not(#nx-shield):not(#nx-shield) { border-style: solid; text-align: start; justify-items: start; }
@media (max-width: 40em) {
  .nxg-cal .nxg-cal__row--one > .nf-ui-segment:not(#nx-shield):not(#nx-shield), .nxg-cal .nxg-cal__row--one > .nx-seg:not(#nx-shield):not(#nx-shield) { inline-size: 100%; overflow-x: auto; }
  .nxg-cal .nxg-cal__search:not(#nx-shield):not(#nx-shield) { flex-basis: 100%; max-inline-size: none; order: 5; }
  .nxg-cal .nxg-cal__panel:not(#nx-shield):not(#nx-shield) { max-inline-size: none; flex-basis: 100%; }
  .nxg-cal .nxg-ev:not(#nx-shield):not(#nx-shield) { flex-wrap: wrap; gap: .25rem .75rem; }
  .nxg-cal .nxg-ev__time:not(#nx-shield):not(#nx-shield) { inline-size: auto; order: 2; }
  .nxg-cal .nxg-ev__rule:not(#nx-shield):not(#nx-shield) { align-self: stretch; }
  .nxg-cal .nxg-ev__main:not(#nx-shield):not(#nx-shield) { flex-basis: calc(100% - 1.5rem); }
  .nxg-cal .nxg-ev .nxg-badge:not(#nx-shield):not(#nx-shield) { order: 3; }
  .nxg-cal .nxg-ev__main :is(.nxg-cal__link, .nf-ui-meta):not(#nx-shield):not(#nx-shield) { white-space: normal; }
}

/* the quadratic vote console (approved board "Decide"): options as rows with vote cells, a stepper and the cost; the
   voice credits, the live ballot chart, the boost and the privacy note beside them. The round's drawer widens for it. */
.nxa-drawer:has(.nxa-console--split):not(#nx-shield):not(#nx-shield) { inline-size: min(76rem, 100vw); }
.nxn .nxa-console--split:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 19rem); gap: 1.5rem; align-items: start; }
.nxn .nxa-console--split .nxa-console__main:not(#nx-shield):not(#nx-shield) { min-inline-size: 0; border: 1px solid var(--nx-border-hairline); border-radius: 5px; overflow: hidden; }
.nxn .nxa-console--split .nxa-console__aside:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1rem; min-inline-size: 0; }
.nxn .nxa-console--split .nxa-console__aside > *:not(#nx-shield):not(#nx-shield) { padding: 1.125rem; border: 1px solid var(--nx-border-hairline); border-radius: 5px; background: var(--nx-bg-surface); }
.nxn .nxa-console--split .nxa-console__top:not(#nx-shield):not(#nx-shield) { position: static; margin: 0; border: 1px solid var(--nx-border-hairline); }
.nxn .nxa-console--split .nxa-stats:not(#nx-shield):not(#nx-shield) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1rem; border: 0; border-radius: 0; background: transparent; overflow: visible; }
.nxn .nxa-console--split .nxa-stat:not(#nx-shield):not(#nx-shield) { padding: 0; background: transparent; }
.nxn .nxa-console--split .nxa-stat dd:not(#nx-shield):not(#nx-shield) { font-size: 1.125rem; }
.nxn .nxa-console--split .nxa-boost > header:not(#nx-shield):not(#nx-shield) { display: grid; gap: .125rem; margin-block-end: .75rem; }
.nxn .nxa-console--split .nxa-eb:not(#nx-shield):not(#nx-shield) { margin: 0 0 .375rem; font: 500 .6875rem/1.3 var(--nx-font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--nx-text-muted); }
.nxn .nxa-vc__big:not(#nx-shield):not(#nx-shield) { display: flex; align-items: baseline; gap: .5rem; margin: .25rem 0 .75rem; }
.nxn .nxa-vc__n:not(#nx-shield):not(#nx-shield) { font: 500 2.125rem/1 var(--nx-font-mono); font-variant-numeric: tabular-nums; color: var(--nx-text-primary); }
.nxn .nxa-vc__n[data-tone="critical"]:not(#nx-shield):not(#nx-shield) { color: var(--nx-critical); }
.nxn .nxa-console--split .nxa-meter:not(#nx-shield):not(#nx-shield), .nxn .nxa-console--split [role="meter"]:not(#nx-shield):not(#nx-shield), .nxn .nxa-console--split progress:not(#nx-shield):not(#nx-shield) { block-size: 6px; }
.nxn .nxa-console--split .nxa-meter > span:not(#nx-shield):not(#nx-shield), .nxn .nxa-console--split .nxa-meter__bar:not(#nx-shield):not(#nx-shield) { background: linear-gradient(90deg, var(--nxg-g1), var(--nxg-g2), var(--nxg-g3)); }
.nxn .nxa-vc__foot:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem .75rem; margin: .5rem 0 0; }
.nxn .nxa-chart__plot:not(#nx-shield):not(#nx-shield) { display: flex; align-items: flex-end; gap: .75rem; block-size: 7.5rem; border-block-end: 1px solid var(--nx-border-hairline-strong); }
.nxn .nxa-chart__col:not(#nx-shield):not(#nx-shield) { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: .25rem; block-size: 100%; }
.nxn .nxa-chart__bar:not(#nx-shield):not(#nx-shield) { display: block; inline-size: 100%; max-inline-size: 2.25rem; border-radius: 2px 2px 0 0; background: linear-gradient(180deg, var(--nxg-g1), var(--nxg-g2) 60%, var(--nxg-g3)); }
.nxn .nxa-chart__bar.is-neg:not(#nx-shield):not(#nx-shield) { background: var(--nx-border-hairline-strong); }
.nxn .nxa-chart .nf-ui-meta:not(#nx-shield):not(#nx-shield) { margin: .375rem 0 0; }
.nxn .nxa-trust:not(#nx-shield):not(#nx-shield) { display: grid; gap: .25rem; }
.nxn .nxa-trust strong:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); font-weight: 500; }
.nxn .nxa-console--split .nxa-options:not(#nx-shield):not(#nx-shield) { margin: 0; padding: 0; list-style: none; }
.nxn .nxa-console--split .nxa-options > li:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: minmax(0, 1fr) 9.5rem 5.5rem; align-items: center; gap: 1rem; padding: 1rem 1.125rem; border: 0; border-block-end: 1px solid var(--nx-border-hairline); border-radius: 0; background: transparent; }
.nxn .nxa-console--split .nxa-options > li.nxa-options__head:not(#nx-shield):not(#nx-shield) { padding-block: .75rem; background: var(--nx-bg-muted); font: 500 .6875rem/1.3 var(--nx-font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--nx-text-muted); }
.nxn .nxa-options__head > span:nth-child(2):not(#nx-shield):not(#nx-shield) { text-align: center; }
.nxn .nxa-options__head > span:nth-child(3):not(#nx-shield):not(#nx-shield) { text-align: end; }
.nxn .nxa-console--split .nxa-option__main:not(#nx-shield):not(#nx-shield) { display: grid; gap: .125rem; min-inline-size: 0; }
.nxn .nxa-console--split .nxa-option__main strong:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); font-weight: 500; }
.nxn .nxa-cells:not(#nx-shield):not(#nx-shield) { display: flex; gap: 3px; block-size: 6px; margin-block: .625rem .25rem; }
.nxn .nxa-cells > span:not(#nx-shield):not(#nx-shield) { flex: 1; max-inline-size: 1.75rem; border-radius: 2px; background: var(--nx-bg-muted); }
.nxn .nxa-cells > span.is-on.g1:not(#nx-shield):not(#nx-shield) { background: var(--nxg-g1); }
.nxn .nxa-cells > span.is-on.g2:not(#nx-shield):not(#nx-shield) { background: var(--nxg-g2); }
.nxn .nxa-cells > span.is-on.g3:not(#nx-shield):not(#nx-shield) { background: var(--nxg-g3); }
.nxn .nxa-console--split .nxa-stepper:not(#nx-shield):not(#nx-shield) { display: flex; align-items: center; justify-content: center; gap: .625rem; }
.nxn .nxa-console--split .nxa-stepper .nf-ui-btn:not(#nx-shield):not(#nx-shield) { inline-size: 2.25rem; min-block-size: 2.25rem; padding: 0; font: 500 1.125rem/1 var(--nx-font-mono); }
.nxn .nxa-console--split .nxa-stepper__v:not(#nx-shield):not(#nx-shield) { inline-size: 1.75rem; text-align: center; font: 500 1.25rem/1 var(--nx-font-mono); color: var(--nx-text-primary); }
.nxn .nxa-option__cr:not(#nx-shield):not(#nx-shield) { text-align: end; font-family: var(--nx-font-mono); color: var(--nx-text-secondary); }
.nxn .nxa-console--split .nxa-console__actions:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; padding: 1rem 1.125rem; }
.nxn .nxa-console--split :is(.nxa-console__review, .nxa-console__done, .nxa-held):not(#nx-shield):not(#nx-shield) { padding: 1rem 1.125rem; }
@media (max-width: 60em) {
  .nxn .nxa-console--split:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); }
  .nxn .nxa-console--split .nxa-console__aside:not(#nx-shield):not(#nx-shield) { display: contents; }
  .nxn .nxa-console--split .nxa-console__top:not(#nx-shield):not(#nx-shield) { order: -1; }
  .nxn .nxa-console--split .nxa-boost:not(#nx-shield):not(#nx-shield) { order: 1; }
  .nxn .nxa-console--split .nxa-console__aside > .nxa-console__chart:not(#nx-shield):not(#nx-shield) { display: none; }
  .nxn .nxa-console--split .nxa-trust:not(#nx-shield):not(#nx-shield) { order: 2; }
  .nxn .nxa-console--split .nxa-options > li:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr) auto; }
  .nxn .nxa-console--split .nxa-options > li.nxa-options__head:not(#nx-shield):not(#nx-shield) { display: none; }
  .nxn .nxa-option__cr:not(#nx-shield):not(#nx-shield) { grid-column: 2; }
  .nxn .nxa-console--split .nxa-stepper .nf-ui-btn:not(#nx-shield):not(#nx-shield) { inline-size: 2.75rem; min-block-size: 2.75rem; }
}
@media (prefers-reduced-motion: reduce) { .nxg .nxg-tip__bubble:not(#nx-shield):not(#nx-shield) { transition: none; } }
@media (forced-colors: active) { .nxg .nxg-bar > span:not(#nx-shield):not(#nx-shield), .nxg .nxg-pipe__rule:not(#nx-shield):not(#nx-shield) { background: CanvasText; forced-color-adjust: none; } }

/* 1.10.0 year view: twelve months in three columns, each a plain heading with its counts and its key dates as rows
   (the agenda's rows); a quiet "Open" link opens the month. Past months recede. */
.nxg-cal .nxg-cal__yeargrid:not(#nx-shield):not(#nx-shield) { grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: 0 1.5rem; }
.nxg-cal .nxg-cal__ym:not(#nx-shield):not(#nx-shield) { display: grid; align-content: start; gap: .375rem; padding-block: 1rem 1.25rem; border-block-start: 1px solid var(--nxg-line); min-inline-size: 0; }
.nxg-cal .nxg-cal__ym[data-past="true"] .nxg-cal__ymname:not(#nx-shield):not(#nx-shield) { color: var(--nxg-muted); }
.nxg-cal .nxg-cal__ymhead:not(#nx-shield):not(#nx-shield) { display: flex; align-items: baseline; gap: .75rem; }
.nxg-cal .nxg-cal__ymname:not(#nx-shield):not(#nx-shield) { margin: 0; color: var(--nxg-text); font: 500 1rem/1.3 var(--nx-font-sans); letter-spacing: -.01em; }
.nxg-cal .nxg-cal__open:not(#nx-shield):not(#nx-shield) { margin-inline-start: auto; color: var(--nxg-text-2); font: 500 .8125rem/1 var(--nx-font-sans); text-decoration: underline; text-decoration-color: var(--nxg-line-2); text-underline-offset: .25em; min-block-size: 2rem; }
.nxg-cal .nxg-cal__open:hover:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); text-decoration-color: currentColor; }
.nxg-cal .nxg-cal__open:focus-visible:not(#nx-shield):not(#nx-shield) { outline: 2px solid var(--nx-focus); outline-offset: 2px; }
.nxg-cal .nxg-cal__ymsrc:not(#nx-shield):not(#nx-shield) { margin: 0; }
.nxg-cal .nxg-cal__ymrows:not(#nx-shield):not(#nx-shield) { margin: .25rem 0 0; padding: 0; list-style: none; }
.nxg-cal .nxg-cal__ymrows .nxg-ev:not(#nx-shield):not(#nx-shield) { padding: .5rem 0; gap: .75rem; }
.nxg-cal .nxg-cal__ymrows .nxg-ev:hover:not(#nx-shield):not(#nx-shield) { background: none; }
.nxg-cal .nxg-cal__ymrows .nxg-ev__time:not(#nx-shield):not(#nx-shield) { flex: none; inline-size: 3.25rem; }
.nxg-cal .nxg-cal__ymrows .nxg-ev__main .nxg-cal__link:not(#nx-shield):not(#nx-shield) { white-space: normal; text-align: start; }
@media (max-width: 40em) {
  .nxg-cal .nxg-cal__yeargrid:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); }
  .nxg-cal .nxg-cal__open:not(#nx-shield):not(#nx-shield) { min-block-size: 2.75rem; display: inline-flex; align-items: center; }
}

/* 1.16.0: the account's own Governance pages (AccountSections) and their links beside the dashboard tabs */
.nxg .nxg-tabbar > .nxg-pagelinks:not(#nx-shield):not(#nx-shield) { display: flex; flex: none; align-items: center; gap: .25rem; margin-inline-start: auto; }
.nxg .nxg-pagelink:not(#nx-shield):not(#nx-shield) { padding: .5rem; font-size: .8125rem; color: var(--nxg-text-2) !important; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.nxg .nxg-pagelink:hover:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text) !important; }
.nxg-acct:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1.25rem; }
.nxg-acct__head:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem; }
.nxg-acct__head .nxg-lede:not(#nx-shield):not(#nx-shield) { margin: .25rem 0 0; max-inline-size: 62ch; color: var(--nxg-text-2); }
.nxg-acct__toolbar:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: .5rem; }
.nxg-acct__toolbar .nxg-count:not(#nx-shield):not(#nx-shield) { font-variant-numeric: tabular-nums; opacity: .8; }
.nxg-acct__list:not(#nx-shield):not(#nx-shield) { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.nxg-acct__state:not(#nx-shield):not(#nx-shield) { margin: .5rem 0 0; font-size: .875rem; color: var(--nxg-text-2); }
.nxg-acct__state[data-needed="1"]:not(#nx-shield):not(#nx-shield) { color: var(--nxg-text); font-weight: 600; }

/* 1.30.0 and 1.32.0: the language council pages (R-096, R-097 badges): /governance/languages/ and one page per
   language. §11: rows on a grid, neutral 20px chips with 2px corners, a 6px mark for meaning (a domain filled, a
   region outlined), plain dates, tabular figures; 5px panels; no pills. */
.nxg-lc:not(#nx-shield):not(#nx-shield) { display: grid; gap: 24px; max-inline-size: 960px; margin-inline: auto; padding: 32px 16px 48px; }
.nxg-lc h1:not(#nx-shield):not(#nx-shield), .nxg-lc h2:not(#nx-shield):not(#nx-shield), .nxg-lc h3:not(#nx-shield):not(#nx-shield) { margin: 0; letter-spacing: 0; text-transform: none; }
.nxg-lc h1:not(#nx-shield):not(#nx-shield) { font: 600 28px/36px var(--nx-font-sans, system-ui); color: var(--nx-text-primary); }
.nxg-lc__sec > h2:not(#nx-shield):not(#nx-shield), .nxg-lc__sec > h3:not(#nx-shield):not(#nx-shield) { margin-block-end: 8px; font: 600 17px/24px var(--nx-font-sans, system-ui); color: var(--nx-text-primary); }
.nxg-lc__eyebrow:not(#nx-shield):not(#nx-shield) { margin: 0; font: 500 11px/16px var(--nx-font-mono, monospace); letter-spacing: .12em; text-transform: uppercase; color: var(--nx-text-muted); }
.nxg-lc__eyebrow a:not(#nx-shield):not(#nx-shield) { color: inherit; text-underline-offset: .2em; }
.nxg-lc__lede:not(#nx-shield):not(#nx-shield), .nxg-lc__state:not(#nx-shield):not(#nx-shield), .nxg-lc__rules:not(#nx-shield):not(#nx-shield) { margin: 0; max-inline-size: 70ch; color: var(--nx-text-secondary); font-size: 15px; line-height: 24px; }
.nxg-lc__rules code:not(#nx-shield):not(#nx-shield) { font-size: 12px; overflow-wrap: anywhere; color: var(--nx-text-muted); }
.nxg-lc__note:not(#nx-shield):not(#nx-shield) { margin: 8px 0 0; font-size: 13px; line-height: 20px; color: var(--nx-text-muted); }
.nxg-lc__none:not(#nx-shield):not(#nx-shield) { padding: 12px 0; color: var(--nx-text-muted); }
.nxg-lc__tag:not(#nx-shield):not(#nx-shield) { font: 500 12px/16px var(--nx-font-mono, monospace); color: var(--nx-text-muted); }
.nxg-lc__rows:not(#nx-shield):not(#nx-shield) { display: grid; margin: 0; padding: 0; list-style: none; border: 1px solid var(--nx-border-hairline); border-radius: 5px; background: var(--nx-bg-surface); }
.nxg-lc__row:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: minmax(0, 1fr) 120px 120px 160px; gap: 12px; align-items: center; min-block-size: 48px; padding: 8px 16px; border-block-start: 1px solid var(--nx-border-hairline); font-size: 14px; line-height: 20px; color: var(--nx-text-primary); }
.nxg-lc__row:first-child:not(#nx-shield):not(#nx-shield) { border-block-start: 0; }
.nxg-lc__row--head:not(#nx-shield):not(#nx-shield) { min-block-size: 36px; font: 500 11px/16px var(--nx-font-sans, system-ui); letter-spacing: .06em; text-transform: uppercase; color: var(--nx-text-muted); }
.nxg-lc__rows--t .nxg-lc__row:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr) 200px 120px; }
.nxg-lc__rows--d .nxg-lc__row:not(#nx-shield):not(#nx-shield) { grid-template-columns: 88px minmax(0, 1fr) 96px auto; }
.nxg-lc__lang:not(#nx-shield):not(#nx-shield) { font-weight: 600; color: var(--nx-text-primary); text-decoration: none; }
.nxg-lc__lang:hover:not(#nx-shield):not(#nx-shield), .nxg-lc__lang:focus-visible:not(#nx-shield):not(#nx-shield) { text-decoration: underline; text-underline-offset: .2em; }
.nxg-lc__num:not(#nx-shield):not(#nx-shield) { font-variant-numeric: tabular-nums; }
.nxg-lc__muted:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-muted); font-size: 13px; }
.nxg-lc__kind:not(#nx-shield):not(#nx-shield) { font: 500 12px/16px var(--nx-font-sans, system-ui); color: var(--nx-text-secondary); }
.nxg-lc__sub:not(#nx-shield):not(#nx-shield) { display: block; font-size: 13px; color: var(--nx-text-secondary); }
.nxg-lc__people:not(#nx-shield):not(#nx-shield) { display: grid; margin: 0; padding: 0; list-style: none; border: 1px solid var(--nx-border-hairline); border-radius: 5px; background: var(--nx-bg-surface); }
.nxg-lc__people li:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 12px; align-items: center; min-block-size: 48px; padding: 8px 16px; border-block-start: 1px solid var(--nx-border-hairline); }
.nxg-lc__people li:first-child:not(#nx-shield):not(#nx-shield) { border-block-start: 0; }
.nxg-lc__people li.nxg-lc__none:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); padding-block: 12px; font-size: 14px; }
.nxg-lc__rows > .nxg-lc__none:not(#nx-shield):not(#nx-shield) { padding: 12px 16px; font-size: 14px; }
.nxg-lc__name:not(#nx-shield):not(#nx-shield) { font-weight: 500; font-size: 14px; }
.nxg-lc__badges:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: 6px; }
.nx-chip.nxg-lc__badge:not(#nx-shield):not(#nx-shield), .nx-chip.nxg-lc__chip:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: 6px; block-size: 20px; padding: 0 6px; border: 0; border-radius: 2px; background: var(--nx-surface-2, var(--nx-bg-muted)); color: var(--nx-text-secondary); font: 500 11px/16px var(--nx-font-sans, system-ui); white-space: nowrap; max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.nxg-lc__badge[data-badge="domain"]:not(#nx-shield):not(#nx-shield)::before, .nxg-lc__badge[data-badge="region"]:not(#nx-shield):not(#nx-shield)::before, .nxg-lc__chip:not(#nx-shield):not(#nx-shield)::before { content: ""; flex: none; inline-size: 6px; block-size: 6px; border-radius: 2px; }
.nxg-lc__badge[data-badge="domain"]:not(#nx-shield):not(#nx-shield)::before { background: var(--nx-text-secondary); }
.nxg-lc__badge[data-badge="region"]:not(#nx-shield):not(#nx-shield)::before { border: 1px solid var(--nx-text-secondary); }
.nxg-lc__chip:not(#nx-shield):not(#nx-shield)::before { background: var(--nx-text-muted); }
.nxg-lc__chip[data-state="active"]:not(#nx-shield):not(#nx-shield)::before, .nxg-lc__chip[data-state="open"]:not(#nx-shield):not(#nx-shield)::before { background: var(--nx-positive, var(--nx-text-secondary)); }
.nxg-lc__chip[data-state="constituted"]:not(#nx-shield):not(#nx-shield)::before, .nxg-lc__chip[data-state="forming"]:not(#nx-shield):not(#nx-shield)::before { background: var(--nx-caution, var(--nx-text-muted)); }
@media (max-width: 640px) {
  .nxg-lc:not(#nx-shield):not(#nx-shield) { padding-block-start: 24px; }
  .nxg-lc h1:not(#nx-shield):not(#nx-shield) { font-size: 22px; line-height: 30px; }
  .nxg-lc__row:not(#nx-shield):not(#nx-shield), .nxg-lc__rows--t .nxg-lc__row:not(#nx-shield):not(#nx-shield), .nxg-lc__rows--d .nxg-lc__row:not(#nx-shield):not(#nx-shield), .nxg-lc__people li:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; }
  .nxg-lc__row--head:not(#nx-shield):not(#nx-shield) { display: none; }
  .nxg-lc__rows--d .nxg-lc__kind:not(#nx-shield):not(#nx-shield) { grid-column: 1 / -1; }
  .nxg-lc__people li:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); gap: 6px; }
}