/* Piramideplanner: page-specific tokens (part colours), scoped under #mcpy. Hex only: the 3D view shades them. */
#mcpy {
  --mcpy-core: #b9b29a;
  --mcpy-plinth: #8d9590;
  --mcpy-temple: #b5653f;
  --mcpy-frame: #4b5563;
  --mcpy-glass: #a9d8e6;
  --mcpy-glass-blue: #6fb4dc;
  --mcpy-glass-white: #e2e8ea;
  --mcpy-glass-tint: #4a3f57;
  --mcpy-gold: #e8bd2c;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mcpy {
    --mcpy-core: #6f6a58; --mcpy-plinth: #6d7570; --mcpy-temple: #c9774f; --mcpy-frame: #9aa6b4;
    --mcpy-glass: #7fb8c9; --mcpy-glass-blue: #5a9cc4; --mcpy-glass-white: #c4ccd0; --mcpy-glass-tint: #6b5d80; --mcpy-gold: #f0c541;
  }
}
:root[data-theme="dark"] #mcpy {
  --mcpy-core: #6f6a58; --mcpy-plinth: #6d7570; --mcpy-temple: #c9774f; --mcpy-frame: #9aa6b4;
  --mcpy-glass: #7fb8c9; --mcpy-glass-blue: #5a9cc4; --mcpy-glass-white: #c4ccd0; --mcpy-glass-tint: #6b5d80; --mcpy-gold: #f0c541;
}

#mcpy .mcpy-col { display: grid; gap: 14px; min-width: 0; }
#mcpy .mcpy-seg-small span { padding: 5px 4px; font-size: 12px; }
#mcpy p.mcpy-note { color: var(--mcdp-mark); font-size: 14px; }