/* Kit community: the screens WordPress renders under the Site Kit chrome (BuddyPress and nexus-community, the account
   hub with its nexus-dashboard panels, nexus-passport, nexus-academy and Tutor LMS, sign-in) in the approved Place and
   Lens kit. Same markup, the plugins' own stylesheets stay; this file maps their tokens and re-lays the instruments.
   Black and white base, red as the one signal, mono small labels, hairlines, no cards in cards, full width, logical
   properties for right to left, dark through the system and html[data-theme]. Loaded last (includes/assets.php). */

/* ---------- 1. Tokens ---------- */
body.pf-chromed {
  --kc-font: "Noto Sans", "Vazirmatn", "Noto Sans Armenian", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Devanagari", "Noto Sans Syriac Eastern", "Noto Sans Mandaic", system-ui, -apple-system, "Segoe UI", sans-serif;
  --kc-mono: "IBM Plex Mono", "Noto Sans", "Vazirmatn", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --kc-rtl: "Vazirmatn", "Noto Sans", "Noto Sans Hebrew", "Noto Sans Syriac Eastern", system-ui, sans-serif;
  --kc-bg: #ffffff; --kc-bg-2: #f5f5f3; --kc-ink: #0b0b0b; --kc-ink-2: #2e2e2e; --kc-mute: #5f5f5f; --kc-faint: #8a8a8a;
  --kc-line: rgba(0, 0, 0, .10); --kc-line-2: rgba(0, 0, 0, .20); --kc-line-3: rgba(0, 0, 0, .42);
  --kc-inv: #0b0b0b; --kc-inv-ink: #ffffff; --kc-signal: #d0222b; --kc-signal-2: #8a1118;
  --kc-g1: #d0222b; --kc-g3: #0b0b0b;
  --kc-grad: linear-gradient(90deg, var(--kc-g1), var(--kc-g3)); --kc-grad-v: linear-gradient(180deg, var(--kc-g1), var(--kc-g3));
  --kc-r: 5px; --kc-ease: cubic-bezier(.2, 0, 0, 1); --kc-gut: 32px;
}
body.pf-chromed[dir="rtl"], body.pf-chromed:is([lang="fa"], [lang="ar"], [lang="ckb"], [lang="azb"], [lang="he"]) { --kc-font: var(--kc-rtl); }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body.pf-chromed {
    --kc-bg: #000; --kc-bg-2: #0c0c0c; --kc-ink: #f4f4f2; --kc-ink-2: #d2d2cf; --kc-mute: #9d9d99; --kc-faint: #76766f;
    --kc-line: rgba(255, 255, 255, .11); --kc-line-2: rgba(255, 255, 255, .22); --kc-line-3: rgba(255, 255, 255, .45);
    --kc-inv: #f4f4f2; --kc-inv-ink: #000; --kc-signal: #ff5a52; --kc-signal-2: #ff9b96; --kc-g1: #ff5a52; --kc-g3: #f4f4f2; color-scheme: dark;
  }
}
:is(html.dark-mode, html[data-theme="dark"]) body.pf-chromed {
  --kc-bg: #000; --kc-bg-2: #0c0c0c; --kc-ink: #f4f4f2; --kc-ink-2: #d2d2cf; --kc-mute: #9d9d99; --kc-faint: #76766f;
  --kc-line: rgba(255, 255, 255, .11); --kc-line-2: rgba(255, 255, 255, .22); --kc-line-3: rgba(255, 255, 255, .45);
  --kc-inv: #f4f4f2; --kc-inv-ink: #000; --kc-signal: #ff5a52; --kc-signal-2: #ff9b96; --kc-g1: #ff5a52; --kc-g3: #f4f4f2; color-scheme: dark;
}

/* ---------- 2. The theme steps aside: one surface, full width, nothing floating over the content ---------- */
body.pf-chromed { background: var(--kc-bg); color: var(--kc-ink-2); }
body.pf-chromed #page.site, body.pf-chromed .site-content, body.pf-chromed .site-wrapper, body.pf-chromed .content-area, body.pf-chromed .site-main { background: var(--kc-bg) !important; color: var(--kc-ink-2); }
body.pf-chromed #page.site { max-inline-size: none; margin: 0; padding: 0; box-shadow: none; }
body.pf-chromed #page.site > .container, body.pf-chromed .site-content > .container, body.pf-chromed .site-wrapper > .container { max-inline-size: none; padding-inline: 0; }
body.pf-chromed .site-wrapper { display: block; gap: 0; }
body.pf-chromed .pf-shell-page, body.pf-chromed .page.pf-shell-page { max-inline-size: none; margin: 0; padding: 0; background: transparent; }
body.pf-chromed #primary.content-area { inline-size: 100%; max-inline-size: none; flex: 1 1 auto; }
body.pf-chromed #secondary.widget-area:not(:has(.widget)) { display: none !important; }
body.pf-chromed .bx-color-mode-toggle-floating, body.pf-chromed .buddyx-woo-filter-close, body.pf-chromed .mobile-menu-close { display: none !important; }
body.pf-chromed .pf-chrome--header + .site-content, body.pf-chromed .pf-chrome--header + .tutor-wrap, body.pf-chromed .pf-chrome--header + main { margin-block-start: 0; }
body.pf-chromed :is(.site-main, .content-area, .tutor-wrap, .nxp-page) :focus-visible { outline: 2px solid var(--kc-ink); outline-offset: 3px; border-radius: 2px; }

/* ---------- 3. The plugins' tokens: nexus kit regions (.nxn), the academy, the courses, Tutor ---------- */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn:not(#kc):not(#kc), body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn[data-theme]:not(#kc):not(#kc), body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc.nxc-main, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nx-platform-academy, body.pf-chromed.nx-platform-academy, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxd-page, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxa-shell {
  --nx-bg-canvas: var(--kc-bg); --nx-bg-surface: var(--kc-bg); --nx-bg-elevated: var(--kc-bg); --nx-bg-overlay: color-mix(in srgb, var(--kc-bg) 92%, transparent);
  --nx-bg-muted: var(--kc-bg-2); --nx-bg-hover: var(--kc-bg-2); --nx-bg-pressed: var(--kc-bg-2);
  --nx-border-hairline: var(--kc-line); --nx-border-hairline-strong: var(--kc-line-2); --nx-border-subtle: var(--kc-line); --nx-border-default: var(--kc-line-2); --nx-border-strong: var(--kc-line-3);
  --nx-text-primary: var(--kc-ink); --nx-text-secondary: var(--kc-ink-2); --nx-text-muted: var(--kc-mute); --nx-text-disabled: var(--kc-faint);
  --nx-accent: var(--kc-signal); --nx-accent-strong: var(--kc-signal-2); --nx-accent-soft: color-mix(in srgb, var(--kc-signal) 10%, transparent); --nx-accent-glow: color-mix(in srgb, var(--kc-signal) 18%, transparent);
  --nx-primary-bg: var(--kc-inv); --nx-primary-hover: var(--kc-ink-2); --nx-primary-active: var(--kc-ink-2); --nx-primary-ink: var(--kc-inv-ink);
  --nx-info: var(--kc-ink-2); --nx-info-soft: var(--kc-bg-2); --nx-positive: var(--kc-ink); --nx-positive-soft: var(--kc-bg-2);
  --nx-caution: var(--kc-signal); --nx-caution-soft: color-mix(in srgb, var(--kc-signal) 8%, transparent); --nx-critical: var(--kc-signal); --nx-critical-soft: color-mix(in srgb, var(--kc-signal) 8%, transparent);
  --nx-quantum: var(--kc-ink-2); --nx-quantum-soft: var(--kc-bg-2); --nx-focus: var(--kc-ink);
  --nx-font-sans: var(--kc-font); --nx-font-mono: var(--kc-mono);
  --nx-shadow-sm: none; --nx-shadow-md: 0 18px 40px -18px rgba(0, 0, 0, .35); --nx-shadow-lg: 0 18px 40px -18px rgba(0, 0, 0, .35); --nx-shadow-glow: none;
  --nx-radius-xs: 4px; --nx-radius-sm: var(--kc-r); --nx-radius-md: var(--kc-r); --nx-radius-lg: var(--kc-r); --nx-radius-xl: var(--kc-r); --nx-radius-chip: 4px;
  --nx-vis-cat-1: var(--kc-ink); --nx-vis-cat-2: var(--kc-signal); --nx-vis-cat-3: var(--kc-mute); --nx-vis-cat-4: var(--kc-line-3);
  /* nexus-community: the pastel gradient becomes the kit's red-to-ink stroke; site hues become ink */
  --nxc-g1: var(--kc-g1); --nxc-g2: var(--kc-signal-2); --nxc-g3: var(--kc-g3); --nxc-g4: var(--kc-ink-2);
  --nxc-grad: var(--kc-grad); --nxc-grad-v: var(--kc-grad-v);
  --nxc-hue-a: 0; --nxc-hue-b: 0; --nxc-site-a: var(--kc-ink); --nxc-site-b: var(--kc-signal); --nxc-site-a-d: var(--kc-ink); --nxc-site-b-d: var(--kc-signal); --nxc-bar-a: var(--kc-g1); --nxc-bar-b: var(--kc-g3);
  --nxc-r: var(--kc-r); --nxc-r-sm: 4px; --nxc-gut: var(--kc-gut);
  /* nexus-academy */
  --nxa-fb-canvas: var(--kc-bg); --nxa-fb-surface: var(--kc-bg); --nxa-fb-elevated: var(--kc-bg-2); --nxa-fb-muted: var(--kc-bg-2); --nxa-fb-hover: var(--kc-bg-2);
  --nxa-fb-hairline: var(--kc-line); --nxa-fb-hairline-strong: var(--kc-line-2); --nxa-fb-ink: var(--kc-ink); --nxa-fb-ink-2: var(--kc-ink-2); --nxa-fb-ink-muted: var(--kc-mute);
  --nxa-fb-accent: var(--kc-signal); --nxa-fb-accent-soft: color-mix(in srgb, var(--kc-signal) 10%, transparent); --nxa-fb-focus: var(--kc-ink); --nxa-fb-info: var(--kc-ink-2);
  --nxa-fb-positive: var(--kc-ink); --nxa-fb-caution: var(--kc-signal); --nxa-fb-critical: var(--kc-signal); --nxa-fb-primary: var(--kc-inv); --nxa-fb-primary-ink: var(--kc-inv-ink);
  --nxa-fb-font-sans: var(--kc-font); --nxa-fb-font-mono: var(--kc-mono); --nxa-fb-radius-r: var(--kc-r);
  --g1: var(--kc-g1); --g2: var(--kc-signal-2); --g3: var(--kc-g3); --c-grad: var(--kc-grad); --c-gutter: var(--kc-gut); --c-dock: 0px;
  font-family: var(--kc-font);
}
/* Tutor LMS reads its colours from these */
body.pf-chromed.tutor-lms, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-dashboard {
  --tutor-color-primary: var(--kc-ink); --tutor-color-primary-hover: var(--kc-ink-2); --tutor-color-primary-rgb: 11, 11, 11;
  --tutor-color-secondary: var(--kc-mute); --tutor-color-success: var(--kc-ink); --tutor-color-warning: var(--kc-signal); --tutor-color-danger: var(--kc-signal);
  --tutor-body-color: var(--kc-ink-2); --tutor-color-black: var(--kc-ink); --tutor-color-muted: var(--kc-mute); --tutor-border-color: var(--kc-line-2); --tutor-color-white: var(--kc-bg); --tutor-color-gray-10: var(--kc-bg-2);
  --tutor-color-gray-20: var(--kc-line); --tutor-color-gray-30: var(--kc-line-2); --tutor-color-gray-40: var(--kc-line-3); --tutor-color-gray-50: var(--kc-faint); --tutor-color-gray-60: var(--kc-mute); --tutor-color-gray-70: var(--kc-ink-2);
  --tutor-body-font-family: var(--kc-font); --tutor-font-family: var(--kc-font); --pf-kit-font: var(--kc-font);
}

/* ---------- 4. Shared instruments (the kit's type and controls over the plugins' classes) ---------- */
/* kicker: mono, uppercase, mute */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc, .nxp, .nxa-shell, .tutor-wrap) :is(.nf-ui-eyebrow, .nxc-eb, .nxc-eyebrow, .nxa-ui-eyebrow, .ra-eyebrow, .nxc-rail__eyebrow, .nxc-subeyebrow) {
  font: 500 10.5px/1.5 var(--kc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kc-mute); margin: 0;
}
body.pf-chromed[dir="rtl"] :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc, .nxp) :is(.nf-ui-eyebrow, .nxc-eb, .nxc-eyebrow) { letter-spacing: 0; text-transform: none; }
/* titles: the page title in the kit's weight and tracking; section titles plain */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(#nxc-member, .nxc-catalogue, .nxp) :is(.nxc-dir__title, .nxp-title, .nxc-head__title, .nxc-name, .nxd-page__title) {
  font-family: var(--kc-font); font-weight: 800; color: var(--kc-ink); letter-spacing: -.045em; line-height: .92; margin: 10px 0 0; text-wrap: balance;
  font-size: clamp(40px, 5.2vw, 76px); font-variation-settings: "wdth" 86;
}
body.pf-chromed[dir="rtl"] :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(#nxc-member, .nxc-catalogue, .nxp) :is(.nxc-dir__title, .nxp-title, .nxc-head__title, .nxc-name) { letter-spacing: 0; line-height: 1.15; font-variation-settings: normal; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(#nxc-member, .nxp, .nxc-catalogue) :is(.nxc-dir__count, .nxp-lead, .nxc-head__purpose, .nxc-page__lede) { font: 400 16px/1.5 var(--kc-font); color: var(--kc-ink-2); margin: 14px 0 0; max-width: 64ch; letter-spacing: 0; text-transform: none; }
/* meta: mono small */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc) :is(.nf-ui-meta, .nxc-post__meta, .nxc-rail-links__n, .nxc-row__m, .nxc-kpi__meta, .nxc-nav__count, .nxc-tabs__n) { font-family: var(--kc-mono); font-size: 11px; color: var(--kc-mute); letter-spacing: 0; }
/* cards: none. A kit region's card is a block: hairline above, no fill, no radius. Menus and elevated panels keep a frame. */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nf-ui-card:not([data-elevated="true"]):not(.nxc-menu__panel):not(.nxc-more__menu):not(.nxc-react__panel), body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxn-card:not([data-elevated="true"]) { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nf-ui-card[data-elevated="true"], .nxc-menu__panel, .nxc-more__menu, .nxc-react__panel) { background: var(--kc-bg); border: 1px solid var(--kc-line-2); border-radius: 6px; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .35); }
/* buttons: 5px corners, hairline, the primary inverted. One primary per view. */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc, .nxp, .pf-auth, .tutor-wrap) :is(.nf-ui-btn, .nxn-btn, .nx-btn, .nxa-ui-btn, .nxc-btn, .ra-btn, .pf-btn, .tutor-btn) {
  appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-block-size: 36px; block-size: auto; padding: 0 14px; border-radius: var(--kc-r);
  font: 500 13.5px/1 var(--kc-font); border: 1px solid var(--kc-line-2); background: transparent; color: var(--kc-ink); white-space: nowrap; text-decoration: none; cursor: pointer; box-shadow: none; transition: background .15s, border-color .15s;
}
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc, .nxp, .pf-auth, .tutor-wrap) :is(.nf-ui-btn, .nxn-btn, .nx-btn, .nxa-ui-btn, .nxc-btn, .ra-btn, .pf-btn, .tutor-btn):hover { border-color: var(--kc-line-3); background: var(--kc-bg-2); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc, .nxp, .pf-auth, .tutor-wrap) :is(.nf-ui-btn[data-variant="primary"], .nxn-btn--primary, .nx-btn--primary, .nxa-ui-btn[data-variant="primary"], .ra-btn--primary, .pf-btn.pf-auth__submit, .tutor-btn-primary, .nxc-btn--primary, .nxe-bar__primary) { background: var(--kc-inv) !important; color: var(--kc-inv-ink) !important; border-color: var(--kc-inv) !important; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc, .nxp, .pf-auth, .tutor-wrap) :is(.nf-ui-btn[data-variant="primary"], .nxn-btn--primary, .nx-btn--primary, .pf-btn.pf-auth__submit, .tutor-btn-primary):hover { opacity: .9; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc) :is(.nf-ui-btn[data-variant="ghost"], .nx-btn--ghost) { border-color: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc) :is(.nf-ui-btn[data-size="sm"], .nx-btn[data-size="sm"]) { min-block-size: 30px; padding: 0 10px; font-size: 12.5px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc) .nf-ui-btn svg, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc) .nx-btn svg { inline-size: 16px; block-size: 16px; stroke-width: 1.75; flex: none; }
/* icon buttons: the word is the tooltip. The span keeps the accessible name and shows on hover and focus. */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nf-ui-btn:has(> svg + span):not([data-variant="primary"]):not(.kc-word), body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-act-btn, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-head .nxc-actions .nf-ui-btn:not([data-variant="primary"]) { position: relative; inline-size: 36px; min-inline-size: 36px; padding: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nf-ui-btn[data-size="sm"]:has(> svg + span):not([data-variant="primary"]) { inline-size: 30px; min-inline-size: 30px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nf-ui-btn:has(> svg + span):not([data-variant="primary"]):not(.kc-word), .nxc-act-btn) > span {
  position: absolute; inset-block-start: calc(100% + 6px); inset-inline-start: 50%; transform: translateX(-50%); z-index: 6; padding: 4px 7px; border-radius: 4px;
  background: var(--kc-inv); color: var(--kc-inv-ink); font: 500 10.5px/1.3 var(--kc-mono); letter-spacing: .04em; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .12s;
}
body.pf-chromed[dir="rtl"] :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nf-ui-btn:has(> svg + span):not([data-variant="primary"]):not(.kc-word), .nxc-act-btn) > span { transform: translateX(50%); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nf-ui-btn:has(> svg + span):not([data-variant="primary"]):not(.kc-word), .nxc-act-btn):is(:hover, :focus-visible) > span { opacity: 1; }
/* a word-only action gets a glyph: apply (arrow) */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-toolbar > .nf-ui-btn[type="submit"]:not(:has(svg)) { position: relative; inline-size: 36px; min-inline-size: 36px; padding: 0; font-size: 0; color: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-toolbar > .nf-ui-btn[type="submit"]:not(:has(svg))::before { content: ""; inline-size: 16px; block-size: 16px; background: currentColor; background: var(--kc-ink); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; }
body.pf-chromed[dir="rtl"] :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-toolbar > .nf-ui-btn[type="submit"]:not(:has(svg))::before { transform: scaleX(-1); }
/* fields: hairline, 5px, the kit's type */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc, .nxp, .pf-auth) :is(.nf-ui-field, .nxa-ui-field, input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"], input[type="number"], select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
  box-sizing: border-box; min-block-size: 40px; padding: 6px 10px; border: 1px solid var(--kc-line-2); border-radius: var(--kc-r); background: transparent; color: var(--kc-ink); font: 400 15px/1.4 var(--kc-font); box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc, .nxp, .pf-auth) :is(.nf-ui-field, input, select, textarea):focus { outline: none; border-color: var(--kc-ink); box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc, .nxp) textarea.nf-ui-field { min-block-size: 80px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc, .nxp) :is(.nf-ui-label, .nxa-ui-label, label) { font: 500 13px/1.4 var(--kc-font); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nf-ui-field[type="file"] { border: 0; padding: 0; font: 400 12.5px var(--kc-mono); color: var(--kc-mute); }
/* chips and badges: mono dot and word, never a colour fill */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nf-ui-chip, .nf-ui-badge, .nxc-tag, .nxc-chip-inst) { display: inline-flex; align-items: center; gap: 7px; min-block-size: 0; padding: 0; border: 0; border-radius: 0; background: transparent; font: 500 11px/1.6 var(--kc-mono); letter-spacing: .04em; color: var(--kc-mute); text-transform: uppercase; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nf-ui-badge::before, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-chip-inst::before { content: ""; inline-size: 6px; block-size: 6px; border-radius: 50%; background: currentColor; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nf-ui-badge[data-tone="positive"] { color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nf-ui-badge[data-tone="caution"], body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nf-ui-badge[data-tone="critical"] { color: var(--kc-signal); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-chips { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-block-start: 8px; }
/* avatars: a thin gradient ring; the plugin's default picture (a golden ring) steps aside for a plain disc */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-avatar, .nxc-avatar28, .nxc-avatar32, .nxc-avatar40, .nxc-avatar48, .nxc-avatar--group) { position: relative; display: inline-grid; place-items: center; border-radius: 50%; overflow: hidden; background: var(--kc-bg); box-shadow: 0 0 0 1.5px var(--kc-line-3); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(img.nxc-avatar--default, img[src*="avatar-default"]) { visibility: hidden; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-avatar, .nxc-avatar28, .nxc-avatar32, .nxc-avatar40, .nxc-avatar48):has(> img.nxc-avatar--default, > img[src*="avatar-default"])::after { content: ""; position: absolute; inset: 30%; border-radius: 50%; border: 1.5px solid var(--kc-line-3); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-avatar__img { border-radius: 50%; display: block; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-avatar, .nxc-avatar28, .nxc-avatar32, .nxc-avatar40, .nxc-avatar48) { clip-path: none !important; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf-cover { display: none !important; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-initials { font: 500 11px var(--kc-mono); color: var(--kc-ink); }
/* status dots and rules keep the two inks: ink for done, red for waiting */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nf-ui-dot, .nxc-dot) { background: var(--kc-ink); inline-size: 6px; block-size: 6px; border-radius: 50%; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nf-ui-dot, .nxc-dot):is([data-tone="caution"], [data-tone="critical"], .is-wait) { background: var(--kc-signal); }
/* tabs and sub-tabs: the kit's lenses */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-tabs, .nf-ui-tabs, .nxa-ui-tabs, .nxc-subnav) { margin: 22px 0 0; border-block-end: 1px solid var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-tabs, .nxc-subnav) ul { display: flex; gap: 2px; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-tabs__item, .nf-ui-tab, .nxa-ui-tab, .nxc-subnav__item, .nxc-tab) { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 10px 10px 12px; border: 0; border-radius: var(--kc-r) var(--kc-r) 0 0; background: none; font: 500 13.5px/1 var(--kc-font); color: var(--kc-mute); white-space: nowrap; text-decoration: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-tabs__item, .nf-ui-tab, .nxa-ui-tab, .nxc-subnav__item, .nxc-tab):hover { color: var(--kc-ink); background: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-tabs__item[aria-current], .nf-ui-tab[aria-selected="true"], .nxa-ui-tab[aria-selected="true"], .nxc-subnav__item[aria-current], .nxc-tab[aria-current], .nxc-tab.is-active) { color: var(--kc-ink); background: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-tabs__item[aria-current], .nf-ui-tab[aria-selected="true"], .nxa-ui-tab[aria-selected="true"], .nxc-subnav__item[aria-current], .nxc-tab[aria-current], .nxc-tab.is-active)::after { content: ""; position: absolute; inset-inline: 8px; inset-block-end: -1px; block-size: 2px; background: var(--kc-grad); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-tabs--sub { margin-block-start: 0; border-block-end: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-tabs--sub .nxc-tabs__item { font: 500 12px var(--kc-mono); padding: 8px 8px 10px; }
/* a block title: mono label with a hairline running to the end */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-rail-card__title, .nxc-panel__head, .nxp-h2, .nxc-section__title, .nxp-section__head, .nxc-subhead, .nxf-rec__title, .nxc-panel__title) { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font: 500 10.5px/1.4 var(--kc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-rail-card__title, .nxp-h2, .nxc-section__title, .nxc-subhead, .nxf-rec__title, .nxc-panel__title)::after { content: ""; flex: 1; block-size: 1px; background: var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-rail-card__title svg { inline-size: 14px; block-size: 14px; stroke-width: 1.75; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-panel__head { gap: 10px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-panel__head .nxc-panel__icon { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-panel__head .nxc-panel__titles { display: contents; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-panel__head .nf-ui-eyebrow { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-panel__head .nf-ui-title { font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-panel__head::after { content: ""; flex: 1; order: 2; block-size: 1px; background: var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-panel__head .nxc-panel__link { order: 3; margin-inline-start: auto; font: 500 11px var(--kc-mono); letter-spacing: 0; text-transform: none; color: var(--kc-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--kc-signal); display: inline-flex; align-items: center; gap: 4px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-panel__head .nxc-panel__link svg { inline-size: 12px; block-size: 12px; }
/* rows: the kit's rib list (a 2px rule at the start that takes the gradient on hover) */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-rows, .nxc-rows2, .nxc-rail-links, .nxc-list, .nxp-rows, .nxf-rec__list, .nx-dp__list, .nxa-panel__list) { list-style: none; margin: 0; padding: 0; display: block; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-row, .nxc-rail-links > li > a, .nxp-row, .nxf-rec__item, .nx-dp__item, .nxa-panel__row, .nxc-week > li, .nxc-rows > li, .nxc-prog > li) { position: relative; display: flex; flex-wrap: wrap; gap: 3px 14px; align-items: center; padding: 11px 0 11px 18px; border: 0; border-block-end: 1px solid var(--kc-line); border-radius: 0; background: transparent; color: var(--kc-ink); text-decoration: none; font-size: 14.5px; }
body.pf-chromed[dir="rtl"] :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-row, .nxc-rail-links > li > a, .nxp-row, .nxf-rec__item, .nx-dp__item, .nxa-panel__row, .nxc-week > li) { padding: 11px 18px 11px 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-row, .nxc-rail-links > li > a, .nxp-row, .nxf-rec__item, .nx-dp__item, .nxa-panel__row, .nxc-week > li)::before { content: ""; position: absolute; inset-inline-start: 0; inset-block: 14px; inline-size: 2px; background: var(--kc-line-2); transition: background .2s, inset .2s; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-row, .nxc-rail-links > li > a, .nxp-row, .nxf-rec__item, .nx-dp__item, .nxa-panel__row, .nxc-week > li):hover::before { background: var(--kc-grad-v); inset-block: 8px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-row, .nxc-rail-links > li > a):hover { background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-row__main, .nxc-week__main, .nxc-rail-links__label, .nxc-rows > li > a:first-child, .nxc-prog > li > a:first-child) { flex: 1 1 200px; min-inline-size: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-row__main, .nxc-week__main) .nxc-row__m { text-align: start; white-space: normal; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-rows > li, .nxc-prog > li) > a { font: 500 15px/1.35 var(--kc-font); color: var(--kc-ink); text-decoration: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-rows > li, .nxc-prog > li) > a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--kc-signal); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-rows > li > .nf-ui-meta, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-prog__n { font: 400 11px/1.3 var(--kc-mono); color: var(--kc-mute); white-space: nowrap; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-prog > li > .nxc-meter { flex: 1 1 100%; margin: 4px 0 0; order: 3; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-badge { display: inline-flex; align-items: center; gap: 6px; font: 500 10px/1 var(--kc-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--kc-mute); white-space: nowrap; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-week__day { display: inline-flex; gap: 6px; align-items: baseline; flex: none; min-inline-size: 52px; border: 0; background: transparent; padding: 0; font: 500 11px var(--kc-mono); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-week__day .nxc-eb { font-size: 10px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-week__main { display: grid; gap: 2px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-week__main::before { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-mini { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0 24px; margin: 0 0 8px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-mini > div { padding: 10px 0 8px; border-block-start: 1px solid var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-mini dt { font: 500 10px/1.4 var(--kc-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--kc-ink-2); order: 2; margin: 6px 0 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-mini dd { margin: 0; font: 500 26px/1 var(--kc-mono); letter-spacing: -.04em; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-row__icon { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-row__main { display: grid; gap: 2px; min-inline-size: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-row__t, .nxc-rail-links__label, .nxf-rec__name, .nx-dp__title) { font: 500 15px/1.35 var(--kc-font); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-row__m, .nxc-rail-links__n, .nxf-rec__meta, .nx-dp__status, .nxc-week__n) { font: 400 11px/1.3 var(--kc-mono); color: var(--kc-mute); white-space: nowrap; text-align: end; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-row > :is(.nf-ui-btn, a.nf-ui-btn) { flex: none; }
/* instruments: a stat tile is a number with a label under it, hairline above, no frame */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-kpis, .nxc-tiles, .nxp-tiles, .nxp-stats, .nxc-metrics, .nxa-metrics, .nx-dp__metrics, .nxc-pf__impact) { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); column-gap: 24px; row-gap: 0; margin: 20px 0 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-kpi, .nxc-tile, .nxp-tile, .nxp-stat, .nxa-metric, .pp-metric) { padding: 14px 0 12px; border: 0; border-block-start: 1px solid var(--kc-line); border-radius: 0; background: transparent !important; min-inline-size: 0; box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-kpi__link, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-kpi:not([data-interactive]) { padding: 0; gap: 0; display: grid; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-kpi__link:hover { background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-kpi__top { order: 2; margin-block-start: 8px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-kpi__mid { order: 1; display: flex; align-items: flex-end; gap: 10px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-kpi__foot { order: 3; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-kpi__value, .nxp-tile__v, .nxp-stat__v, .nxa-metric__value, .nxc-metric, .nxc-pf__num) { font: 500 30px/1 var(--kc-mono) !important; letter-spacing: -.05em; color: var(--kc-ink) !important; font-variation-settings: "wdth" 85; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-kpi__value.is-empty { color: var(--kc-faint) !important; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-kpi__label, .nxp-tile__m, .nxp-stat__m, .nxa-metric__label, .nxc-metric__of) { font: 500 10px/1.4 var(--kc-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--kc-ink-2); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-kpi__meta, .nxa-metric__note) { font: 400 9.5px/1.45 var(--kc-mono) !important; color: var(--kc-faint) !important; margin-block-start: 4px; white-space: normal; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-kpi__cta { font: 400 9.5px/1.45 var(--kc-mono); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-kpi__spark { inline-size: 56px; block-size: 20px; margin-inline-start: auto; opacity: .9; }
/* progress: a 6px track, the gradient fill */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-meter, .nxc-meter2, .nxa-progress__track, .nx-dp__progress, .nxc-progress, .nxf-rec__progress) { block-size: 6px; border-radius: 3px; background: var(--kc-line); overflow: hidden; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-meter i, .nxc-meter2 i, .nxa-progress__fill, .nxc-meter > span, .nxc-meter2 > span) { display: block; block-size: 100%; background: var(--kc-grad); border-radius: 3px; }
/* empty states: a sentence and an action, no mark, no box */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-empty, .nxp-empty, .nxe-cat__empty, .nx-dp__empty) { padding: 18px 0; border: 0; border-block-start: 1px solid var(--kc-line); background: transparent; text-align: start; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-empty, .nxp-empty) svg { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-empty__t, .nxc-empty__title) { font: 500 16px/1.3 var(--kc-font); color: var(--kc-ink); margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-empty__x, .nxc-empty__text) { font: 400 13px/1.5 var(--kc-font); color: var(--kc-mute); margin: 4px 0 0; }
/* the plugin's gradient marks (SVG) take the kit's stroke */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn svg [fill="url(#nxc-gp)"], body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn svg [fill="url(#nxc-gw)"] { fill: var(--kc-signal); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn svg [stroke="url(#nxc-gp)"], body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn svg [stroke="url(#nxc-gw)"] { stroke: var(--kc-ink); }
/* tooltips the plugin prints (guides) */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-tip__bubble { background: var(--kc-inv); color: var(--kc-inv-ink); border: 0; border-radius: 4px; font: 400 11.5px/1.45 var(--kc-font); box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-tip__mark { color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-how { margin: 28px 0 0; padding: 10px 0 0; border: 0; border-block-start: 1px solid var(--kc-line); border-radius: 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-how summary { display: flex; align-items: center; gap: 10px; list-style: none; cursor: pointer; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-how summary svg:first-child { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-how__t { font: 500 10.5px/1.5 var(--kc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kc-mute); cursor: pointer; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-how__body { font-size: 13.5px; color: var(--kc-ink-2); }
/* switches and checks */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nx-switch { inline-size: 38px; block-size: 22px; border-radius: 999px; border: 1px solid var(--kc-line-3); background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nx-switch[aria-checked="true"], body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nx-switch:checked { border-color: var(--kc-ink); background: var(--kc-grad); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nx-check, .nx-radio) { accent-color: var(--kc-ink); }
/* tables: hairlines only */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-table, .nxp-table, .nxd-table, .nxa-table, .nxc-dtable) { border: 0; border-collapse: collapse; inline-size: 100%; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-table, .nxp-table, .nxd-table, .nxa-table, .nxc-dtable) th { font: 500 9.5px/1.3 var(--kc-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--kc-mute); padding: 6px 0; border-block-end: 1px solid var(--kc-line-2); text-align: start; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-table, .nxp-table, .nxd-table, .nxa-table, .nxc-dtable) td { padding: 8px 0; border-block-end: 1px solid var(--kc-line); font-size: 13.5px; color: var(--kc-ink); background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-table, .nxp-table, .nxd-table, .nxa-table, .nxc-dtable) td.is-num, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn td .is-mono { font: 400 11px var(--kc-mono); color: var(--kc-mute); }
/* links */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn a:not(.nf-ui-btn):not(.nxc-tabs__item):not(.nxc-nav__item):not(.nxc-kpi__link):not(.nxc-rail-links a):not(.nxc-row) { color: var(--kc-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--kc-line-3); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn a:not(.nf-ui-btn):hover { text-decoration-color: var(--kc-signal); }
/* menus (share, more, reactions) */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-menu__item { font: 400 13.5px var(--kc-font); color: var(--kc-ink); border-radius: 4px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn .nxc-menu__item:hover { background: var(--kc-bg-2); }

/* ---------- 5. Directories: activity, groups, members ---------- */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member { max-inline-size: none; padding: 28px var(--kc-gut) 72px; font-family: var(--kc-font); color: var(--kc-ink-2); background: var(--kc-bg); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dir__head { margin: 0; padding: 0; border: 0; background: transparent; display: block; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dir__head .nf-ui-eyebrow { display: flex; flex-wrap: wrap; gap: 6px 14px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dir__head .nxc-dir__action { margin-block-start: 16px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dir__head::after { content: ""; display: block; inline-size: 64px; block-size: 2px; background: var(--kc-grad); margin-block-start: 22px; }
/* the activity screen: a narrow index at the start, the feed, both at full width */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-act { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 36px; align-items: start; margin-block-start: 8px; }
@media (min-width: 900px) { body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-act { grid-template-columns: 280px minmax(0, 1fr); } }
@media (min-width: 1500px) { body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-act { grid-template-columns: 300px minmax(0, 1fr) 300px; } }
@media (min-width: 900px) { body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-act__left { position: sticky; top: 16px; max-block-size: calc(100vh - 32px); overflow: auto; scrollbar-width: thin; } }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-act__left, .nxc-act__right) { display: grid; gap: 0; align-content: start; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-rail-card { padding: 0; margin: 26px 0 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-rail-card > p { font-size: 13.5px; color: var(--kc-mute); margin: 0 0 12px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-join { margin-block-start: 26px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-join__btns { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-rail-links a { padding-block: 9px; font-size: 14px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-rail-links .nxc-dot { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-rail-links a[aria-current]::before, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-rail-links a.is-on::before { background: var(--kc-grad-v); inset-block: 8px; }
/* toolbar: the big search line, filters as small mono controls */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 16px; margin: 26px 0 0; padding: 0 0 8px; border: 0; border-block-end: 2px solid var(--kc-ink); background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar__search { flex: 1 1 260px; display: flex; align-items: center; gap: 12px; min-inline-size: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar__search svg { position: static; transform: none; inline-size: 18px; block-size: 18px; color: var(--kc-mute); stroke-width: 1.75; flex: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar__search .nf-ui-field { border: 0; border-radius: 0; padding: 0; padding-inline-start: 0; min-block-size: 36px; font: 600 21px/1.2 var(--kc-font); letter-spacing: -.02em; color: var(--kc-ink); font-variation-settings: "wdth" 90; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar__search .nf-ui-field::placeholder { color: var(--kc-faint); font-weight: 600; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar__field { display: flex; align-items: center; gap: 8px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar__field .nf-ui-label { font: 500 10px/1 var(--kc-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--kc-mute); margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar .nf-ui-field:is(select) { min-block-size: 30px; padding: 0 26px 0 8px; font: 500 12px var(--kc-font); border-color: var(--kc-line-2); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar .nx-seg, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar .nf-ui-segment { display: inline-flex; border: 1px solid var(--kc-line-2); border-radius: var(--kc-r); padding: 2px; gap: 2px; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar .nx-seg__btn { block-size: 26px; min-block-size: 26px; padding: 0 10px; border: 0; border-radius: 3px; background: none; font: 500 12px var(--kc-font); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar .nx-seg__btn[aria-pressed="true"], body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar .nx-seg__btn[aria-current] { background: var(--kc-inv); color: var(--kc-inv-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar__now { flex-basis: 100%; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :has(> .nxc-toolbar--dir) { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 16px; margin: 26px 0 0; padding: 0 0 8px; border-block-end: 2px solid var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar--dir { flex: 1 1 420px; margin: 0; padding: 0; border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-seg--view { display: inline-flex; border: 1px solid var(--kc-line-2); border-radius: var(--kc-r); padding: 2px; gap: 2px; background: transparent; margin: 0 0 3px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-seg--view .nx-seg__btn { position: relative; inline-size: 30px; block-size: 26px; min-block-size: 26px; padding: 0; border: 0; border-radius: 3px; background: none; color: var(--kc-mute); display: inline-grid; place-items: center; text-decoration: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-seg--view .nx-seg__btn svg { inline-size: 15px; block-size: 15px; stroke-width: 1.75; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-seg--view .nx-seg__btn[aria-current] { background: var(--kc-inv); color: var(--kc-inv-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-seg--view .nx-seg__btn > span { position: absolute; inset-block-start: calc(100% + 8px); inset-inline-start: 50%; transform: translateX(-50%); z-index: 6; padding: 4px 7px; border-radius: 4px; background: var(--kc-inv); color: var(--kc-inv-ink); font: 500 10.5px/1.3 var(--kc-mono); letter-spacing: .04em; white-space: nowrap; opacity: 0; pointer-events: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-seg--view .nx-seg__btn:is(:hover, :focus-visible) > span { opacity: 1; }
/* the feed: posts as the kit's .post (handle in mono, the text, a mono row of counts and actions) */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-feed { list-style: none; margin: 0; padding: 0; display: block; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post { position: relative; padding: 14px 0 12px; margin: 0; border: 0; border-block-end: 1px solid var(--kc-line); border-radius: 0; background: transparent; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__head { display: flex; align-items: center; gap: 10px; grid-column: 1; min-inline-size: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__head .nxc-avatar40 { inline-size: 28px; block-size: 28px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__head .nxc-avatar40 img { inline-size: 28px; block-size: 28px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__who { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; min-inline-size: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__who > p { margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__action { font: 400 13px/1.4 var(--kc-font); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__action a { font: 500 12px var(--kc-mono); color: var(--kc-ink); text-decoration: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__meta { font: 400 11px var(--kc-mono); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__meta a { color: inherit; text-decoration: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__body, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__talk { grid-column: 1 / -1; margin: 2px 0 0; font-size: 15px; line-height: 1.5; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__body p { margin: 0 0 6px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__headline { font: 500 16px/1.3 var(--kc-font); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__actions { grid-column: 2; grid-row: 1; display: flex; align-items: center; gap: 2px; justify-self: end; margin: 0; padding: 0; border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__actions .nf-ui-btn { border-color: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-post__actions .nxc-menu__panel { inset-inline-end: 0; inset-inline-start: auto; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-reactions, .nxc-react, .nxc-more-row, .nxc-comments__more) { font: 400 11px var(--kc-mono); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-reply, .nxc-react) .nf-ui-btn, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-more-row .nf-ui-btn { min-block-size: 24px; padding: 0 6px; border: 0; font: 400 11px var(--kc-mono); color: var(--kc-mute); text-decoration: underline; text-underline-offset: 3px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-comments { margin: 8px 0 0; padding-inline-start: 18px; border-inline-start: 2px solid var(--kc-line-2); display: grid; gap: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-comment { padding: 8px 0; border-block-end: 1px solid var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-comment__who { font: 500 12px var(--kc-mono); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-comment__body { font-size: 14px; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-composer { margin: 0; padding: 0; border: 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-composer textarea { border: 0; border-block-end: 2px solid var(--kc-ink); border-radius: 0; padding: 8px 0; font: 600 21px/1.2 var(--kc-font); letter-spacing: -.02em; min-block-size: 48px; font-variation-settings: "wdth" 90; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-composer textarea::placeholder { color: var(--kc-faint); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-composer__bar, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-composer__row { display: flex; align-items: center; gap: 8px; padding: 8px 0 0; border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-article { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; margin: 8px 0 0; padding: 10px 0; border: 0; border-block: 1px solid var(--kc-line); border-radius: 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-article__img { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-article__title { font: 500 15px/1.3 var(--kc-font); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-article__kind, .nxc-article__site) { font: 500 10px var(--kc-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--kc-mute); }
/* groups and members: a table with hairlines, grid cards as rows */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dir__main { margin-block-start: 8px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-cards, .nxc-grid) { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 0 36px; margin: 0; padding: 0; list-style: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-card, .nxc-group, .nxc-person) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 2px 12px; align-items: center; padding: 10px 0; border: 0; border-block-end: 1px solid var(--kc-line); border-radius: 0; background: transparent; box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-card, .nxc-group, .nxc-person):hover { background: linear-gradient(90deg, var(--kc-bg-2), transparent); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-group__name, .nxc-card .nxc-name, .nxc-person__name) { font: 500 15px/1.3 var(--kc-font); color: var(--kc-ink); margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-group__name a, .nxc-person__text a) { text-decoration: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-group__meta, .nxc-group__desc, .nxc-person__text .nf-ui-meta) { grid-column: 2; font: 400 11px/1.4 var(--kc-mono); color: var(--kc-mute); margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-group__desc { font: 400 13px/1.45 var(--kc-font); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-group__action, .nxc-person-row > .nf-ui-btn) { grid-column: 3; grid-row: 1 / span 3; align-self: center; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-cover { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-pages { display: flex; gap: 2px; margin: 18px 0 0; font: 400 11px var(--kc-mono); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-pages a, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-pages span { min-inline-size: 28px; block-size: 28px; display: inline-grid; place-items: center; border-radius: var(--kc-r); color: var(--kc-mute); text-decoration: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-pages [aria-current] { background: var(--kc-inv); color: var(--kc-inv-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-tablewrap { overflow-x: auto; margin: 0; border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-mapview, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-map { border: 1px solid var(--kc-line); border-radius: var(--kc-r); filter: grayscale(1) contrast(1.05); }

/* ---------- 6. The account hub (the member's own space): the approved "Your space" ---------- */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member[data-nxc="account"] { padding-block-start: 24px; }
/* the identity band: no cover, no band. Kicker, the name as the title, the handle line in mono, chips, icon actions. */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head { position: static; margin: 0; padding: 0; border: 0; background: transparent; min-block-size: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head .nxc-cover { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; grid-template-areas: "eb eb act" "name name act" "av handle handle" "av chips chips"; gap: 0 16px; align-items: center; padding: 0; margin: 0; color: var(--kc-ink); min-block-size: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-identity { display: contents; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-identity > .nf-ui-eyebrow { grid-area: eb; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-identity > .nxc-namerow { grid-area: name; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-identity > .nxc-handle { grid-area: handle; align-self: end; margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-identity > .nxc-chips { grid-area: chips; align-self: start; margin: 4px 0 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-avatar { grid-area: av; inline-size: 64px; block-size: 64px; margin: 18px 0 0; border: 0; box-shadow: none; background: var(--kc-bg); padding: 0; clip-path: none !important; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-avatar::before { content: ""; position: absolute; inset: 0; border-radius: 50%; padding: 1.5px; background: var(--kc-grad); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-avatar img { inline-size: 64px; block-size: 64px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-actions { grid-area: act; display: flex; gap: 4px; align-items: center; align-self: start; justify-self: end; margin-block-start: 4px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-namerow { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 14px; margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-handle { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 18px 0 0; font: 400 13px/1.5 var(--kc-font); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-handle__at { font: 500 14px var(--kc-mono); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head .nxc-chips { font-size: 11px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-verify { display: inline-flex; align-items: center; gap: 6px; font: 500 10.5px var(--kc-mono); letter-spacing: .04em; text-transform: uppercase; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-verify__pips i { background: var(--kc-line-2); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-verify__pips i.on { background: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-verify__mark { color: var(--kc-ink); }
/* the number row: instruments */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head .nxc-kpis { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 22px 0 0; padding: 0; border: 0; background: transparent; gap: 0 24px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-kpis.nxc-band { margin: 0 0 8px; }
/* the frame: the grouped menu becomes one dense row of lenses, the body takes the full width */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-layout { display: block; margin: 0; border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav { position: sticky; top: 0; z-index: 3; margin: 22px 0 0; padding: 0; border: 0; border-block-end: 1px solid var(--kc-line); background: var(--kc-bg); max-block-size: none; overflow: visible; inline-size: auto; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__toggle, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__find, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__none { display: none !important; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__list { display: flex !important; flex-wrap: nowrap; align-items: stretch; gap: 0 18px; overflow-x: auto; scrollbar-width: none; padding: 0; margin: 0; block-size: auto; max-block-size: none; visibility: visible; opacity: 1; position: static; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__group { display: flex; align-items: center; gap: 2px; flex: none; margin: 0; padding: 0; border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__group + .nxc-nav__group::before { content: ""; inline-size: 1px; align-self: center; block-size: 16px; background: var(--kc-line-2); margin-inline-end: 8px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__cat { margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__cat button { appearance: none; border: 0; background: none; padding: 10px 6px 12px 0; cursor: default; pointer-events: none; display: inline-flex; align-items: center; gap: 6px; font: 500 9.5px/1 var(--kc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__cat button svg, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__catcount { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__group ul { display: flex !important; gap: 2px; margin: 0; padding: 0; list-style: none; block-size: auto; max-block-size: none; overflow: visible; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__group li { margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__item { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 10px 8px 12px; border: 0; border-radius: var(--kc-r) var(--kc-r) 0 0; background: none; font: 500 13.5px/1 var(--kc-font); color: var(--kc-mute); white-space: nowrap; text-decoration: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__item svg { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__item:hover { color: var(--kc-ink); background: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__item[aria-current] { color: var(--kc-ink); background: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__item[aria-current]::after { content: ""; position: absolute; inset-inline: 6px; inset-block-end: -1px; block-size: 2px; background: var(--kc-grad); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__item[aria-current]::before { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav__count { font: 400 10px var(--kc-mono); color: var(--kc-signal); padding: 0; background: none; border: 0; min-inline-size: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-main { padding: 0; margin: 0; max-inline-size: none; min-inline-size: 0; background: transparent; }
/* the view's header: the section name as a statement, its purpose, the one primary action */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-page { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin: 30px 0 0; padding: 0; border: 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-page__text { min-inline-size: 0; flex: 1 1 420px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-page__title { font: 500 24px/1.2 var(--kc-font); letter-spacing: -.02em; color: var(--kc-ink); margin: 6px 0 0; font-variation-settings: "wdth" 92; text-wrap: pretty; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-page__lede { font-size: 14px; color: var(--kc-mute); margin: 6px 0 0; max-width: 64ch; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-page__actions { display: flex; gap: 8px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-page .nxc-tabs { flex-basis: 100%; margin-block-start: 14px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-page .nxc-tabs--sub { margin-block-start: 0; }
/* the overview: panels pack two to a row, each a block with a mono label and a hairline */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-body { margin-block-start: 6px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dash { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 36px; align-items: start; grid-auto-flow: row dense; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dash > * { grid-column: span 12; min-inline-size: 0; }
@media (min-width: 900px) {
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dash > [data-span="4"] { grid-column: span 4; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dash > [data-span="6"], body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dash > .nxc-panel:not([data-span]) { grid-column: span 6; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dash > [data-span="8"] { grid-column: span 8; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dash > [data-span="12"] { grid-column: span 12; }
}
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-panel { margin: 30px 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-panel__body { padding: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-panel__body > p { font-size: 13.5px; color: var(--kc-mute); margin: 0 0 8px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-panel__figure { margin: 0 0 10px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-panel__figure .nxc-metric { font-size: 30px !important; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-status { margin: 34px 0 0; padding: 10px 0 0; border-block-start: 1px solid var(--kc-line); font: 400 10px/1.6 var(--kc-mono); color: var(--kc-mute); display: flex; flex-wrap: wrap; gap: 4px 14px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-status::before { content: ""; inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--kc-signal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--kc-signal) 20%, transparent); align-self: center; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-needs__profile { font: 400 11px var(--kc-mono); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-next { font: 400 11px var(--kc-mono); color: var(--kc-mute); }
/* the 52-week heatmap, the radar, the charts: ink and the signal only, no raster */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-heat__c, .nxc-chart__bar, .nxc-stack__seg) { fill: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-radar__shape) { fill: color-mix(in srgb, var(--kc-signal) 12%, transparent); stroke: var(--kc-signal); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-radar__ring, .nxc-radar__axis, .nxc-chart__grid, .nxc-chart__axis) { stroke: var(--kc-line-2); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-spark__line, .nxc-spark2__line, .nxc-chart__line) { stroke: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-spark__area) { fill: color-mix(in srgb, var(--kc-ink) 8%, transparent); }
/* the portfolio and the profile fields */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-pf__sec { margin: 30px 0 0; padding: 0; border: 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-pf__item, .nxc-pf__cred, .nxc-pf__tl) { padding: 10px 0; border: 0; border-block-end: 1px solid var(--kc-line); border-radius: 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-pf__skn, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-pf__ct { font: 500 14.5px var(--kc-font); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-pf__lvl i { background: var(--kc-line-2); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-pf__lvl i.on { background: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-fields { display: grid; gap: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-field { display: grid; grid-template-columns: minmax(120px, 180px) minmax(0, 1fr); gap: 12px; padding: 8px 0; border-block-end: 1px solid var(--kc-line); font-size: 14px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-field > :first-child { font: 500 10px/1.6 var(--kc-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--kc-mute); }
/* BuddyPress's own screens inside the hub (messages, notifications, settings, invitations): rows and kit fields */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp { font-family: var(--kc-font); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp :is(.bp-feedback, .bp-messages) { border: 0; border-inline-start: 2px solid var(--kc-signal); border-radius: 0; background: transparent; padding: 4px 0 4px 14px; font-size: 14px; color: var(--kc-ink); box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp :is(.bp-feedback, .bp-messages) .bp-icon { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp :is(table, .item-list) { border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp :is(.item-list > li, tr) { border: 0; border-block-end: 1px solid var(--kc-line); background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp :is(th, .bp-screen-title, .screen-heading) { font: 500 10px/1.4 var(--kc-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--kc-mute); background: transparent; border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp td { background: transparent; border: 0; font-size: 14px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp :is(.button, button, input[type="submit"], .generic-button a):not(.nf-ui-btn) { appearance: none; display: inline-flex; align-items: center; gap: 8px; min-block-size: 36px; padding: 0 14px; border: 1px solid var(--kc-line-2); border-radius: var(--kc-r); background: transparent; color: var(--kc-ink); font: 500 13.5px/1 var(--kc-font); box-shadow: none; text-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp :is(.button, button, input[type="submit"]):is(.bp-primary-action, [type="submit"]):not(.nf-ui-btn) { background: var(--kc-inv); color: var(--kc-inv-ink); border-color: var(--kc-inv); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp :is(.standard-form label, .editfield legend) { font: 500 13px var(--kc-font); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp .editfield { padding: 12px 0; border: 0; border-block-end: 1px solid var(--kc-line); margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp .field-visibility-settings { border: 1px solid var(--kc-line-2); border-radius: var(--kc-r); background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp :is(.bp-navs, .user-subnav, .messages-options-nav, .notifications-options-nav) { background: transparent; border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp .bp-navs ul li a { padding: 8px 10px; font: 500 13px var(--kc-font); color: var(--kc-mute); background: transparent; border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp .bp-navs ul li.current a, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-bp .bp-navs ul li.selected a { color: var(--kc-ink); box-shadow: inset 0 -2px 0 var(--kc-signal); }
/* nexus-dashboard panels inside the hub and on /account/ */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(#nxc-member, .nxd-page) .nx-dp { font-family: var(--kc-font); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(#nxc-member, .nxd-page) :is(.nx-dp__section, .nxd-panel__body) { margin: 30px 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(#nxc-member, .nxd-page) .nx-dp__head { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font: 500 10.5px/1.4 var(--kc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(#nxc-member, .nxd-page) .nx-dp__head::after { content: ""; flex: 1; block-size: 1px; background: var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(#nxc-member, .nxd-page) .nx-dp__head :is(h2, h3) { font: inherit; letter-spacing: inherit; text-transform: inherit; margin: 0; color: inherit; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(#nxc-member, .nxd-page) .nx-dp__note { font: 400 11px/1.55 var(--kc-mono); color: var(--kc-mute); margin-block-start: 10px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(#nxc-member, .nxd-page) .nx-dp__code { font: 400 12px/1.5 var(--kc-mono); color: var(--kc-ink); background: var(--kc-bg-2); border-radius: 4px; padding: 2px 6px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxd-page { max-inline-size: none; padding: 28px var(--kc-gut) 72px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxd-page__title { font-family: var(--kc-font); font-weight: 800; letter-spacing: -.045em; line-height: .92; font-size: clamp(40px, 5.2vw, 76px); color: var(--kc-ink); margin: 0; }
/* the recognition skin: records as rows, no points wallet, no ranks */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxf-rec__item, .nxc-badge) { padding: 10px 0; border: 0; border-block-end: 1px solid var(--kc-line); border-radius: 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-badge-grid, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-badges { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0 36px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-badge__title { font: 500 14.5px var(--kc-font); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-badge__desc { font-size: 12.5px; color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-badge img { filter: grayscale(1) contrast(1.1); inline-size: 32px; block-size: 32px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-badge:not(.is-earned) { opacity: .55; }

/* ---------- 7. Passport (holder page, public view, verifier, a credential) ---------- */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-page, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp { max-inline-size: none; padding: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp { padding: 28px var(--kc-gut) 72px; --nxp-gap: 36px; --nxp-line: 1px solid var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-head { margin: 0; padding: 0; border: 0; display: block; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-head::after { content: ""; display: block; inline-size: 64px; block-size: 2px; background: var(--kc-grad); margin-block-start: 22px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-head__main { display: block; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-head__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 18px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-titlerow { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-layout { gap: 0 36px; margin-block-start: 8px; }
@media (min-width: 64em) { body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-layout { grid-template-columns: 220px minmax(0, 1fr); } body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-layout--verify, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-layout--credential { grid-template-columns: minmax(0, 1fr) 320px; } }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-sections { display: grid; gap: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-section { margin: 30px 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-section__head { margin-block-end: 12px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-section__head .nxp-h2 { margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-section__head::after { content: ""; flex: 1; block-size: 1px; background: var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-h3 { font: 500 15px/1.3 var(--kc-font); color: var(--kc-ink); margin: 14px 0 6px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-aside .nxp-section { margin-block-start: 30px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-aside p, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-measure { font-size: 13.5px; line-height: 1.55; color: var(--kc-ink-2); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-toc { position: sticky; top: 16px; display: grid; gap: 0; margin: 30px 0 0; padding: 0; border: 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-toc a { display: block; padding: 8px 0 8px 14px; border-inline-start: 2px solid var(--kc-line-2); font: 500 13.5px var(--kc-font); color: var(--kc-mute); text-decoration: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-toc a:hover, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-toc a[aria-current] { color: var(--kc-ink); border-image: var(--kc-grad-v) 1; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-toc__sep { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-form { display: grid; gap: 12px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-form > p { margin: 0; display: grid; gap: 6px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-textarea, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-mono, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-pre, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-did, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-output { font-family: var(--kc-mono); font-size: 12.5px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-pre, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-output { background: var(--kc-bg-2); border: 0; border-radius: var(--kc-r); padding: 12px; color: var(--kc-ink); overflow: auto; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-actions .nf-ui-btn { inline-size: auto; min-inline-size: 160px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-status:not(:empty) { margin: 0; padding: 10px 0 0; border-block-start: 1px solid var(--kc-line); font: 400 12px/1.5 var(--kc-mono); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-status[data-tone="critical"], body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-status.is-invalid { color: var(--kc-signal); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-notice { border: 0; border-inline-start: 2px solid var(--kc-signal); border-radius: 0; background: transparent; padding: 4px 0 4px 14px; font-size: 13.5px; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 0 36px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-card { display: grid; gap: 2px; padding: 10px 0; border: 0; border-block-end: 1px solid var(--kc-line); border-radius: 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-card__t { font: 500 15px/1.3 var(--kc-font); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-card__m { font: 400 11px/1.4 var(--kc-mono); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-card__a { display: flex; gap: 4px; margin-block-start: 6px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxp-signal, .nxp-badge, .nxp-chip) { display: inline-flex; align-items: center; gap: 7px; padding: 0; border: 0; background: transparent; font: 500 11px/1.6 var(--kc-mono); letter-spacing: .04em; text-transform: uppercase; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-signal__mark, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-badge__mark { inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--kc-ink); color: transparent; overflow: hidden; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-signal[data-state="pending"] .nxp-signal__mark, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-signal[data-tone="caution"] .nxp-signal__mark { background: var(--kc-signal); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-dl { display: grid; grid-template-columns: minmax(120px, max-content) minmax(0, 1fr); gap: 0 20px; margin: 0; border-block-start: 1px solid var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-dl dt, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-dl dd { margin: 0; padding: 8px 0; border-block-end: 1px solid var(--kc-line); font-size: 13.5px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-dl dt { font: 500 10px/1.8 var(--kc-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-timeline { border-inline-start: 1px solid var(--kc-line-2); margin-inline-start: 6px; padding: 0; list-style: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-timeline__e { position: relative; padding: 8px 0 8px 18px; font-size: 13.5px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-timeline__e::before { content: ""; position: absolute; inset-inline-start: -5px; top: 14px; inline-size: 9px; block-size: 9px; border-radius: 50%; background: var(--kc-bg); border: 2px solid var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-qr { border: 1px solid var(--kc-line); border-radius: var(--kc-r); padding: 10px; background: #fff; inline-size: max-content; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-qr svg path, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-qr svg rect { fill: #000; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-seg { display: inline-flex; border: 1px solid var(--kc-line-2); border-radius: var(--kc-r); padding: 2px; gap: 2px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-seg__opt { block-size: 26px; padding: 0 10px; border: 0; border-radius: 3px; background: none; font: 500 12px var(--kc-font); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-seg__opt[aria-pressed="true"], body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-seg__opt[aria-checked="true"] { background: var(--kc-inv); color: var(--kc-inv-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-privacy, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-sharenote, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-purpose { font: 400 11px/1.55 var(--kc-mono); color: var(--kc-mute); }

/* ---------- 8. Academy (nexus-academy on Tutor): the catalogue, the command center, the records ---------- */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc.nxc-main { max-inline-size: none; padding: 28px var(--kc-gut) 72px !important; background: var(--kc-bg); color: var(--kc-ink-2); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-head { display: block; padding: 0; border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-head::after { position: static; display: block; inline-size: 64px; block-size: 2px; margin-block-start: 22px; background: var(--kc-grad); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-head__title { font: 800 clamp(40px, 5.2vw, 76px)/.92 var(--kc-font); letter-spacing: -.045em; color: var(--kc-ink); margin: 10px 0 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-head__purpose { font-size: 16px; color: var(--kc-ink-2); max-width: 64ch; margin: 14px 0 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-head__meta, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-head__note { font: 400 11px/1.5 var(--kc-mono); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-head__action { margin-block-start: 18px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-empty { padding: 22px 0; border: 0; border-block-start: 1px solid var(--kc-line); background: transparent; margin-block-start: 30px; text-align: start; max-inline-size: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-empty svg, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-empty .nxc-ic { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-empty__title { font: 500 24px/1.2 var(--kc-font); letter-spacing: -.02em; color: var(--kc-ink); margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-empty__text { font: 400 14px/1.5 var(--kc-font); color: var(--kc-mute); margin: 8px 0 0; max-width: 56ch; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-empty .nxc-btn { margin-block-start: 16px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-toolbar { border: 0; border-block-end: 2px solid var(--kc-ink); padding: 0 0 8px; margin: 26px 0 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-search input { border: 0; border-radius: 0; padding: 0; font: 600 21px/1.2 var(--kc-font); letter-spacing: -.02em; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0 36px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-card { display: grid; gap: 4px; padding: 12px 0; border: 0; border-block-end: 1px solid var(--kc-line); border-radius: 0; background: transparent; box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-card:hover { background: linear-gradient(90deg, var(--kc-bg-2), transparent); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-card__title { font: 500 16px/1.3 var(--kc-font); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc :is(.nxc-card__faculty, .nxc-card__credits, .nxc-card__paths, .nxc-meta, .nxc-fine, .nxc-muted) { font: 400 11px/1.5 var(--kc-mono); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-card__summary { font-size: 13.5px; color: var(--kc-ink-2); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc :is(.nxc-row, .nxc-item, .nxc-module) { padding: 11px 0; border: 0; border-block-end: 1px solid var(--kc-line); border-radius: 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc :is(.nxc-row__title, .nxc-item__title, .nxc-module__title) { font: 500 15px/1.35 var(--kc-font); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc :is(.nxc-row__state, .nxc-row__pc, .nxc-item__meta, .nxc-module__meta, .nxc-module__n) { font: 400 11px/1.3 var(--kc-mono); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc :is(.nxc-section__title, .nxc-panel__title) { margin-block-start: 30px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc :is(.nxc-panel, .nxc-tutor-box, .nxc-enrol, .nxc-glance) { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-dash__bar, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-weight__bar, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-learner__bar { background: var(--kc-grad); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-progress { block-size: 6px; border-radius: 3px; background: var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-count-pill { font: 400 10px var(--kc-mono); color: var(--kc-mute); background: transparent; border: 1px solid var(--kc-line-2); border-radius: 4px; padding: 1px 5px; }
/* the experience shell (dashboard, learning area, lessons) */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxa-shell { background: var(--kc-bg); color: var(--kc-ink-2); font-family: var(--kc-font); max-inline-size: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxa-shell__bar { border-block-end: 1px solid var(--kc-line); background: var(--kc-bg); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxa-shell__rail { border-inline-end: 1px solid var(--kc-line); background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxa-shell__crumbs { font: 500 10.5px/1.5 var(--kc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxa-rail__link, .nxe-rail__item) { color: var(--kc-mute); border-radius: 0; font: 500 13.5px var(--kc-font); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxa-rail__link[aria-current], .nxe-rail__item[aria-current]) { color: var(--kc-ink); background: transparent; box-shadow: inset 2px 0 0 var(--kc-signal); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxa-rail__label { font: 500 9.5px/1.4 var(--kc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxa-ui-card, .nxa-panel, .nxe-panel, .nxe-cell, .nxe-stage__card, .nxe-cat-card, .nxe-pw-cell) { background: transparent; border: 0; border-block-start: 1px solid var(--kc-line); border-radius: 0; box-shadow: none; padding-inline: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxa-panel__head, .nxe-sec__head, .nxe-panel__title, .nxe-subhead) { font: 500 10.5px/1.4 var(--kc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxa-hero__title, .nxe-lesson-head__title, .nxe-complete__title) { font-family: var(--kc-font); font-weight: 800; letter-spacing: -.045em; line-height: .95; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxa-ui-chip, .nxe-chip, .ra-chip) { background: transparent; border: 1px solid var(--kc-line-2); border-radius: var(--kc-r); font: 500 12px var(--kc-font); color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxa-status-strip { border: 0; border-block: 1px solid var(--kc-line); background: transparent; font: 400 11px var(--kc-mono); color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxe-cat__rail { border: 0; background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxe-facet__opt { font-size: 13.5px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxa-ui-banner, .nf-ui-banner, .ra-callout) { border: 0; border-inline-start: 2px solid var(--kc-signal); border-radius: 0; background: transparent; padding: 4px 0 4px 14px; color: var(--kc-ink); }
/* Tutor: its own dashboard, the course, the lesson, the sign-in box, all on the kit's surface */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap { font-family: var(--kc-font); color: var(--kc-ink-2); background: var(--kc-bg); max-inline-size: none; padding-inline: var(--kc-gut); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(h1, h2, h3, h4, .tutor-fs-3, .tutor-fs-4, .tutor-fs-5, .tutor-fs-6, .tutor-h3) { font-family: var(--kc-font); color: var(--kc-ink); letter-spacing: -.02em; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.tutor-card, .tutor-login-wrap, .tutor-dashboard-content-inner, .tutor-course-card, .tutor-accordion-item, .tutor-modal-content) { background: var(--kc-bg); border: 1px solid var(--kc-line-2); border-radius: var(--kc-r); box-shadow: none !important; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-login-wrap { max-inline-size: 440px; margin: 40px auto; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-login-wrap .tutor-h3 { font: 800 32px/1 var(--kc-font); letter-spacing: -.04em; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-form-control, input[type="text"], input[type="email"], input[type="password"], select, textarea) { border: 1px solid var(--kc-line-2); border-radius: var(--kc-r); background: transparent; color: var(--kc-ink); font: 400 15px var(--kc-font); box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-form-control, input):focus { border-color: var(--kc-ink); box-shadow: none; outline: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-btn { border-radius: var(--kc-r); font: 500 13.5px var(--kc-font); box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-btn-primary { background: var(--kc-inv); border-color: var(--kc-inv); color: var(--kc-inv-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-btn-outline-primary { border-color: var(--kc-line-2); color: var(--kc-ink); background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-dashboard-left-menu, .tutor-dashboard-menu-item) { background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-dashboard-left-menu { border: 0; border-inline-end: 1px solid var(--kc-line); border-radius: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-dashboard-menu-item-link { color: var(--kc-mute); border-radius: 0; font: 500 13.5px var(--kc-font); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-dashboard-menu-item-link:hover { background: transparent; color: var(--kc-ink); box-shadow: inset 2px 0 0 var(--kc-signal); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-dashboard-menu-divider { border-color: var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-dashboard-title, .tutor-dashboard-content-inner > h2, .tutor-dashboard-content-inner > h3) { font: 500 24px/1.2 var(--kc-font); letter-spacing: -.02em; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-progress-bar, .tutor-progress-track) { block-size: 6px; border-radius: 3px; background: var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-progress-bar-fill, .tutor-progress-fill, .tutor-progress-track .tutor-progress-bar) { background: var(--kc-grad); border-radius: 3px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-meta, .tutor-meta-key, .tutor-fs-7, .tutor-fs-8) { font-family: var(--kc-mono); font-size: 11px; color: var(--kc-mute); letter-spacing: 0; text-transform: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-color-success, .tutor-text-success) { color: var(--kc-ink) !important; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-color-warning, .tutor-color-danger) { color: var(--kc-signal) !important; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-badge-label, .tutor-ratings) { color: var(--kc-mute); background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-ratings-stars, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-icon-star-bold { display: none !important; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap table { border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-table th, .tutor-table thead) { font: 500 10px/1.4 var(--kc-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--kc-mute); background: transparent; border-block-end: 1px solid var(--kc-line-2); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-table td { border-block-end: 1px solid var(--kc-line); background: transparent; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-course-card { border: 0; border-block-end: 1px solid var(--kc-line); border-radius: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-course-thumbnail img { filter: grayscale(1) contrast(1.05); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap .tutor-login-form .tutor-form-check-input { accent-color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(label, .tutor-form-label, .tutor-form-check-label, .tutor-color-black, .tutor-color-secondary) { color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap :is(.tutor-form-control, input)::placeholder { color: var(--kc-faint); }

/* ---------- 9. Sign-in and the account forms (/login/) ---------- */
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf.pf-auth { padding: 40px var(--kc-gut) 72px; background: var(--kc-bg); color: var(--kc-ink-2); font-family: var(--kc-font); --pf-canvas: var(--kc-bg); --pf-alt: var(--kc-bg-2); --pf-ink: var(--kc-ink); --pf-line: var(--kc-line-2); --pf-primary-bg: var(--kc-inv); --pf-primary-ink: var(--kc-inv-ink); --pf-accent: var(--kc-signal); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__grid { max-width: none; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 36px; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__grid--single { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1100px) { body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__card { padding: 0; background: transparent; max-width: 640px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__org { font: 500 10.5px/1.5 var(--kc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kc-mute); margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__title { font: 800 clamp(44px, 6vw, 88px)/.9 var(--kc-font); letter-spacing: -.045em; color: var(--kc-ink); margin: 14px 0 0; font-variation-settings: "wdth" 86; }
body.pf-chromed[dir="rtl"] :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__title { letter-spacing: 0; line-height: 1.15; font-variation-settings: normal; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__lede { font-size: 17px; line-height: 1.5; color: var(--kc-ink-2); margin: 18px 0 0; max-width: 48ch; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__form { display: grid; gap: 14px; margin-top: 26px; padding: 26px 0 0; border-block-start: 1px solid var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__form label { font-size: 13px; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__form :is(input[type="text"], input[type="email"], input[type="password"], input[type="url"], select) { block-size: 42px; min-block-size: 42px; border: 1px solid var(--kc-line-2); border-radius: var(--kc-r); background: transparent; color: var(--kc-ink); font: 400 15px var(--kc-font); box-shadow: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__form :is(input, select):focus { border-color: var(--kc-ink); box-shadow: none; outline: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__form :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-btn.pf-auth__submit { inline-size: auto; min-inline-size: 180px; block-size: 40px; padding: 0 16px; border-radius: var(--kc-r); font: 500 14px/1 var(--kc-font); justify-self: start; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf :is(.pf-auth__switch, .pf-auth__fine, .pf-auth__note, .pf-auth__aside-link) { font-size: 13px; color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf :is(.pf-auth__switch a, .pf-auth__aside-link a, .pf-auth__aside-more a) { color: var(--kc-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--kc-signal); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__alert { border: 0; border-inline-start: 2px solid var(--kc-signal); border-radius: 0; background: transparent; padding: 4px 0 4px 14px; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__aside::before { display: none; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__aside { padding: 0; background: transparent; border: 0; border-inline-start: 1px solid var(--kc-line); padding-inline-start: 36px; margin-block-start: 8px; align-self: stretch; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__aside-title { font: 500 10.5px/1.4 var(--kc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kc-mute); margin: 0 0 12px; display: flex; align-items: center; gap: 10px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__aside-title::after { content: ""; flex: 1; block-size: 1px; background: var(--kc-line); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__points { list-style: none; margin: 0; padding: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__points li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 12px; align-items: start; padding: 11px 0; border-block-end: 1px solid var(--kc-line); font-size: 14.5px; color: var(--kc-ink); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__points svg { inline-size: 18px; block-size: 18px; stroke-width: 1.75; color: var(--kc-ink); margin-block-start: 2px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__aside-more { margin: 14px 0 0; font-size: 13.5px; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__sessions { border: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__session-t { font: 500 10.5px/1.4 var(--kc-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--kc-mute); }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__form--row { grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: 10px 0; border-block-start: 0; border-block-end: 1px solid var(--kc-line); margin: 0; }
body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__provider { border: 1px solid var(--kc-line-2); border-radius: var(--kc-r); padding: 10px 12px; font-size: 13.5px; }

/* ---------- 10. The phone (390px): one column, 16px gutters, the lens rows scroll ---------- */
@media (max-width: 760px) {
  body.pf-chromed { --kc-gut: 16px; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc.nxc-main, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxd-page { padding: 18px var(--kc-gut) 96px; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc.nxc-main { padding: 18px var(--kc-gut) 96px !important; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(#nxc-member, .nxc-catalogue, .nxp) :is(.nxc-dir__title, .nxp-title, .nxc-head__title, .nxc-name, .nxd-page__title), body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-head__title, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxd-page__title { font-size: clamp(36px, 11vw, 48px); }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__title { font-size: clamp(40px, 12vw, 56px); }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-act { grid-template-columns: minmax(0, 1fr); }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-act__left { order: 2; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-act__main { order: 1; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-act__right { order: 3; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-toolbar__search .nf-ui-field { font-size: 18px; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body { grid-template-columns: 48px minmax(0, 1fr); grid-template-areas: "eb eb" "name name" "av handle" "av chips" "act act"; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-avatar, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-avatar img { inline-size: 48px; block-size: 48px; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head__body > .nxc-actions { justify-self: start; margin-block-start: 14px; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-head .nxc-kpis, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-kpis, .nxc-tiles, .nxp-tiles, .nxp-stats, .nxa-metrics) { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxn :is(.nxc-kpi__value, .nxp-tile__v, .nxp-stat__v, .nxa-metric__value) { font-size: 24px !important; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-nav { position: static; margin-inline: calc(-1 * var(--kc-gut)); padding-inline: var(--kc-gut); }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-page { margin-block-start: 22px; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-dash { grid-template-columns: minmax(0, 1fr); gap: 0; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member .nxc-page__title { font-size: 20px; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) #nxc-member :is(.nxc-cards, .nxc-grid), body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-cards, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxc .nxc-grid { grid-template-columns: minmax(0, 1fr); }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-layout, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-layout--verify, body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-layout--credential { grid-template-columns: minmax(0, 1fr); }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .nxp-toc { position: static; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf.pf-auth { padding: 24px var(--kc-gut) 96px; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__grid { grid-template-columns: minmax(0, 1fr); }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-auth__aside { border-inline-start: 0; padding-inline-start: 0; border-block-start: 1px solid var(--kc-line); padding-block-start: 22px; margin-block-start: 30px; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .pf .pf-btn.pf-auth__submit { inline-size: 100%; }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-wrap { padding-inline: var(--kc-gut); }
  body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) .tutor-login-wrap { margin: 16px auto; }
}
@media (prefers-reduced-motion: reduce) { body.pf-chromed :is(#main, #page):not(#k):not(#k):not(#k):not(#k) :is(.nxn, .nxc, .nxp, .pf-auth) * { transition: none !important; animation: none !important; } }