/* Langhuis: page-specific tokens (part colours), scoped under #mclh. Hex only: the 3D view shades them. */
#mclh {
  --mclh-wall: #8a6a45;
  --mclh-post: #5a4128;
  --mclh-base: #8d8f88;
  --mclh-turf: #6f9a4a;
  --mclh-shingle: #6d4f36;
  --mclh-thatch: #c9a64e;
  --mclh-stair: #84624a;
  --mclh-accent: #b8862e;
  --mclh-floor: #7d6448;
  --mclh-hearth: #77787a;
  --mclh-fire: #e0692a;
  --mclh-bench: #a8845c;
  --mclh-hull: #9b7650;
  --mclh-keel: #4a3626;
  --mclh-deck: #b08d62;
  --mclh-mast: #6b4b30;
  --mclh-sail: #ece7dc;
  --mclh-sail2: #b8322c;
  --mclh-shield: #e0b72f;
  --mclh-shield2: #2c2c2c;
  --mclh-oar: #8c6b47;
  --mclh-water: #3f76c2;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mclh {
    --mclh-wall: #9a7850; --mclh-post: #6e5033; --mclh-base: #7d7f78; --mclh-turf: #5f8a3d; --mclh-shingle: #7c5b3f; --mclh-thatch: #c4a14b;
    --mclh-stair: #946f53; --mclh-accent: #c99634; --mclh-floor: #6d573e; --mclh-hearth: #68696b; --mclh-fire: #e8763a; --mclh-bench: #a8845c;
    --mclh-hull: #a07b54; --mclh-keel: #5a4330; --mclh-deck: #a88660; --mclh-mast: #7a5838; --mclh-sail: #d9d4c9; --mclh-sail2: #c23d36;
    --mclh-shield: #d8b130; --mclh-shield2: #4a4a4a; --mclh-oar: #957452; --mclh-water: #3a6aad;
  }
}
:root[data-theme="dark"] #mclh {
  --mclh-wall: #9a7850; --mclh-post: #6e5033; --mclh-base: #7d7f78; --mclh-turf: #5f8a3d; --mclh-shingle: #7c5b3f; --mclh-thatch: #c4a14b;
  --mclh-stair: #946f53; --mclh-accent: #c99634; --mclh-floor: #6d573e; --mclh-hearth: #68696b; --mclh-fire: #e8763a; --mclh-bench: #a8845c;
  --mclh-hull: #a07b54; --mclh-keel: #5a4330; --mclh-deck: #a88660; --mclh-mast: #7a5838; --mclh-sail: #d9d4c9; --mclh-sail2: #c23d36;
  --mclh-shield: #d8b130; --mclh-shield2: #4a4a4a; --mclh-oar: #957452; --mclh-water: #3a6aad;
}

#mclh .mclh-col { display: grid; gap: 14px; min-width: 0; }
#mclh .mclh-seg-small span { padding: 5px 4px; font-size: 12px; }
#mclh p.mclh-note { color: var(--mcdp-mark); font-size: 14px; }
#mclh .mclh-cut { display: flex; gap: 10px; align-items: center; font-size: 13px; color: var(--mcdp-muted); }
#mclh .mclh-cut input { flex: 1; min-width: 0; }