/* Parametrische vormen: page-specific tokens (part colours), scoped under #mcpm. Hex only: the 3D view shades them. */
#mcpm {
  --mcpm-block: #357a72;
  --mcpm-band: #c27c12;
  --mcpm-stripe: #8a5aa8;
  --mcpm-column: #8d9590;
  --mcpm-rung: #c4483c;
  --mcpm-rung2: #3f78c4;
  --mcpm-railing: #4b5563;
  --mcpm-base: #a6865c;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcpm {
    --mcpm-block: #4a9f94; --mcpm-band: #e6a23c; --mcpm-stripe: #a87bc6; --mcpm-column: #6d7570;
    --mcpm-rung: #e06656; --mcpm-rung2: #5d95e0; --mcpm-railing: #9aa6b4; --mcpm-base: #b89870;
  }
}
:root[data-theme="dark"] #mcpm {
  --mcpm-block: #4a9f94; --mcpm-band: #e6a23c; --mcpm-stripe: #a87bc6; --mcpm-column: #6d7570;
  --mcpm-rung: #e06656; --mcpm-rung2: #5d95e0; --mcpm-railing: #9aa6b4; --mcpm-base: #b89870;
}

#mcpm .mcpm-seg-small span { padding: 6px 2px; font-size: 12px; }
#mcpm .mcpm-legend b { font-family: var(--mcdp-mono); font-weight: 600; color: var(--mcdp-ink); margin-left: 4px; }
#mcpm .mcpm-group { display: grid; gap: 20px; }
#mcpm .mcpm-eq { font-family: var(--mcdp-mono); font-size: 13px; color: var(--mcdp-ink); background: var(--mcdp-bg); border: 1px solid var(--mcdp-line); border-radius: 4px; padding: 6px 8px; overflow-wrap: anywhere; }