/* Tempels: page-specific tokens (part colours), scoped under #mctp. Hex only: the 3D view shades them. */
#mctp {
  --mctp-wall: #c8b48c;
  --mctp-column: #e6dfcf;
  --mctp-roof: #a3533c;
  --mctp-trim: #6f7f8c;
  --mctp-gold: #e8bd2c;
  --mctp-floor: #9c9483;
  --mctp-water: #3f7fcf;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mctp {
    --mctp-wall: #a8956f; --mctp-column: #cfc7b5; --mctp-roof: #c0674c; --mctp-trim: #8e9eab;
    --mctp-gold: #f0c541; --mctp-floor: #7c7566; --mctp-water: #4d8fdc;
  }
}
:root[data-theme="dark"] #mctp {
  --mctp-wall: #a8956f; --mctp-column: #cfc7b5; --mctp-roof: #c0674c; --mctp-trim: #8e9eab;
  --mctp-gold: #f0c541; --mctp-floor: #7c7566; --mctp-water: #4d8fdc;
}

#mctp .mctp-col { display: grid; gap: 14px; min-width: 0; }
#mctp .mctp-seg-small span { padding: 5px 4px; font-size: 12px; }
#mctp p.mctp-note { color: var(--mcdp-mark); font-size: 14px; }
#mctp .mctp-chips { display: flex; flex-wrap: wrap; gap: 4px 10px; }
#mctp .mctp-chip { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; font-size: 13px; }
#mctp .mctp-total { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 8px; font-size: 13px; }
#mctp .mctp-seed { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
#mctp .mctp-seed .mcdp-pair { flex: 1 1 160px; }
#mctp .mctp-parts td:first-child { font-weight: 600; }