/* nexus-community member app (1.6.0): the full-width member dashboard, header with KPI row, panels, charts, tables,
   toolbars, the recognition section and directory layout, in the Nexus UI/UX kit. Loaded after community-ui.css, scoped
   under #nxc-member, kit tokens only (--nx-*), logical properties, rem sizes, no round shapes, no literal colours.
   Controls (switch, radio, segmented control) come from the estate control standard (kits/controls) by class. */

/* Full width: the frame leaves every theme wrapper's measure (content measures live inside the panels). */
body.nx-community-page :is(.site-content, .site-main, .content-area, #primary, #content, .container, .site-wrapper, .entry-content, .buddypress-wrap, #buddypress, .is-layout-constrained, .wp-block-post-content):has(#nxc-member):not(#nx-shield):not(#nx-shield) {
	max-inline-size: none !important;
	inline-size: 100% !important;
	margin-inline: 0 !important;
	padding-inline: 0 !important;
}
body.nx-community-page #secondary:not(#nx-shield):not(#nx-shield),
body.nx-community-page .widget-area:not(:has(#nxc-member)):not(#nx-shield):not(#nx-shield) { display: none; }
#nxc-member:not(#nx-shield):not(#nx-shield) {
	--nxc-dock: 8.5rem; /* the bottom-start dock (accessibility and consent buttons) */
	padding-inline: clamp(1rem, 2.5vw, 2.5rem);
	padding-block-end: calc(var(--nxc-dock) - 3rem);
}

/* Header: a cover band across the page, then the page header on it (kit 6.1). */
#nxc-member .nxc-head:not(#nx-shield):not(#nx-shield) { border-radius: var(--nx-radius, 5px); border-color: var(--nx-border-hairline); }
#nxc-member .nxc-cover:not(#nx-shield):not(#nx-shield) { block-size: 11rem; }
#nxc-member .nxc-head__body:not(#nx-shield):not(#nx-shield) { grid-template-columns: auto minmax(0, 1fr) auto; align-items: end; padding: 0 clamp(1rem, 2vw, 1.75rem) 1.25rem; }
#nxc-member .nxc-avatar:not(#nx-shield):not(#nx-shield) {
	margin-block-start: -3.5rem;
	inline-size: 7rem; block-size: 7rem;
	padding: 4px;
	border-radius: var(--nx-radius, 5px);
	background: var(--nx-bg-surface);
	box-shadow: 0 0 0 1px var(--nx-border-hairline-strong);
	overflow: hidden;
}
#nxc-member .nxc-avatar img:not(#nx-shield):not(#nx-shield),
#nxc-member .nxc-avatar .nxc-initials:not(#nx-shield):not(#nx-shield) { border-radius: var(--nx-radius, 5px); inline-size: 100%; block-size: 100%; object-fit: cover; }
#nxc-member .nxc-identity:not(#nx-shield):not(#nx-shield) { display: grid; gap: 0.25rem; padding-block-start: 0.875rem; }
#nxc-member .nxc-name:not(#nx-shield):not(#nx-shield) { font-size: 1.75rem; line-height: 1.15; }
#nxc-member .nxc-handle:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; gap: 0.25rem 0.875rem; margin: 0 !important; }
#nxc-member .nxc-handle__at:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-secondary); }
#nxc-member .nxc-active:not(#nx-shield):not(#nx-shield) { margin: 0 !important; }
#nxc-member .nxc-chips:not(#nx-shield):not(#nx-shield) { margin: 0.375rem 0 0; }
#nxc-member .nxc-chips .nf-ui-badge:not(#nx-shield):not(#nx-shield),
#nxc-member .nxc-chips .nf-ui-chip:not(#nx-shield):not(#nx-shield) { text-decoration: none; }
#nxc-member .nxc-actions:not(#nx-shield):not(#nx-shield) { padding-block-start: 0.875rem; }
#nxc-member .nxc-actions .nf-ui-btn:not(#nx-shield):not(#nx-shield) { gap: 0.375rem; }

/* KPI row: kit stat tiles (eyebrow, mono value, trend line, one line of context). */
#nxc-member .nxc-kpis:not(#nx-shield):not(#nx-shield) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
	gap: 1px;
	background: var(--nx-border-hairline);
	border-block-start: 1px solid var(--nx-border-hairline);
}
#nxc-member .nxc-kpi:not(#nx-shield):not(#nx-shield) {
	display: grid;
	grid-template-rows: auto auto auto auto;
	gap: 0.25rem;
	padding: 0.875rem 1.125rem;
	border: 0;
	border-radius: 0;
	background: var(--nx-bg-surface);
	color: var(--nx-text-primary);
	text-decoration: none !important;
	min-inline-size: 0;
}
#nxc-member a.nxc-kpi:hover:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); }
#nxc-member .nxc-kpi__label:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-secondary); }
#nxc-member .nxc-kpi__value:not(#nx-shield):not(#nx-shield) { font-family: var(--nx-font-mono); font-size: 1.5rem; font-weight: 600; line-height: 1.1; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#nxc-member .nxc-kpi__value.is-empty:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-muted); }
#nxc-member .nxc-kpi__meta:not(#nx-shield):not(#nx-shield) { min-block-size: 1.25rem; }
#nxc-member .nxc-kpi__spark:not(#nx-shield):not(#nx-shield) { display: block; min-block-size: 0; }
#nxc-member .nxc-spark2:not(#nx-shield):not(#nx-shield) { display: block; inline-size: 100%; max-inline-size: 7rem; block-size: 1.75rem; overflow: visible; }
#nxc-member .nxc-spark2__line:not(#nx-shield):not(#nx-shield) { stroke: var(--nx-text-secondary); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
#nxc-member .nxc-spark2__end:not(#nx-shield):not(#nx-shield) { fill: var(--nx-accent); }

/* Layout: rail and main, full width, the rail clear of the dock. */
#nxc-member .nxc-layout:not(#nx-shield):not(#nx-shield) { --nxc-rail: 15rem; grid-template-columns: var(--nxc-rail) minmax(0, 1fr); gap: clamp(1rem, 2vw, 1.75rem); }
#nxc-member .nxc-rail:not(#nx-shield):not(#nx-shield) {
	position: sticky;
	inset-block-start: 1rem;
	max-block-size: calc(100vh - 2rem - var(--nxc-dock));
	max-block-size: calc(100dvh - 2rem - var(--nxc-dock));
	overflow-y: auto;
	overscroll-behavior: contain;
	padding-block-end: 0.5rem;
}
#nxc-member .nxc-rail__item .nxc-icon:not(#nx-shield):not(#nx-shield) { inline-size: 1rem; block-size: 1rem; color: var(--nx-text-muted); }
#nxc-member .nxc-rail__item[aria-current="page"] .nxc-icon:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); }
#nxc-member .nxc-main:not(#nx-shield):not(#nx-shield) { display: grid; gap: 1rem; align-content: start; }
#nxc-member .nxc-section:not(#nx-shield):not(#nx-shield) { margin: 0; }

/* Sub-section navigation (tabs). */
#nxc-member .nxc-subnav:not(#nx-shield):not(#nx-shield) { margin-block-start: 0.75rem; border-block-end: 1px solid var(--nx-border-hairline); }
#nxc-member .nxc-subnav ul:not(#nx-shield):not(#nx-shield) { display: flex; gap: 1.25rem; overflow-x: auto; scrollbar-width: none; }
#nxc-member .nxc-subnav ul:not(#nx-shield):not(#nx-shield)::-webkit-scrollbar { display: none; }
#nxc-member .nxc-subnav__item:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: 0.375rem; min-block-size: 2.25rem; border-block-end: 2px solid transparent; color: var(--nx-text-secondary); white-space: nowrap; text-decoration: none !important; }
#nxc-member .nxc-subnav__item:hover:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); }
#nxc-member .nxc-subnav__item[aria-current="page"]:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); border-block-end-color: var(--nx-text-primary); font-weight: 500; }

/* Dashboard grid and panels. */
#nxc-member .nxc-dash:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0.75rem; }
#nxc-member .nxc-panel:not(#nx-shield):not(#nx-shield) { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 0.75rem; padding: 1rem 1.125rem; min-inline-size: 0; }
@media (min-width: 1100px) {
	#nxc-member .nxc-panel[data-span="4"]:not(#nx-shield):not(#nx-shield) { grid-column: span 4; }
	#nxc-member .nxc-panel[data-span="6"]:not(#nx-shield):not(#nx-shield) { grid-column: span 6; }
	#nxc-member .nxc-panel[data-span="8"]:not(#nx-shield):not(#nx-shield) { grid-column: span 8; }
}
#nxc-member .nxc-panel__head:not(#nx-shield):not(#nx-shield) { display: flex; align-items: center; gap: 0.625rem; }
#nxc-member .nxc-panel__icon:not(#nx-shield):not(#nx-shield) { display: grid; place-items: center; inline-size: 2rem; block-size: 2rem; border: 1px solid var(--nx-border-hairline-strong); border-radius: var(--nx-radius, 5px); color: var(--nx-text-secondary); flex: none; }
#nxc-member .nxc-panel__titles:not(#nx-shield):not(#nx-shield) { flex: 1; min-inline-size: 0; }
#nxc-member .nxc-panel__titles .nf-ui-title:not(#nx-shield):not(#nx-shield) { margin: 0; font-size: 1rem; }
#nxc-member .nxc-panel__link:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.8125rem; color: var(--nx-text-secondary) !important; white-space: nowrap; }
#nxc-member .nxc-panel__body:not(#nx-shield):not(#nx-shield) { display: grid; gap: 0.75rem; align-content: start; }
#nxc-member .nxc-panel__figure:not(#nx-shield):not(#nx-shield) { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0.25rem 0.5rem; }
#nxc-member .nxc-metric--sm:not(#nx-shield):not(#nx-shield) { font-size: 1.5rem; }
#nxc-member .nxc-subeyebrow:not(#nx-shield):not(#nx-shield) { margin-block: 0.25rem 0.5rem !important; }
#nxc-member .nxc-terms:not(#nx-shield):not(#nx-shield) { padding-block-start: 0.5rem; border-block-start: 1px solid var(--nx-border-hairline); }
#nxc-member .nxc-next:not(#nx-shield):not(#nx-shield) { padding: 0.5rem 0.75rem; background: var(--nx-bg-muted); border-radius: var(--nx-radius, 5px); }
#nxc-member .nxc-did:not(#nx-shield):not(#nx-shield) { overflow-wrap: anywhere; }
#nxc-member .nxc-did code:not(#nx-shield):not(#nx-shield) { font-family: var(--nx-font-mono); font-size: 0.75rem; color: var(--nx-text-secondary); }
#nxc-member .nxc-mini:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr)); gap: 0.5rem; margin: 0; }
#nxc-member .nxc-mini > div:not(#nx-shield):not(#nx-shield) { padding: 0.5rem 0.75rem; border: 1px solid var(--nx-border-hairline); border-radius: var(--nx-radius, 5px); display: flex; flex-direction: column-reverse; gap: 0.125rem; }
#nxc-member .nxc-mini dt:not(#nx-shield):not(#nx-shield) { margin: 0; color: var(--nx-text-secondary); }
#nxc-member .nxc-mini dd:not(#nx-shield):not(#nx-shield) { margin: 0; font-family: var(--nx-font-mono); font-size: 1.25rem; font-weight: 600; color: var(--nx-text-primary); }
#nxc-member .nxc-empty:not(#nx-shield):not(#nx-shield) { padding: 1rem; text-align: center; border: 1px dashed var(--nx-border-hairline-strong); }

/* Learning progress. */
#nxc-member .nxc-prog li:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: minmax(0, 1fr) 7rem 3rem; align-items: center; gap: 0.75rem; padding-block: 0.5rem; border-block-end: 1px solid var(--nx-border-hairline); }
#nxc-member .nxc-prog li:last-child:not(#nx-shield):not(#nx-shield) { border-block-end: 0; }
#nxc-member .nxc-prog a:not(#nx-shield):not(#nx-shield) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#nxc-member .nxc-prog__n:not(#nx-shield):not(#nx-shield) { font-family: var(--nx-font-mono); font-size: 0.75rem; text-align: end; color: var(--nx-text-secondary); }
#nxc-member .nxc-meter2:not(#nx-shield):not(#nx-shield) { display: block; block-size: 6px; border-radius: var(--nx-radius-sm, 2px); background: var(--nx-bg-muted); overflow: hidden; }
#nxc-member .nxc-meter2 > span:not(#nx-shield):not(#nx-shield) { display: block; block-size: 100%; background: var(--nx-text-primary); }

/* Charts (kit section 10): hairline axis, mono ticks, categorical tokens, square marks. */
#nxc-member .nxc-chart:not(#nx-shield):not(#nx-shield) { margin: 0; display: grid; gap: 0.375rem; }
#nxc-member .nxc-chart__plot:not(#nx-shield):not(#nx-shield) { position: relative; block-size: 9rem; }
#nxc-member .nxc-chart__svg:not(#nx-shield):not(#nx-shield) { display: block; inline-size: 100%; block-size: 100%; }
#nxc-member .nxc-chart__axis:not(#nx-shield):not(#nx-shield) { stroke: var(--nx-border-hairline-strong); stroke-width: 1; vector-effect: non-scaling-stroke; }
#nxc-member .nxc-chart__grid:not(#nx-shield):not(#nx-shield) { stroke: var(--nx-border-hairline); stroke-width: 1; stroke-dasharray: 2 3; vector-effect: non-scaling-stroke; }
#nxc-member .nxc-chart__bar:not(#nx-shield):not(#nx-shield) { fill: var(--nx-text-secondary); opacity: 0.55; }
#nxc-member .nxc-chart__bar.is-last:not(#nx-shield):not(#nx-shield) { fill: var(--nx-accent); opacity: 1; }
#nxc-member .nxc-chart__bar.is-zero:not(#nx-shield):not(#nx-shield) { opacity: 0.35; }
#nxc-member .nxc-chart__max:not(#nx-shield):not(#nx-shield) { position: absolute; inset-block-start: -0.125rem; inset-inline-start: 0; font-family: var(--nx-font-mono); font-size: 0.6875rem; color: var(--nx-text-muted); background: var(--nx-bg-surface); padding-inline-end: 0.25rem; }
#nxc-member .nxc-chart__ticks:not(#nx-shield):not(#nx-shield) { display: flex; justify-content: space-between; font-family: var(--nx-font-mono); font-size: 0.6875rem; color: var(--nx-text-muted); }
#nxc-member .nxc-stack:not(#nx-shield):not(#nx-shield) { margin: 0; display: grid; gap: 0.625rem; }
#nxc-member .nxc-stack__bar:not(#nx-shield):not(#nx-shield) { display: flex; gap: 2px; block-size: 0.75rem; border-radius: var(--nx-radius-sm, 2px); overflow: hidden; background: var(--nx-bg-muted); }
#nxc-member .nxc-stack__seg:not(#nx-shield):not(#nx-shield) { min-inline-size: 4px; }
#nxc-member .nxc-stack__seg[data-k="1"]:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-stack__mark[data-k="1"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-vis-cat-1); }
#nxc-member .nxc-stack__seg[data-k="2"]:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-stack__mark[data-k="2"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-vis-cat-2); }
#nxc-member .nxc-stack__seg[data-k="3"]:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-stack__mark[data-k="3"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-vis-cat-3); }
#nxc-member .nxc-stack__seg[data-k="4"]:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-stack__mark[data-k="4"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-vis-cat-4); }
#nxc-member .nxc-stack__seg[data-k="5"]:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-stack__mark[data-k="5"]:not(#nx-shield):not(#nx-shield) { background: var(--nx-vis-cat-5); }
#nxc-member .nxc-stack__legend li:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.125rem 0.625rem; align-items: baseline; padding-block: 0.25rem; }
#nxc-member .nxc-stack__mark:not(#nx-shield):not(#nx-shield) { inline-size: 0.625rem; block-size: 0.625rem; border-radius: var(--nx-radius-sm, 2px); align-self: center; }
#nxc-member .nxc-stack__n:not(#nx-shield):not(#nx-shield) { font-family: var(--nx-font-mono); font-weight: 600; color: var(--nx-text-primary); }
#nxc-member .nxc-stack__note:not(#nx-shield):not(#nx-shield) { grid-column: 2 / -1; }

/* Tables (kit 6.3): eyebrow heads on muted, hairline rows, mono numbers right-aligned. */
#nxc-member .nxc-tablewrap:not(#nx-shield):not(#nx-shield) { overflow-x: auto; border: 1px solid var(--nx-border-hairline); border-radius: var(--nx-radius, 5px); }
#nxc-member .nxc-dtable:not(#nx-shield):not(#nx-shield) { inline-size: 100%; border-collapse: collapse; font-size: 0.875rem; }
#nxc-member .nxc-dtable th:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-dtable td:not(#nx-shield):not(#nx-shield) { padding: 0.625rem 0.875rem; text-align: start; vertical-align: middle; border-block-end: 1px solid var(--nx-border-hairline); }
#nxc-member .nxc-dtable thead th:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-muted); font-family: var(--nx-font-mono); font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--nx-text-secondary); }
#nxc-member .nxc-dtable tbody th:not(#nx-shield):not(#nx-shield) { font-weight: 500; }
#nxc-member .nxc-dtable tbody tr:last-child > *:not(#nx-shield):not(#nx-shield) { border-block-end: 0; }
#nxc-member .nxc-dtable tbody tr:hover:not(#nx-shield):not(#nx-shield) { background: var(--nx-bg-hover); }
#nxc-member .nxc-dtable .is-num:not(#nx-shield):not(#nx-shield) { text-align: end; font-family: var(--nx-font-mono); font-variant-numeric: tabular-nums; }
#nxc-member .nxc-dtable .is-mono:not(#nx-shield):not(#nx-shield) { font-family: var(--nx-font-mono); font-size: 0.8125rem; color: var(--nx-text-secondary); white-space: nowrap; }
#nxc-member .nxc-dtable .is-meta:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-muted); white-space: nowrap; }
#nxc-member .nxc-dtable .is-action:not(#nx-shield):not(#nx-shield) { text-align: end; white-space: nowrap; }
#nxc-member .nxc-cell:not(#nx-shield):not(#nx-shield) { display: flex; align-items: center; gap: 0.75rem; text-decoration: none !important; }
#nxc-member .nxc-cell > span:last-child:not(#nx-shield):not(#nx-shield) { display: grid; min-inline-size: 0; }
#nxc-member .nxc-avatar32:not(#nx-shield):not(#nx-shield) { flex: none; inline-size: 2rem; block-size: 2rem; border-radius: var(--nx-radius, 5px); overflow: hidden; }
#nxc-member .nxc-avatar32 img:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-avatar32 .nxc-initials:not(#nx-shield):not(#nx-shield) { inline-size: 100%; block-size: 100%; object-fit: cover; border-radius: var(--nx-radius, 5px); }
@media (max-width: 40em) {
	#nxc-member .nxc-dtable thead:not(#nx-shield):not(#nx-shield) { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
	#nxc-member .nxc-dtable:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-dtable tbody:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-dtable tr:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-dtable td:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-dtable tbody th:not(#nx-shield):not(#nx-shield) { display: block; }
	#nxc-member .nxc-dtable tr:not(#nx-shield):not(#nx-shield) { padding: 0.5rem 0; border-block-end: 1px solid var(--nx-border-hairline); }
	#nxc-member .nxc-dtable td:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-dtable tbody th:not(#nx-shield):not(#nx-shield) { border: 0; padding: 0.25rem 0.875rem; }
	#nxc-member .nxc-dtable td[data-label]:not(#nx-shield):not(#nx-shield)::before { content: attr(data-label) ": "; font-family: var(--nx-font-mono); font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--nx-text-muted); }
	#nxc-member .nxc-dtable .is-num:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-dtable .is-action:not(#nx-shield):not(#nx-shield) { text-align: start; }
}

/* A long profile answer folds behind a preview. */
#nxc-member .nxc-fold > summary:not(#nx-shield):not(#nx-shield) { display: grid; gap: 0.25rem; cursor: pointer; list-style: none; }
#nxc-member .nxc-fold > summary:not(#nx-shield):not(#nx-shield)::-webkit-details-marker { display: none; }
#nxc-member .nxc-fold__preview:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-primary); overflow-wrap: anywhere; }
#nxc-member .nxc-fold__more:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.8125rem; color: var(--nx-text-secondary); text-decoration: underline; text-underline-offset: 0.2em; }
#nxc-member .nxc-fold[open] .nxc-fold__preview:not(#nx-shield):not(#nx-shield) { display: none; }
#nxc-member .nxc-fold[open] .nxc-fold__more .nxc-icon:not(#nx-shield):not(#nx-shield) { transform: rotate(90deg); }
#nxc-member .nxc-fold__full:not(#nx-shield):not(#nx-shield) { margin-block-start: 0.5rem; }
#nxc-member .nxc-field__line:not(#nx-shield):not(#nx-shield) { margin: 0.5rem 0 0.125rem; color: var(--nx-text-primary); }
#nxc-member .nxc-fields:not(#nx-shield):not(#nx-shield) { column-gap: 2rem; }
@media (min-width: 1100px) { #nxc-member .nxc-fields:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Toolbars (search, filter, view switch) in one row; groups of controls wrap, never the page. */
#nxc-member .nxc-toolbar:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: end; gap: 0.5rem 0.75rem; margin-block-end: 1rem; }
#nxc-member .nxc-toolbar__search:not(#nx-shield):not(#nx-shield) { position: relative; flex: 1 1 14rem; min-inline-size: 0; }
#nxc-member .nxc-toolbar__search .nxc-icon:not(#nx-shield):not(#nx-shield) { position: absolute; inset-inline-start: 0.625rem; inset-block-start: 50%; transform: translateY(-50%); color: var(--nx-text-muted); pointer-events: none; }
#nxc-member .nxc-toolbar__search .nf-ui-field:not(#nx-shield):not(#nx-shield) { inline-size: 100%; padding-inline-start: 2rem; }
#nxc-member .nxc-toolbar__field:not(#nx-shield):not(#nx-shield) { display: grid; gap: 0.25rem; }
#nxc-member .nxc-toolbar__field .nf-ui-field:not(#nx-shield):not(#nx-shield) { inline-size: auto; min-inline-size: 9rem; }
#nxc-member .nxc-toolbar__now:not(#nx-shield):not(#nx-shield) { flex-basis: 100%; margin: 0; }
#nxc-member .nxc-bar:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: end; gap: 0.5rem 1rem; margin-block-end: 1rem; }
#nxc-member .nxc-bar .nxc-toolbar:not(#nx-shield):not(#nx-shield) { flex: 1 1 24rem; margin: 0; }
#nxc-member .nxc-bar .nx-seg:not(#nx-shield):not(#nx-shield) { max-inline-size: 100%; overflow-x: auto; scrollbar-width: none; }
#nxc-member .nxc-seg .nx-seg__btn:not(#nx-shield):not(#nx-shield) { display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; text-decoration: none !important; white-space: nowrap; }
#nxc-member .nxc-seg:not(#nx-shield):not(#nx-shield) { border-radius: var(--nx-radius, 5px); }
#nxc-member .nxc-dir__head:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 0.75rem 1rem; }
#nxc-member .nxc-cards:not(#nx-shield):not(#nx-shield) { grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); }

/* Activity composer: kit field rows. */
#nxc-member .nxc-composer:not(#nx-shield):not(#nx-shield) { display: grid; gap: 0.5rem; }

/* Recognition section: one card per concern, settings in their own section. */
#nxc-member .nxc-bp .nxf-rec:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-recsec:not(#nx-shield):not(#nx-shield) { padding: 1rem 1.125rem; margin-block-end: 0.75rem; }
#nxc-member .nxc-recsec:not(#nx-shield):not(#nx-shield) { display: grid; gap: 0.75rem; align-content: start; }
#nxc-member .nxc-recsec .nxf-rec__title:not(#nx-shield):not(#nx-shield) { margin: 0; font-size: 1rem; font-weight: 600; color: var(--nx-text-primary); }
#nxc-member .nxc-recsec .nxf-rec__note:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-recsec .nxf-rec__meta:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-recsec .nxf-rec__empty:not(#nx-shield):not(#nx-shield) { margin: 0; color: var(--nx-text-secondary); font-size: 0.8125rem; }
#nxc-member .nxc-recsec .nxf-rec__list:not(#nx-shield):not(#nx-shield) { display: grid; gap: 0; }
#nxc-member .nxc-recsec .nxf-rec__item:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; padding-block: 0.625rem; border-block-end: 1px solid var(--nx-border-hairline); }
#nxc-member .nxc-recsec .nxf-rec__item:last-child:not(#nx-shield):not(#nx-shield) { border-block-end: 0; }
#nxc-member .nxc-recsec .nxf-rec__name:not(#nx-shield):not(#nx-shield) { font-weight: 500; color: var(--nx-text-primary); }
#nxc-member .nxc-recsec .nxf-rec__facts:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 0.5rem; margin: 0; }
#nxc-member .nxc-recsec .nxf-rec__fact:not(#nx-shield):not(#nx-shield) { display: flex; flex-direction: column-reverse; gap: 0.125rem; padding: 0.625rem 0.875rem; border: 1px solid var(--nx-border-hairline); border-radius: var(--nx-radius, 5px); }
#nxc-member .nxc-recsec .nxf-rec__fact dt:not(#nx-shield):not(#nx-shield) { color: var(--nx-text-secondary); font-size: 0.75rem; }
#nxc-member .nxc-recsec .nxf-rec__fact dd:not(#nx-shield):not(#nx-shield) { margin: 0; font-family: var(--nx-font-mono); font-size: 1.25rem; font-weight: 600; color: var(--nx-text-primary); }
#nxc-member .nxc-recsec .nxf-rec__progress:not(#nx-shield):not(#nx-shield) { inline-size: 100%; block-size: 6px; accent-color: var(--nx-text-primary); }
#nxc-member .nxc-recsec .nxf-rec__notice:not(#nx-shield):not(#nx-shield) { margin: 0; padding: 0.5rem 0.75rem; border: 1px solid var(--nx-border-hairline-strong); border-radius: var(--nx-radius, 5px); }
#nxc-member .nxc-recsec .nxf-rec__details > summary:not(#nx-shield):not(#nx-shield) { cursor: pointer; font-size: 0.8125rem; color: var(--nx-text-secondary); }
#nxc-member .nxc-recsec form:not(#nx-shield):not(#nx-shield) { display: grid; gap: 0.5rem; }
#nxc-member .nxc-recsec fieldset:not(#nx-shield):not(#nx-shield) { margin: 0; padding: 0; border: 0; display: grid; gap: 0.5rem; min-inline-size: 0; }
#nxc-member .nxc-recsec legend:not(#nx-shield):not(#nx-shield) { padding: 0; margin-block-end: 0.375rem; }
#nxc-member .nxc-radio:not(#nx-shield):not(#nx-shield) { display: flex; align-items: center; gap: 0.625rem; min-block-size: 2.25rem; }
#nxc-member .nxc-radio label:not(#nx-shield):not(#nx-shield) { margin: 0; color: var(--nx-text-primary); }
#nxc-member .nxc-setrow:not(#nx-shield):not(#nx-shield) { display: grid; gap: 0.5rem; padding-block: 0.875rem; border-block-start: 1px solid var(--nx-border-hairline); }
#nxc-member .nxc-setrow:first-of-type:not(#nx-shield):not(#nx-shield) { border-block-start: 0; padding-block-start: 0; }
#nxc-member .nxc-setrow form:not(#nx-shield):not(#nx-shield) { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; }
#nxc-member .nxc-setrow form > .nxf-rec__note:not(#nx-shield):not(#nx-shield) { flex-basis: 100%; order: 3; margin: 0; }
#nxc-member .nxc-setrow form .nf-ui-btn:not(#nx-shield):not(#nx-shield) { align-self: flex-start; }
#nxc-member .nxc-setrow fieldset:not(#nx-shield):not(#nx-shield) { inline-size: 100%; }
#nxc-member .nxc-setrow .nx-switch:not(#nx-shield):not(#nx-shield) { flex: none; }
#nxc-member .nxc-setrow__label:not(#nx-shield):not(#nx-shield) { font-weight: 500; color: var(--nx-text-primary); }

/* Own forms inside the frame. */
#nxc-member .nxc-panel .nf-ui-btn:not(#nx-shield):not(#nx-shield) { text-decoration: none !important; }

/* Phone: one column, tap targets 36px or more, nothing wider than the screen. */
@media (max-width: 64em) {
	#nxc-member .nxc-layout:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); }
	#nxc-member .nxc-rail:not(#nx-shield):not(#nx-shield) { position: static; max-block-size: none; overflow: visible; }
}
@media (max-width: 40em) {
	#nxc-member:not(#nx-shield):not(#nx-shield) { padding-inline: 0.75rem; }
	#nxc-member .nxc-cover:not(#nx-shield):not(#nx-shield) { block-size: 7.5rem; }
	#nxc-member .nxc-head__body:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr); }
	#nxc-member .nxc-avatar:not(#nx-shield):not(#nx-shield) { inline-size: 5.5rem; block-size: 5.5rem; margin-block-start: -2.75rem; }
	#nxc-member .nxc-actions:not(#nx-shield):not(#nx-shield) { justify-content: flex-start; padding-block-start: 0; }
	#nxc-member .nxc-name:not(#nx-shield):not(#nx-shield) { font-size: 1.375rem; }
	#nxc-member .nxc-kpis:not(#nx-shield):not(#nx-shield) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	#nxc-member .nxc-prog li:not(#nx-shield):not(#nx-shield) { grid-template-columns: minmax(0, 1fr) 3rem; }
	#nxc-member .nxc-prog li .nxc-meter2:not(#nx-shield):not(#nx-shield) { grid-column: 1 / -1; grid-row: 2; }
	#nxc-member .nxc-toolbar__field .nf-ui-field:not(#nx-shield):not(#nx-shield) { min-inline-size: 0; inline-size: 100%; }
	#nxc-member .nxc-toolbar__field:not(#nx-shield):not(#nx-shield) { flex: 1 1 8rem; }
	#nxc-member .nf-ui-btn:not(#nx-shield):not(#nx-shield), #nxc-member .nx-seg__btn:not(#nx-shield):not(#nx-shield) { min-block-size: 2.25rem; }
}
@media (forced-colors: active) {
	#nxc-member .nxc-chart__bar:not(#nx-shield):not(#nx-shield), #nxc-member .nxc-stack__seg:not(#nx-shield):not(#nx-shield) { forced-color-adjust: none; fill: CanvasText; background: CanvasText; }
}

#nxc-member[data-nxc-dir]:not(#nx-shield):not(#nx-shield) { padding-block-start: 1.25rem; }
#nxc-member .nxc-avatar32 .nxc-initials:not(#nx-shield):not(#nx-shield) { font-size: 0.75rem; }

/* 1.6.1 (owner 2026-10-29: "make header profile FULL WIDTH"): the cover, identity band and KPI row run edge to edge of
   the page, out of the frame's side gutter; their content keeps the gutter and clears the bottom-start dock. */
#nxc-member:not(#nx-shield):not(#nx-shield) { --nxc-gut: clamp(1rem, 2.5vw, 2.5rem); --nxc-dock-inline: 4.5rem; }
#nxc-member .nxc-head:not(#nx-shield):not(#nx-shield) {
	margin-inline: calc(-1 * var(--nxc-gut));
	margin-block-start: 0;
	border-inline: 0;
	border-block-start: 0;
	border-radius: 0;
}
#nxc-member .nxc-cover:not(#nx-shield):not(#nx-shield) { border-radius: 0; }
#nxc-member .nxc-head__body:not(#nx-shield):not(#nx-shield) { padding-inline: max(var(--nxc-gut), var(--nxc-dock-inline)) var(--nxc-gut); }
#nxc-member .nxc-kpi:first-child:not(#nx-shield):not(#nx-shield) { padding-inline-start: max(var(--nxc-gut), var(--nxc-dock-inline)); }
#nxc-member .nxc-kpi:last-child:not(#nx-shield):not(#nx-shield) { padding-inline-end: var(--nxc-gut); }
/* Text values (rank, level) read as a label, not a giant number: two lines at most, full name on hover. */
#nxc-member .nxc-kpi[data-kpi="rank"] .nxc-kpi__value:not(#nx-shield):not(#nx-shield) {
	font-family: var(--nx-font-sans, inherit);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media (max-width: 40em) {
	#nxc-member .nxc-head__body:not(#nx-shield):not(#nx-shield) { padding-inline: var(--nxc-gut); }
	#nxc-member .nxc-kpi:first-child:not(#nx-shield):not(#nx-shield) { padding-inline-start: 1.125rem; }
}
#nxc-member:not(#nx-shield):not(#nx-shield) { overflow-x: clip; }

/* 1.6.2 (owner 2026-10-29: "COVER HEADER SHOULD COVER ALL IN HEADER INCLUDING PROFILE IMAGE AND ALL ELEMENTS"):
   the cover is the background of the whole identity band. Cover and body share one grid cell, so the cover grows
   with the body; photo, name, badges and actions sit on it, over a scrim in the surface colour so text stays legible
   in both themes and on any uploaded cover. The number row follows below the hero. */
#nxc-member .nxc-head:not(#nx-shield):not(#nx-shield) { display: grid; grid-template-columns: minmax(0, 1fr); overflow: hidden; }
#nxc-member .nxc-head > .nxc-cover:not(#nx-shield):not(#nx-shield),
#nxc-member .nxc-head > .nxc-head__body:not(#nx-shield):not(#nx-shield) { grid-area: 1 / 1; }
#nxc-member .nxc-head > .nxc-cover:not(#nx-shield):not(#nx-shield) {
	block-size: auto;
	min-block-size: 100%;
	border-block-end: 0;
	position: relative;
}
#nxc-member .nxc-head > .nxc-cover:not(#nx-shield):not(#nx-shield)::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 0%, transparent 30%, color-mix(in srgb, var(--nx-bg-surface) 72%, transparent) 70%, color-mix(in srgb, var(--nx-bg-surface) 94%, transparent) 100%);
}
#nxc-member .nxc-head > .nxc-head__body:not(#nx-shield):not(#nx-shield) {
	position: relative;
	z-index: 1;
	align-items: end;
	min-block-size: 17rem;
	padding-block: 6rem 1.75rem;
}
#nxc-member .nxc-head .nxc-avatar:not(#nx-shield):not(#nx-shield) {
	margin-block-start: 0;
	inline-size: 8rem; block-size: 8rem;
	box-shadow: 0 0 0 1px var(--nx-border-hairline-strong), 0 6px 24px color-mix(in srgb, var(--nx-text-primary) 18%, transparent);
}
#nxc-member .nxc-head > .nxc-kpis:not(#nx-shield):not(#nx-shield) { grid-area: 2 / 1; position: relative; z-index: 1; }
@media (max-width: 40em) {
	#nxc-member .nxc-head > .nxc-head__body:not(#nx-shield):not(#nx-shield) { min-block-size: 0; padding-block: 4.5rem 1.25rem; }
	#nxc-member .nxc-head .nxc-avatar:not(#nx-shield):not(#nx-shield) { inline-size: 5.5rem; block-size: 5.5rem; }
}